전체

재택근무 전환과 함께 프로젝트에 Tailwind CSS를 도입했다. CSS-in-JS에서 유틸리티 퍼스트 방식으로 전환하며 겪은 경험을 정리했다.

utility-first CSS 프레임워크인 Tailwind CSS를 프로젝트에 도입한 지 한 달이 지났다. 재택근무 환경에서 협업 시 CSS 관련 커뮤니케이션이 줄어든 점이 가장 큰 장점이었다.

재택근무로 전환하면서 팀원들의 낮은 사양 노트북에서 성능 이슈가 발생했다. React.memo와 useMemo를 활용해 불필요한 리렌더링을 제거한 과정을 정리했다.

재택근무 전환 후 데이터 처리 파이프라인 개선 작업을 진행했다. 5GB 규모의 CSV 파일 처리 시간을 멀티프로세싱으로 70% 단축시킨 과정을 기록한다.

재택근무로 전환 후 팀원들이 사용하는 관리자 대시보드의 렌더링 성능 문제를 발견했다. Context API를 사용한 전역 상태 관리 구조에서 불필요한 리렌더링이 발생하고 있었고, 이를 분할과 메모이제이션으로 해결했다.

재택근무 환경에서 외부 API 호출 시 간헐적 타임아웃 문제가 발생했다. Go의 context 패키지를 활용해 요청별 타임아웃과 취소를 구현한 과정을 정리했다.

재택근무 전환 후 레거시 배치 작업의 성능 문제가 불거졌다. 외부 API를 순차 호출하던 Python 스크립트를 asyncio로 전환해 실행 시간을 1/5로 단축했다.

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

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

재택근무 전환 후 배치 작업이 늘어나면서 메모리 부족 이슈가 발생했다. 100MB 이상의 CSV 파일을 처리할 때 스트림 API를 활용해 메모리 사용량을 1/10로 줄인 경험을 정리했다.