이번에 이직한 직장에서는 코드들이 매우 더러운 코드 되어 있었다. 신입 2명과 서버 개발자가 리액트를 이용하여 웹 프로젝트를 하고 있는 것이다. Javascript를 이용하며, Redux를 이용하지만, Props Drilling을 이용하고 있다. 사실 나는 어디를 가든 더러운 코드를 보고 작업을 하면서 리팩토링을 한다. 항상 느끼는 거지만, 개발자 중에는 경력이 있지만, 기초도 모르는 사람도 많고, 왜 이렇게 짰는지 모르면, 그냥 작동되게 했다고 한다. useMemo, useCallback도 모르며, 열심히 리랜더링해서 메모리와 cpu를 열심히 잡아먹고 있다.

레거시로부터 벗어나기 위한 노력 AS-IS

  1. Components에 모든 컴포넌트가 있다.

  2. CRA을 쓰고 있다. 빌드 속도가 너무 느리다.

  3. Redux를 무분별하게 사용하고 있다.

  4. Javascript만 사용한다.

  5. 무한 props drilling

현재

  • Redux에 타입추론 되도록 global declation 정의

  • useSelector 추상화

  • nextJs로 가기 위한 추상화 전략

  • jsdoc, typescript 로 개발하기

TO-BE

  • Redux -> Recoil

  • CRA -> Next.js

  • monorepo - turbo

개발 생산성을 높이기 위하여 하는 것들

  • Figma plugin 공부

  • 크롬 익스텐션을 이용하여 Figma에서 디지인 시스템 코드 복사하기