Frontend

프로젝트에 Tailwind CSS를 도입하면서 기존 CSS-in-JS 방식에서 utility-first 방식으로 전환했다. 초기 거부감이 있었지만 생산성 측면에서 확실한 이점을 발견했다.

React 17로 업그레이드하면서 document 레벨 이벤트 리스너와 충돌이 발생했다. 이벤트 위임이 root 노드로 변경되면서 생긴 문제와 해결 과정을 정리했다.

프로젝트를 React 17로 업그레이드하면서 겪은 이슈들을 정리했다. 주요 변경사항은 JSX Transform과 이벤트 위임 방식 변경이었다.

React 17로 업그레이드하면서 이벤트 위임 방식이 document에서 root DOM으로 변경되었다. 모달 라이브러리에서 발생한 이벤트 버블링 이슈를 해결한 과정을 기록했다.

API 응답 타입을 처리하면서 Conditional Types의 필요성을 느꼈다. 런타임 분기에 따라 타입을 정확히 추론하도록 개선한 과정을 기록한다.

유틸리티 우선 CSS 프레임워크인 Tailwind CSS를 프로젝트에 도입한 지 3개월이 지났다. 초기 우려와 달리 생산성 향상이 뚜렷했고, 특히 디자인 시스템 구축에 효과적이었다.

React 17 RC가 발표되었다. 새로운 기능보다는 점진적 업그레이드를 위한 기반 작업에 집중한 릴리스다. 실제 프로젝트 적용을 고려하며 주요 변경사항을 정리했다.

프로젝트를 TypeScript 4.0으로 업그레이드했다. Variadic Tuple Types와 Labeled Tuple Elements 덕분에 기존에 any로 처리하던 부분을 제대로 타이핑할 수 있게 되었다.

React 17 RC가 공개되었다. 새로운 기능은 없지만 점진적 업그레이드를 위한 기반 작업이 포함되었다. 프로젝트에 적용하며 확인한 주요 변경사항을 정리했다.

백엔드 API 응답 타입을 프론트엔드에서 재사용하면서 유틸리티 타입을 활용해 타입 안전성을 확보한 경험을 정리했다. Pick, Omit, Partial 등을 조합해 중복 코드를 줄이고 유지보수성을 높일 수 있었다.