10.07 새 직장에서 수행할 첫 일

 

 

새 회사에서 맡은 첫 일. 리팩토링!

⇒ application 유지 보수 및 개선에 용이하도록 기존 코드 리팩토링

 

현재 front app의 문제

• 코드 가독성이 떨어짐
  • view와 logic의 분리가 안되어 있음
  • 필요없는 코드도 많음
• 코드 일관성이 떨어짐
  • redux와 contextAPI가 함께 쓰임
  • 함수를 호출하는 방법도 일관적이지 않은 경우가 있음
• library의 version이 낮음
  • react는 16.13 버전 사용. 관련 다른 lib도 낮은 버전
  • redux도 classic한 방식(action type선언, action함수, reducer 별도 관리, reselect사용 x 등)으로 사용
• TS 적용 안되어 있음
  • 잦은 undefined error
  • 자동완성 기능 사용 X로인한 개발 비효율
• 코딩 컨벤션의 부재

리팩토링 방향

• view & logic의 분리. react component는 view에만 집중할 수 있도록!
• react & 관련 libs version upgrade
• redux로 전역상태관리 일원화
  • redux/toolkit 적용
• TS 적용
• Lint 적용

 

정보습득 순서

• 리팩토링 자체에 대한 정보 탐색(정의, 주의점 등)
• 린트 적용 → 참고한 링크
• 프로젝트에 TS 적용 → 참고 링크1 / 링크2
• contextAPI 탐색
• redux-toolkit 더 자세히 보기
• "변경에 유연한 컴포넌트" 글 읽기
• (후순위) css in js? css in js? 고민해보기