React

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

기존 클래스 컴포넌트로 작성된 복잡한 Form을 Hooks로 전환했다. useState와 useEffect를 활용해 코드량을 30% 줄이고 가독성을 개선한 과정을 정리했다.

기존 클래스 컴포넌트로 작성된 다단계 폼을 Hooks로 마이그레이션했다. useState와 useReducer를 적절히 조합하니 코드량이 30% 정도 줄었고, 로직 재사용도 훨씬 수월해졌다.

팀 프로젝트에 React Hooks를 본격 도입하면서 useEffect 의존성 배열 관리가 생각보다 까다로웠다. eslint-plugin-react-hooks의 경고를 무시하지 말고 제대로 이해하는 게 중요했다.

6개월 전 출시된 Hooks를 팀 프로젝트에 본격 도입했다. Class 컴포넌트 마이그레이션 과정에서 만난 예상치 못한 문제들과 해결 방법을 정리한다.

회원가입 폼의 반복되는 상태 관리 로직을 Custom Hook으로 추출했다. useState와 useEffect를 조합해 재사용 가능한 useForm 훅을 만들고, 여러 폼 컴포넌트에 적용한 과정을 기록한다.

팀 프로젝트에 Hooks를 도입하면서 useEffect의 의존성 배열 때문에 발생한 버그를 겪었다. 빈 배열, 배열 없음, 특정 값 포함의 차이를 정리했다.

팀 프로젝트에 React Hooks를 도입한 지 3개월이 지났다. 클래스 컴포넌트 리팩토링 과정에서 마주친 문제들과 실제 개발 경험을 정리했다.

기존 Class 컴포넌트로 작성된 API 호출 로직을 Hooks로 마이그레이션했다. Custom Hook을 활용해 반복되는 로딩/에러 처리 로직을 재사용 가능한 형태로 개선한 과정을 기록한다.

클래스 컴포넌트로 작성된 API 호출 로직을 Hooks로 마이그레이션했다. Custom Hook을 만들어 반복되는 로딩/에러 처리 패턴을 정리한 과정을 기록한다.