전체

마이크로서비스 간 통신을 REST에서 gRPC로 전환했다. Protocol Buffers 기반의 바이너리 통신이 JSON 대비 어느 정도 성능 개선을 보이는지 측정한 결과를 정리했다.

대용량 파일 업로드 시 서버 메모리가 급증하는 문제가 발생했다. multer의 스트리밍 처리 방식으로 전환하여 메모리 사용량을 90% 이상 절감했다.

대량의 데이터를 렌더링하는 FlatList에서 스크롤 성능 문제가 발생했다. 몇 가지 최적화 기법을 적용해 60fps를 유지할 수 있었다.

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

API 서버에서 특정 엔드포인트 호출 시 다른 요청까지 지연되는 현상이 발생했다. 원인은 동기 처리로 인한 이벤트 루프 블로킹이었고, Worker Threads와 비동기 처리로 해결했다.

싱글 스레드인 Node.js의 한계를 극복하기 위해 cluster 모듈을 프로덕션에 도입했다. PM2 대신 직접 구현한 이유와 과정을 정리했다.

iPhone X 시리즈 출시 이후 SafeArea 처리가 필수가 되었다. React Native 0.58 환경에서 SafeAreaView를 적용하며 겪은 이슈와 해결 과정을 정리했다.

Android와 iOS에서 키보드가 화면을 가리는 문제를 해결했다. KeyboardAvoidingView의 동작 방식과 Platform별 차이를 정리한다.

사용자가 대용량 이미지를 업로드할 때 서버 메모리가 급증하는 문제가 발생했다. multer의 stream 처리 방식을 제대로 이해하지 못해 발생한 이슈였고, 스토리지 옵션 변경으로 해결했다.

React Native 0.58로 업그레이드 후 Android 빌드가 실패하는 문제가 발생했다. Gradle 버전 충돌과 AndroidX 마이그레이션 이슈였다.