4주차 리팩토링

[ Front-End ]

팀프로젝트

유저스토리 6분 : https://tv.kakao.com/v/423589372.
이슈공유 : 18분
회고 : 23분
전체 코드 : 짧은 시간에 품질이 좋은편.
커스텀 훅
- 데이터 통신 관련 기능 들, 데이터 변경 등
- useSelector 로데이터 받는 부분도 역시 가능
- https://if.kakao.com/session/118.
함수 이름은 행위가 아니고 의미
- requestEnter -> requestNickNameLogin
컴포넌트 네이밍에 구조표현하지 않기
- ImageDiv 등..
소스코드 안에 URL 하드코딩 안하기
await 없는 async 함수 사용
alert 사용하는 경우 있는데 안좋은 UX
비동기 로직에서 에러처리 습관
디렉토리인데 이름이 동사.
단위 테스트 : reducer 또는 UI 컴포넌트 부터
관련 없는 비동기 요청은 병렬로 가능한지 고민
미디어쿼리 분기처리 규칙만들어서 하는 경우 좋고, 필수는 아님
jsx 들여쓰기가 5-6단계를 넘어서면 분리.
리팩토링은 중복을 제거하는 것부터 시작.
- 비슷한 UI요소가 자주 쓰지는 것은 없는지?