Frontend

레거시 JavaScript 프로젝트를 TypeScript 3.5로 마이그레이션하면서 겪은 주요 이슈들을 정리했다. 특히 any 타입 남용과 서드파티 라이브러리 타입 정의 문제가 많았다.

프로젝트에 React Hooks를 본격 도입하면서 반복되는 API 호출 로직을 커스텀 훅으로 분리했다. useEffect와 useState를 조합해 loading, error 상태를 일관되게 관리할 수 있게 되었다.

기존 JavaScript 프로젝트에 TypeScript를 점진적으로 도입했다. allowJs 옵션을 활용해 파일 단위로 마이그레이션하며 겪은 문제들과 해결 과정을 정리했다.

기존 JavaScript 프로젝트에 TypeScript를 도입했다. 초기 마이그레이션 과정에서 팀원들이 any를 남용하는 문제가 발생했고, 이를 개선하기 위한 린트 규칙과 코드 리뷰 가이드를 정리했다.

기존 클래스 컴포넌트 기반 프로젝트에 React Hooks를 도입한 지 3개월이 지났다. useState와 useEffect를 중심으로 점진적으로 마이그레이션하면서 겪은 시행착오와 개선된 점들을 정리했다.

기존 HOC와 Render Props로 복잡하게 얽힌 API 호출 로직을 Custom Hook으로 리팩토링했다. useFetch 훅을 만들어 로딩, 에러, 재시도 로직을 재사용 가능하게 분리했고, 코드 가독성이 크게 개선되었다.

팀에서 React Hooks를 본격적으로 도입하면서 useEffect의 의존성 배열 관리가 생각보다 까다로웠다. 특히 함수를 의존성으로 넣을 때 발생하는 무한 루프 문제와 해결 방법을 정리했다.

프로젝트에 React Hooks를 본격 도입하면서 반복되는 API 호출 로직을 Custom Hook으로 추출했다. useFetch 훅을 만들어 로딩, 에러 처리를 일관되게 관리할 수 있게 되었다.

프로젝트에 React Hooks를 본격 도입하면서 반복되는 폼 처리 로직을 Custom Hook으로 추출했다. 클래스 컴포넌트에서 HOC 패턴을 사용하던 것보다 훨씬 직관적이고 재사용성이 좋았다.

2년간 유지해온 React 프로젝트에 TypeScript를 도입했다. 점진적 마이그레이션 전략과 팀 설득 과정, 그리고 초반에 마주친 타입 관련 이슈들을 기록한다.