[TIL] 내일배움캠프 React 과정 2022.11.07

Today I Learned javascript 올인원 강의 듣기 웹페이지 수정하며 공부하기 javacsript 강의 공부한 내용 *프로그래밍 과정: 입력 -> 처리 -> 출력 *변수선언: let 변수이름 = 값 *기본형 데이터 타입: number, string(문자열), boolean(참거짓), null, undefined let name = null 비어있는 값을 할당 let age = 변수 선언만 하고 값 할당은 x (undefined) *산술연산자: + - / * % ** *증감연산자 let count = 1 const prePrice = ++count -> count=count+1 / prePrice=count const postPrice = count++ -> postPrice=count / ..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 7.
• textsms

[WIL] 내일배움캠프 첫째 주_미니프로젝트 결과물 정리

개강 첫 주부터 시작된 미니프로젝트가 금요일 발표와 함께 마무리되었다. 다른 팀들의 완성도 높은 결과물에 놀라기도 했지만 우리 팀도 주어진 시간과 능력 안에서 최선을 다했다고 말하고 싶다. 시연 영상 https://youtu.be/YQlDHxAkyGk 튜터님 피드백 githup up 하겠다는 의지 보기 좋았습니다.\n다만, 리액트 천재라고 해서 api를 대여섯개 썼을 줄 알았는데 2개만 써서 아쉬웠습니다.\n\n장고 부분을 잘 이해하고 있었어요. 서버에서 API콜 하는 부분과 단순히 html 랜더링 되는 부분도\n자료에 잘 정리해주신 것을 보니 서버-클라이언트 구조 잘 이해하고 있는 것 같아요.\n\n여러개의 app.py를 하나로 합치는 과정에서 어려움이 있었다고 했는데\n참 그런 부분이 어렵죠. 복붙으..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 7.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.05

팀 프로젝트로 만들었던 웹페이지를 조금씩 수정해보며 공부하는 과정을 기록한다. target= blank와 _blank의 차이점 링크를 클릭할 때마다 새 탭이 계속해서 생성되는 것이 거슬려서 검색을 해봤다. a 태그에 설정한 target 값을 수정해주면 되는 것이었는데 target=blank로 전체적으로 교체해 주었다. target=_blank는 페이지를 클릭할 때마다 새로운 탭이 계속해서 생긴다. target=blank는 하나의 탭만 새로 생성되고 그 탭에서 새로운 페이지가 열린다. a 태그 밑줄, 색상 제거하기 내 개인 페이지에서 타이틀을 눌렀을 때 메인 페이지로 연결되도록 링크를 걸어놓고 싶었는데 a 태그를 넣으니까 타이틀이 왼쪽처럼 변해서 마음에 들지 않았다. 그래서 원래는 css 수정을 통해 해결..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 6.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.04

Today I Learned 팀프로젝트 발표 팀프로젝트 KPT 회고 작성 느낀 점 오늘은 5일 동안 팀원들과 열심히 준비한 팀프로젝트의 발표가 있는 날이었다. 우리 팀의 발표로 인한 긴장감과 다른 팀들은 어떤 웹페이지를 만들었을까 설레는 마음을 가지고 발표가 시작됐는데 첫 조부터 엄청난 실력에 충격을 받았다. 그리고 다른 팀들의 발표가 계속될수록 원래도 없던 자신감이 뚝뚝 떨어지기 시작했다. 나는 이번 프로젝트를 진행하면서 노베이스 상태로 웹개발 종합반 강의 하나만 듣고 이 정도 결과물이라면 완벽하진 않더라도 나름 만족한다고 생각했었는데 다른 분들에 비하면 내 수준은 아직 바닥에 있는 거 같다. 만약 저렇게 엄청난 실력자 분들과 팀이 된다면 그 실력을 어떻게 따라잡아야 할지 걱정이 되기도 했다. 하지막 ..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 5.
• textsms

내일배움캠프 React B반 8조 팀프로젝트 KPT 회고

React B반 8조 팀원: 김명준, 김원준, 고현석, 남마리나, 이희령 팀명: let 리액트 천재 프로젝트명: 코딩하고 레벨 업 Keep 처음에 프로젝트를 기획하면서 세부적으로 역할을 분담하여서 효율적으로 진행할 수 있었다. 기능 구현이 안되거나 막히는 부분이 생기더라도 포기하지 않고 팀원들이 협력하여 해결하기 위해 끝까지 노력했다. 중간중간 피드백을 주고받으면서 진행 상황을 보고하고 부족한 부분은 수정하는 방식으로 프로젝트를 진행했다. Problem 팀원들이 모두 github 사용에 미숙해서 어려움을 겪었다. 코드 작성 규칙을 먼저 정했다면 각 페이지를 통합하는 과정에서 수월했을 거 같다. 초반 기획 단계에서 레이아웃을 더욱 구체적으로 설정하지 않은 점이 아쉽다. 백엔드 부분을 한 명이 맡아서 진행했..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 4.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.03

