전체

React 16.8이 정식 릴리즈되면서 Hooks를 실제 프로덕션에 적용할 수 있게 되었다. 기존 Class 컴포넌트 중심의 코드베이스에 Hooks를 도입하기 전, 팀 내에서 논의했던 내용들을 정리했다.

사내 데이터 API 서버에서 동일한 요청이 반복되면서 DB 부하가 증가하는 문제가 발생했다. 데코레이터 패턴을 활용해 간단한 캐싱 레이어를 구현하여 응답 시간을 평균 300ms에서 20ms로 개선했다.

레거시 JavaScript 프로젝트를 TypeScript로 마이그레이션하면서 any 타입 남발 문제에 부딪혔다. strict 모드를 점진적으로 적용하며 타입 안정성을 확보한 과정을 정리했다.

6개월 운영 중인 Express API 서버에 TypeScript를 점진적으로 도입했다. 전체 마이그레이션 대신 새 코드부터 TS를 적용하며 타입 안정성을 확보한 과정을 정리한다.

작년 10월 React 16.8에 Hooks가 정식 릴리즈됐다. 레거시 프로젝트에 점진적으로 도입하면서 겪은 시행착오와 useState, useEffect의 실제 적용 사례를 정리했다.

여러 딕셔너리를 병합하는 작업이 잦은 API 응답 처리 로직에서 성능 이슈가 발생했다. Python 3.5+ 환경에서 사용 가능한 여러 병합 방식의 성능을 비교하고 적절한 방법을 선택했다.

프로젝트를 React Native 0.58로 업그레이드하면서 Android 빌드가 실패하는 문제를 겪었다. gradle 설정과 AndroidX 마이그레이션 이슈였다.

마이크로서비스 간 gRPC 통신을 도입하면서 타임아웃 처리를 제대로 하지 않아 장애가 발생했다. Deadline 설정과 에러 핸들링을 정리했다.

React 16.8이 정식 릴리즈되면서 Hooks를 프로덕션에 도입할 수 있게 되었다. 기존 Class 컴포넌트 기반 코드베이스에 Hooks를 어떻게 적용할지 고민한 내용을 정리했다.

레거시 JavaScript 프로젝트에 TypeScript를 점진적으로 도입하는 과정을 정리했다. any 타입의 남용과 타입 정의 파일 작성의 어려움, 그리고 팀원들의 러닝커브를 어떻게 극복했는지 기록한다.