전체

React Native 0.60으로 업그레이드하면서 AndroidX 마이그레이션 과정에서 겪은 문제들을 정리했다. 특히 서드파티 라이브러리 호환성 문제와 해결 방법을 기록한다.

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

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

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

프로젝트에서 이미지 업로드 기능을 구현하면서 multer를 사용하게 되었다. 파일 크기 제한, 파일 타입 검증, S3 업로드까지 처리하는 과정을 정리했다.

팀에서 사용하던 Node.js 기반 파일 파싱 도구의 성능 문제로 Rust로 재작성을 시도했다. 첫 Rust 프로젝트였지만 소유권 개념을 이해하는 데 시간이 걸렸고, 최종적으로 10배 이상의 성능 향상을 확인했다.

setState로 관리하던 상태가 복잡해지면서 Provider 패턴을 도입했다. 위젯 트리 전반에 걸친 상태 공유와 rebuild 최적화가 필요했던 상황에서의 적용 경험을 정리한다.

500MB 이상의 CSV 파일을 처리하다가 메모리 부족 에러가 발생했다. Node.js 스트림을 활용해 메모리 효율적으로 처리하는 방법을 정리했다.

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

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