6일차 (주말, 공휴일 제외) 오전 10시 회의 : pr 방식, 각자 맡은 페이지 진행도 보고 오전 2시 회의 : 화면 공유 백엔드분께 전달 팀원 피드백 헤더에 최신데이터가 필요한 것은 useRouter 방식으로 변경 최신데이터가 필요하지 않은 것은 href 할것 푸터 flex 수정 더미데이터를이용해 ul 프로젝트 카드 생성 ...
5일차 오전 10시 : FE 회의 오후 2시 : 통합 회의 오후 5시: 통합 회의 팀원 회의록 멘토피드백 사용자 요구 정의서 다시 상중하 배분 채팅기능 대신 쪽지 기능으로 대체 id || 전화번호 인증 방식 => 이메일 인증 방식 🌈 회고 어제 만든 헤더를 팀원들과 화면공유하면서 픽셀 조정 및 픽스하자고 조정하고 로고 이미지 사이즈 및 파비콘 사이즈...
4일차 오전 10시 아침회의 : FE 오후 두시 통합회의 오후 5시 통합회의 오후 9시 멘토 회의 피드백 1) 채팅기능 - firebas / 데이터 보관( 브라우저 창 닫고 데이터 유지방법) 2) 사용자 요구정의서 요건 수정 (상/중/하 - 다시 배분) 3) 피그마 세분화 (태그 입력 / 이미지 입력 / 유저 등록 등..) 4) 커뮤니티 현황 - 백앤드(...
3일차 gitflow (commit message, milestone, issue etc..) main color, theme, fontSize 회의 백앤드 : 내일 중으로 api 받을 수 있다는 점. 프론트 : 내일 중으로 코드 개발 통합 : 로고, 색깔, 요소 등
2일차 디자인 구성 피그마 역할분담 홈 : 이혜나 회원가입/로그인/마이페이지 : 전준형 글 관련 : 최기랑 프로젝트 관련 : 신동민 와이어프레임 회의 사용자 요구 정의서 (오늘 저녁까지 백엔드께 전달) 깃플로우/ 이슈 / 브랜지 / Milestone (내일) 🌈 회고 전체 팀중 제일 빠르게 진행되고 있을 것이다. 하루만에 기획을 이어 오늘 하루만에...
1일차 팀확정 팀명 : 사이트 퀘스트 프론트 4 : 백엔드 3 (예상치 못한 프론트 인원추가!!! 뚜둥!!!) 기술스택 typescript style components react query recoil next.js 구성 메인 : 홈 페이지 회원 회원가입 페이지
🐬2주간의 pre-project 12 일차!! ✅ 로그인페이지 - 유효성검사 완료/ 페이지 접근제한 ✅ 회원가입페이지 - 유효성검사 ✅ 푸터 - 프론트/백엔드 깃헙 연동 ✅ 홈 - 이미지 로더 🚫 소셜회원가입 ⛔️ 에러 23/04/23 - 백엔드1 : 프론트1
🐬2주간의 pre-project 6 일차!! 로그인 페이지 헤더 회원가입 페이지 소셜회원 푸터 ⛔️ 에러 1) 깃 에러 => 협업이 처음이다보니 하루에 풀만 3-4번 받는다. 그래서인가 매일 에러 고치기.. 2)깃 에러 => 재사용하기 위해 인풋창와 버튼을 따로 빼놓은 폴더를 소통 오류로 삭제를 해서 브랜치 잃고 방법은 다시 클론해서 다시 커밋하...
🐬2주간의 pre-project 시작!! ####1. 프론트엔드 개발자의 개발과정 사용자 요구사항 정의서  -React.lazy 함수를 사용하면 dynamic import를 사용해 컴포넌트를 렌더링할 수 있습니다. React는 SPA(Single-Page-Application)이므로 한 번에 사용하지 않는 컴포넌트까지 불러오는 단점이 있다고 앞의 챕터에서 학습했습니다. React는 React.lazy를 통해 컴포넌트를 동적으로 import...
React의 주목해야 할 기능 React는 현재도 계속해서 업데이트가 되고 있는 오픈소스 라이브러리입니다. 이번에 React가 버전 18로 업데이트가 되면서 많은 부분이 바뀌었는데, 가장 빠르게 알아볼 수 있는 변화는 콘솔 창에 이전에 보이지 않던 경고문이 보인다는 점입니다. [그림] React 18로 업데이트 된 뒤 보이게 된 경고문 해당 경고문은 이...
Custom Hooks 개발자가 스스로 커스텀한 훅을 의미하며 이를 이용해 반복되는 로직을 함수로 뽑아내어 재사용할 수 있습니다. 여러 url을 fetch할 때, 여러 input에 의한 상태 변경 등 반복되는 로직을 동일한 함수에서 작동하게 하고 싶을 때 커스텀 훅을
🦕 binarySearch 🍀 문제 풀이 🌲 회고 이진 탐색이란 데이터가 정렬되었는 배열에서 특정한 값을 찾아내는 알고리즘!! 배열의 중간에 있는 임의의 값을 선택하여 찾고자 하는 값 x와 비표한다. x가 중간 값보다 작으면 중간 값을 기준으로 왼쪽 데이터들을 대상으로, x가 중간값보다 크면 배열의 오른쪽을 대상으로 다시 탐색한다. 동일한 방법으로...
Hook은 함수 컴포넌트에서 사용하는 메소드입니다. 함수 컴포넌트 이전에는 클래스(class) 컴포넌트가 있었습니다. 많은 React 개발자들이 이 클래스 컴포넌트를 사용하여 React 앱을 개발해왔습니다. 이런 클래스 컴포넌트는 복잡해질수록 이해하기 어려워졌고, 컴포