전체

백엔드 API 스펙 변경에 대응하기 위해 유틸리티 타입을 활용한 타입 관리 방식을 도입했다. Partial, Pick, Omit 등을 조합해 중복을 줄이고 유지보수성을 높였다.

API 서버의 로그 처리 파이프라인을 구현하면서 채널 버퍼 크기에 따른 성능 차이를 측정했다. 무작정 큰 버퍼가 능사가 아니었고, 워크로드 특성에 맞는 적정 크기를 찾는 것이 중요했다.

S3에 업로드된 이미지를 썸네일로 변환하는 배치 작업에서 고루틴 폭증 문제가 발생했다. Worker Pool 패턴을 적용해 메모리 사용량을 70% 줄이고 처리 속도를 안정화한 과정을 기록한다.

API 응답 처리 유틸 함수를 만들다가 Generic 타입 추론이 제대로 되지 않는 문제를 겪었다. TypeScript의 타입 추론 한계와 이를 해결한 방법을 정리했다.

레거시 프로젝트에 strictNullChecks를 점진적으로 적용하면서 겪은 문제들과 해결 과정을 정리했다. Optional Chaining과 Nullish Coalescing을 함께 사용하니 코드가 훨씬 안전해졌다.

재택근무 환경에서 레거시 프로젝트의 모달 컴포넌트가 z-index 충돌로 제대로 표시되지 않는 문제가 발생했다. React Portal을 사용해 DOM 구조를 분리하여 해결한 과정을 기록한다.

Styled-components로 작업하던 프로젝트에 Tailwind CSS를 도입했다. 초기 설정과 팀 적응 과정, 그리고 실제 개발 속도 변화를 정리했다.

채팅 앱 개발 중 백그라운드/포어그라운드 전환 시 소켓 연결이 끊기는 문제가 발생했다. AppState API를 활용해 앱 상태를 추적하고, 적절한 타이밍에 재연결 로직을 구현했다.

재택근무 중 프로젝트 성능 이슈를 마주했다. 특정 페이지에서 input 입력 시 전체 리스트가 리렌더링되면서 타이핑이 버벅이는 문제였다. React.memo와 useCallback을 적용하며 배운 것들을 정리했다.

React 17 RC가 공개되면서 새로운 JSX Transform이 도입됐다. 더 이상 파일마다 React를 import 하지 않아도 되는 변경 사항과 실제 프로젝트 적용 과정을 정리했다.