Today I Learned 개인 페이지 최종 완성 모든 페이지 통합하여 연결 리액트 튜터님과 개인 상담 발표 자료 만들기(ppt&대본) 🎉드디어 개인 페이지 완성🎉 어려웠던 부분 링크 클릭할 때 마우스 커서 모양 변경 버튼을 클릭했을 때 각 팀원의 페이지나 블로그로 이동하도록 링크를 성절해 놓았는데 마우스커서를 손 모양으로 변경해서 페이지를 이동할 수 있다는 것을 더욱 명시적으로 보여주고 싶었다. 방법은 굉장히 간단해서 해당 CSS 에 cursor: pointer;를 추가했다. github 활용하기 팀프로젝트 완성이 우선이라고 생각해서 아직 git bash 사용방법은 익히지 못하고 github 사이트에서 직접 파일을 올리거나 수정하고 있다. 그래서 git pull 기능도 못쓰고 있어서 커밋될 때마다 코..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 3.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.02

Today I Learned 미니 프로젝트 개인 페이지 완성 github 특강 복습 후 github 연동 시도(에 그침..) 발표 자료 초안 작성 저녁 먹고 잠시 비어나잇🍺 어려웠던 부분 이미지 위치 고정 내 소개 박스 안에서 이미지를 글의 길이와 상관없이 하단에 고정되도록 하고 싶어서 구글링을 했다. .tab-content{ position: relative; width: 640px; height: 380px; text-align: center; margin-top: 20px; line-height: 200%; } .text-image{ position: absolute; bottom: 10px; right: 10px; height: 220px; width: 600px; } 해결 방법은 부모 요소에 p..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 2.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.01

Today I Learned 매니저님과 개인 상담 미니 프로젝트 개인 페이지 구현 어려웠던 부분 어제저녁부터 방명록 남기는 기능을 구현하기 위한 python 파일에서 라는 경고 메시지가 떴다. 그래서 방명록 댓글이 mongoDB에 저장되지 않는 이유가 python과 html 파일이 아예 연결되지 않았기 때문이라고 생각해서 구글링도 해보았지만 혼자 힘으로는 해결할 수 없었다. 그래서 매니저님과 상담할 때도 여쭤보고 리액트 튜터님께도 여쭤봤지만 시간이 부족해서 문제를 해결하지는 못했다. 하지만 그분들에게서 에러를 해결하는 방법에 대해서는 배울 수 있었다. 구글 console창을 확인해본다거나 너무 한 가지 문제에만 집착하지 말고 시야를 넓혀서 코드를 전체적으로 살펴보는 방법까지. 면담 후에 app.py와 i..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 1.
• textsms

[TIL] 내일배움캠프 React 과정 2022.10.31

Today I Learned 미니프로젝트 발제-S.A 작성 GIT 협업 특강 GIT 작업 디렉터리: 버전 관리의 대상이 위치하는 공간 (.git이 위치함) 스테이지: 다음 버전이 될 후보가 올라가는 공간 저장소: 버전이 만들어지고 관리되는 공간 버전: 유의미한 변화가 결과물로 나온 것 GIT 명령어 정리 git init: 비어있는 로컬 저장소 생성 git status: 작업 디렉터리 상태 확인하기 git add: 변경사항스테이지에 올리기 git commit: 커밋 메세지와 함께 커밋하기 git log: 만들어진 버전 확인 원격 저장소와의 상호작용 git clone: 원격 저장소를 내 컴퓨터로 복제하기 git push: 원격 저장소에 코럴 저장소의 변경사항을 올리기 git pull: 원격 저장소를 내 컴퓨..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 10. 31.
• textsms

내일배움캠프 React B반 8조 미니 팀프로젝트 S.A

프로젝트 설명 팀명: let 리액트 천재 프로젝트명: 코딩하고 레벨 업 우리 팀과 팀원들을 소개할 수 있는 웹페이지를 만든다. 팀원 소개 내용으로는 다음 항목을 포함한다. 1. [팀]과 [자신]에 대한 설명 및 MBTI 2. 객관적으로 살펴본 자신의 장점 3. 협업을 하는 과정에서의 자신의 스타일 4. 우리 팀만의 색깔과 표현하고 싶은 시각적 스타일 5. 우리 팀의 약속 6. 팀원들의 블로그 주소 와이어프레임 API 설계 기능 Method URL request response 방명록 전체보기 GET /api/comment 방명록 작성 POST /api/comment {'name':name, 'contents':contents}

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 10. 31.
• textsms