To-do App 같이 코드리뷰
주석을 적극 활용
코드 만으로 설명이 불가능 한 경우 → 도메인(비즈니스 로직)에 대한 설명..(링크 포함)
상태관리
depth가 얕으면 루트에 해당하는
App.js 에서 관리, detph가 깊으면 내부에서 쪼개서 관리필요한 부분만 렌더링
일단 JS도 리액트나 뷰의 기능들 모두 구현 가능함(JS 기반이기 때문에)
웹 컴포넌트 API를 사용해보자.
CSR
이미 만들어져 있는 태그는 최상위 태그 하나만 있고 나머지는 js로 모두 렌더링 하는 방법의 장단점에 대해서 고민해보기
폴더 구조
프로젝트 성격마다 다를수도 있겠지만 최근 트렌드는 서비스 단위..(추적이 용이함)
// 슬랙 /common - /store - /api - /components /서비스1 - /store - /api - /components /서비스2 - /store - /api - /components ...
클린 코드
- Number.isNaN vs isNaN
- == vs ===
- 사이드 이펙트 방지를 위해 let 대신 const 사용
등등..
프로젝트 시작 전 고려해볼 것들
prettier & eslint
대부분 필수적으로 지켜지는 규칙 외에 취향을 타는 것들은 논의해보기
Task 관리
- 1주 스프린트 단위(시간 정해서 회고 GBT)
- Issue
- PR
- 예상 소요시간 논의(버퍼)
- 전체적으로 템플릿 있으면 좋음
Ground Rule
30분 이상 고민 금지 등
Commit, PR 컨벤션
깃 전략
- 브랜치
- fork
폴더구조
페어 프로그래밍
프로젝트의 전체적인 흐름 파악 가능, 나중에 면접 때 여긴 내가 안짜서 몰라요..ㅎㅎ 방지
기타
- 스타일 라이브러리(styled component, emotion, tailwind css 등등)
- 버전관리(npm, yarn, pnpm 등등)
- 상태관리 라이브러리(recoil, jotai, redux 등등)