전체

API 호출 시 요청 파라미터에 따라 응답 타입이 달라지는 경우가 있다. 조건부 타입을 활용해 타입 안전성을 유지하면서 이를 해결했다.

Express 서버에서 대용량 파일 업로드 처리 중 메모리 사용량이 급증하는 문제를 겪었다. multer의 설정과 스트림 처리 방식을 개선해 메모리 효율을 높인 과정을 정리했다.

이미지 리사이징 작업이 API 응답 속도를 저하시키는 문제가 있었다. Celery와 Redis를 사용해 비동기 작업 큐를 구성하고 응답 시간을 90% 단축했다.

전역 상태 관리를 Context API로 전환했다가 불필요한 리렌더링 문제에 부딪혔다. useMemo와 Context 분리로 해결한 과정을 기록한다.

Flutter 웹 베타로 만든 어드민 페이지를 Firebase Hosting에 배포했는데, 새로고침 시 404 에러가 발생했다. SPA 라우팅 설정으로 해결한 과정을 기록한다.

프로덕션 배포 전 APK 크기가 50MB를 넘어서 문제가 되었다. ProGuard 설정과 불필요한 의존성 제거를 통해 30MB까지 줄인 과정을 정리했다.

프로젝트에 Tailwind CSS를 도입한 지 한 달이 지났다. utility-first 접근 방식에 대한 초기 거부감과 실제 사용 후 느낀 생산성 변화를 정리했다.

아이폰 X 시리즈 노치 대응을 위해 SafeAreaView를 사용하면서 겪은 문제와 해결 과정을 정리했다. Android에서는 불필요한 여백이 생기는 이슈가 있었고, Platform별 분기 처리로 해결했다.

로컬 개발 환경에서 API 서버와 통신할 때 CORS 이슈를 해결하기 위해 Webpack DevServer의 Proxy 설정을 적용했다. 설정 방법과 주의사항을 기록한다.

Node.js는 싱글스레드 기반이라 CPU 집약적인 작업에서 병목이 발생한다. Worker Threads를 사용해 대량의 이미지 리사이징 작업을 처리하면서 성능 개선을 경험했다.