TIL 20220120

React로 NodeBird 만들기

앱이 크지 않으면 -> contextAPI
앱이 크고 능숙하지 않으면, 디버그 용이 -> redux
앱이 크고 능숙하면, 디버그는 미흡 -> mobx

컴포넌트에서는 화면 그리는 것만 집중, 데이터 요청은 별도의 모듈이나 라이브러리가 해야한다
-> 스마트 컴포넌트 이야기인가?
contextAPI는 컴포넌트 내의 useEffect에서 비동기 요청을 하게 됨
외부로 빼다보면 리덕스랑 형태 비슷해진다고 함..

중앙 저장소가 커지면 쪼개야됨
-> 리덕스는 리듀서를 쪼갤 수 있음

협업 준비

1. 회의하며 화면을 스토리보드 짜기 or 그려보기
2. 만들 기능들을 구현하는 데에 필요한 API 설계
3. 만들 기능을 우선순위를 정해서 백엔드, 프론트엔드 각각 작업을 한다.
4. 프론트는 화면의 프레임만 짜놓으면 된다.
5. CSS를 이때부터 집착하지마라
6. 화면의 컴포넌트를 쪼개기(나는 최대한 많이 쪼갠다)
7. 백엔드와 합을 맞춰 기능 구현(API 통식 확인)
8. CSS 적용

여기서, API 설계 단계에서 티격태격하더라도 프론트에서 화면을 띄울 때 필요할만한 데이터를 명확하게 말해야한다.

깃허브 커밋 컨벤션