Frontend

코로나로 인한 재택근무 전환 후 로컬 개발 환경에서 빌드 속도가 현저히 느려지는 문제를 겪었다. Webpack 설정 최적화와 캐싱 전략으로 빌드 시간을 40% 단축했다.

코로나로 인한 급작스러운 재택근무 전환 후 팀 전체의 개발 환경을 정비했다. 로컬 환경 구성 자동화와 Hot Reload 최적화로 생산성을 유지할 수 있었다.

재택근무하면서 레거시 API 타입 정의 작업을 진행했다. Pick, Omit, Partial 등 유틸리티 타입을 활용해 중복 없이 타입을 관리하는 방법을 정리했다.

회사 프로젝트를 TypeScript 3.8로 업그레이드하면서 optional chaining과 nullish coalescing을 도입했다. 중첩된 객체 접근 시 null 체크 코드가 얼마나 간결해지는지 정리한다.

코로나로 인한 재택근무 전환 후 팀 내 코드 리뷰 프로세스를 개선하면서 레거시 클래스 컴포넌트를 Hooks로 전환했다. 특히 생명주기 메서드가 복잡하게 얽힌 컴포넌트들을 단순화하는 과정을 정리했다.

회사 프로젝트를 TypeScript 3.8로 업그레이드하면서 새로 추가된 import type 구문을 적용했다. 번들 크기 최적화와 타입 임포트 명시화를 위한 작업 과정을 기록한다.

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

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

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

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