Frontend

프로젝트에 React Hooks를 본격 도입하면서 복잡한 Form 컴포넌트를 리팩토링했다. Class 컴포넌트 대비 코드량이 30% 줄고 로직 재사용성도 개선됐다.

레거시 React 프로젝트에 TypeScript를 한 번에 마이그레이션하는 것은 리스크가 컸다. allowJs 옵션을 활용해 점진적으로 전환한 과정을 기록했다.

팀 프로젝트에 React Hooks를 본격적으로 도입했다. Class 컴포넌트에서 함수형 컴포넌트로 전환하며 마주친 문제들과 해결 과정을 정리했다.

프로젝트에 TypeScript를 도입하면서 API 응답 타입 처리가 복잡해지는 문제가 있었다. 조건부 타입을 활용해 성공/실패 케이스를 타입 수준에서 분기 처리한 방법을 정리했다.

TypeScript 3.4에 추가된 const assertion을 프로젝트에 적용해봤다. 리터럴 타입을 보존하면서 불필요한 타입 선언을 줄일 수 있었다.

TypeScript 3.4에서 추가된 const assertion을 프로젝트에 적용했다. literal type을 더 정확하게 추론할 수 있게 되어 타입 안전성이 개선되었다.

프로젝트에 React Hooks를 본격 도입하면서 반복되는 폼 처리 로직을 Custom Hook으로 추상화했다. Class 컴포넌트 대비 코드량이 30% 이상 줄었고, 로직 재사용이 훨씬 수월해졌다.

TypeScript 3.4에서 추가된 const assertion을 프로젝트에 적용하면서 타입 추론 개선 효과를 확인했다. 특히 설정 객체와 상수 배열 처리에서 유용했다.

기존 JavaScript 프로젝트에 TypeScript 3.4를 도입하면서 readonly 배열 타입 관련 컴파일 에러를 해결했다. const assertion과 ReadonlyArray의 차이를 이해하고 적절한 타입 가드를 적용한 과정을 정리했다.

레거시 JavaScript 프로젝트를 TypeScript 3.4로 전환하는 과정에서 겪은 문제들과 해결 방법을 정리했다. 특히 기존 코드베이스와의 호환성 유지가 가장 큰 과제였다.