Frontend

React 16.8에서 정식으로 출시된 Hooks를 프로젝트에 도입했다. 기존 HOC와 render props로 얽혀있던 데이터 fetching 로직을 custom hook으로 분리하면서 코드 재사용성이 크게 개선되었다.

API 응답 파싱 과정에서 런타임 에러가 자주 발생해 TypeScript 타입 가드를 도입했다. 컴파일 타임 타입 체크만으로는 부족한 런타임 검증을 어떻게 해결했는지 정리한다.

팀 프로젝트에 React Hooks를 본격적으로 도입하기 시작했다. Class 컴포넌트에서 Hooks로 전환하면서 겪은 주요 이슈와 해결 방법을 정리했다.

React 16.8 릴리즈 이후 진행 중인 프로젝트에 Hooks를 적용해봤다. Class 컴포넌트를 함수형으로 전환하면서 겪은 문제와 개선점을 정리했다.

React 16.8이 정식 릴리즈되면서 Hooks를 프로덕션에 사용할 수 있게 되었다. 기존 클래스 컴포넌트 중심의 프로젝트에 Hooks를 점진적으로 도입하며 겪은 경험을 정리했다.

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

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

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

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

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