레벨2 학습과정 회고

1. 타임라인

점심뭐먹지

• react
  • 클래스형
  • 함수형
  • 커스텀 훅
  • 상태관리

페이먼츠

• CDD
• 스토리북
• context API
  • props 관
• 제어/비제어 컴포넌트
• UX
• npm 배포
• 컴포넌트 재사용
  • 관심사 분리

장바구니

• recoil
• 상태관리(어디까지가 프론트의 상태인가)
• msw
  • mock 활용
  • 서버통신
• 서버통신과 UI렌더링 관심사 분리
• memo ( 최적화)
• Router

장바구니 협업

• 명세서 작성
• 실제 서버와 연결
  • 서버 데이터 관리 (어떤것이 프론트, 어떤것이 백엔드)
  • 오류처리
  • 비동기 통신
• 다른 파트 사람들과 소통하는 방법

2. 학습 키워드 선정

• 컴포넌트 재사용(관심사 분리)
• 상태관리
• 실제 서버와 연결

3. 문장으로 만든 학습키워드

• UI렌더링과 서버통신의 관심사를 분리하여 컴포넌트 재사용 높이기
• 프론트가 가져야할 상태에 대한 고민과 전역상태와 지역상태를 분리하기
• 실 서버와 연결을 통해 서버 데이터 관리 방법과 비동기 통신에 대한 학습

4. 액션 플랜

• UI렌더링과 서버통신의 관심사를 분리하여 컴포넌트 재사용 높이기
  • 컴포넌트가 알고있어야하는 최소한의 로직만 가지고 있도록 구현하여 최대한의 재사용과 렌더링 최적화에 대해 신경을 쓸 예정. 이미 진행했던 미션 코드에서 최적화가 이루어 질 수 있도록 리팩터링 해볼 것이다.
• 프론트가 가져야 할 상태에 대한 고민과 전역상태와 지역상태를 분리하기
  • 실제 서비스 되고 있는 사이트를 토대로 어디까지 프론트의 상태인지 학습할 예정. 또한 컴포넌트가 가지고있어야할 상태와 몰라도 되는 상태를 분리해볼 것이다.
• 실 서버와 연결을 통해 서버 데이터 관리 방법과 비동기 통신에 대한 학습
  • 서버에서 받은 데이터를 어떻게 저장하고, 어디에 사용할 것인지 학습할 예정. 장바구니 협업미션 코드에서 일어나고 있는 비동기 통신으로 인한 상태 업데이트 딜레이를 줄여볼 것이다.