전체

코로나19로 인한 급작스러운 재택근무 전환 과정에서 기존 Redux 중심 상태 관리의 복잡도 문제가 부각되었다. Context API와 useReducer를 활용해 불필요한 보일러플레이트를 제거하고 팀 협업 효율을 개선한 과정을 정리했다.

코로나19로 인한 재택근무 전환 후 iOS 빌드 환경에서 발생한 CocoaPods 의존성 문제를 해결했다. node_modules와 Pods 폴더 정리, Xcode 캐시 삭제로 해결할 수 있었다.

회사 프로젝트에 TypeScript 3.8을 적용하면서 마주친 타입 에러들을 정리했다. 특히 nullable 체크와 제네릭 타입 추론 관련 이슈가 많았다.

재택근무 전환 후 팀 내 타입 안정성 이슈가 반복되어 TypeScript 3.8의 const assertion을 도입했다. as const를 활용해 리터럴 타입을 보존하고 불필요한 타입 단언을 제거할 수 있었다.

Node.js에서 Go로 마이그레이션하면서 가장 낯설었던 부분이 에러 핸들링이었다. try-catch 없이 명시적으로 에러를 다루는 Go의 방식을 정리했다.

코로나19로 인한 갑작스런 재택근무 전환 후 사내 대시보드의 렌더링 성능 이슈를 발견했다. React DevTools Profiler를 활용해 불필요한 리렌더링을 찾아내고 최적화한 과정을 기록한다.

코로나19로 인한 급작스런 재택근무 전환 과정에서 팀원들이 props drilling 회피를 위해 Context API를 과도하게 사용하는 문제가 발생했다. 불필요한 리렌더링으로 성능이 저하되어 Context 사용 기준을 재정립하고 리팩토링을 진행했다.

코로나로 인한 급작스러운 재택근무 전환 후 팀 협업 방식이 바뀌면서 컴포넌트 라이브러리 정비의 필요성이 커졌다. PropTypes만으로는 부족했던 타입 안정성을 개선하고 Storybook으로 문서화를 강화했다.

재택근무 전환 후 API 서버 에러 모니터링을 정비하면서 Express 에러 핸들링 구조를 개선했다. 비동기 함수에서 발생한 에러가 제대로 잡히지 않는 문제를 해결한 과정을 정리한다.

프로젝트의 카드 레이아웃을 float와 flexbox에서 CSS Grid로 마이그레이션했다. 미디어 쿼리 없이도 auto-fit과 minmax로 반응형 처리가 가능해져 코드량이 크게 줄었다.