[ 7월 4주 ] 주간 회고 🧶

이번 주에는?

• 프로젝트 진행
  A: 회원가입 페이지 로직 구현, 마이페이지 컴포넌트
  B: 프로필 페이지 담당

• 개인 공부
  노마드코드 리액트 코스 수강 중

새롭게 배운 것 & 배워야 할 것

• 입력 폼 유효성 검사 (feat. react-hook-form)

→ useForm 호출 시 mode를 onChange로 설정해 실시간 유효성 검사 가능: errors가 실시간으로 업데이트 되며, 각 field의 error 값을 확인하여 그에 대한 리액션 가능
ex) error를 styled component의 prop으로 전달해서 상호작용성 추가, 에러 메시지 출력
→ 비밀번호 정규식 regex
→ 모든 필드가 유효할 때 submit을 활성화할 수는 없을까?

• 백엔드 api 호출: 스웨거 문서 읽기, axios 사용

→ 백엔드 측에서 작성한 api 문서를 참고
→ POST 호출하고 “url”과 “데이터 객체”를 전달하는 게 기초적
→ 데이터베이스 수업에서 CRUD 배우고 php로나마 구현해 본 게 도움이 되는 듯

• FE - BE 연동

→ 어느 정도 로직이 구현되면서 DB까지 포함해 테스트를 해 볼 필요가 생김. 백엔드와 논의해서 연결과 테스트 방법을 알아보고 있다

셀프 피드백

→ 이번 주는 전체적으로... 많이 나태했다 🫠 뽀모도로 타이머를 사용하면 '하는 날에는' 효율적으로 할 수가 있는데, 다른 일정이며 컨디션을 핑계로 한두 세션 겨우 하거나 아예 빼 먹은 날들이...
원래는 오후에 주로 책상에 앉았는데, 아침에 커피 한 잔 딱 마시고 오전부터 바로 할 일 시작해야 할 것 같다.

→ 회원가입 페이지 코드가 좀 비효율적이라는 생각이 많이 든다. 컴포넌트 활용을 제대로 못하지 않았나...... 지금 진행하는 다른 프로젝트는 비교적 규모가 크고 컴포넌트 구성을 논의해 볼 기회도 좀 더 있을 것 같아서 잘 활용해야겠음.

→ 리액트 코스의 경우 최근에 공부한 내용이랑 겹치는 것이 많아서 집중도가 떨어진다.

→ 덤으로... 프로젝트 B 태스크를 받으면서 Next.JS를 빠르게 공부해야 할 필요가 생김 😬

다음 주 솔루션 💡

• 매일 목표 시간을 3시간으로 설정하고, 개인 공부 시간을 최소 1시간으로 잡는다.
  → 프로젝트 개발하면서 물음표가 생긴 부분은 노션에 기록해 뒀다가 공부 시간에 복습해 본다. 주간 회고에도 이 부분을 기록하면 더 좋을 듯.
  → 노션 사용은 그럭저럭 하고 있는데 아직 습관을 못 붙였다. 하루 전체의 스케줄과 집중력 관리 방법을 좀 더 고민해 봐야 함

• 다음 주 목표!
  → Next.JS 강의 진행을 우선으로, ReactJS는 (남은 코스가 연습 위주인 것 같으니) 서브로
  → 마이페이지 내 컴포넌트 짜기
  → 프로필 페이지 UI, 공통 컴포넌트
  → 프로젝트 내의 이슈 (상태관리 라이브러리, 코드 편집기, 프로젝트 테스트) 관련해서 공부하기