전체

React 18로 마이그레이션하면서 Concurrent Rendering 기능을 실무에 적용했다. useTransition과 useDeferredValue를 활용해 검색 필터링 성능을 개선한 과정을 정리했다.

프로덕션 환경에서 키보드 입력 시 TextField가 화면 밖으로 밀려나는 문제가 발생했다. Scaffold의 resizeToAvoidBottomInset 속성과 SingleChildScrollView 조합으로 해결한 과정을 정리했다.

서비스 검색 기능의 정확도가 떨어진다는 피드백이 계속 들어왔다. Elasticsearch의 기본 토크나이저 대신 nori 형태소 분석기를 적용하여 한글 검색 품질을 개선한 과정을 기록한다.

API 서버에서 요청 취소 시 goroutine이 정리되지 않아 메모리 누수가 발생했다. context.Context를 활용한 graceful cleanup 패턴을 적용해 문제를 해결했다.

TypeScript 4.7에 추가된 template literal type의 개선사항을 활용해 API 엔드포인트 경로를 타입 안전하게 관리하는 방법을 정리했다. 기존 string literal union의 한계를 극복하고 동적 경로 파라미터까지 타입 추론이 가능해졌다.

프로덕션 환경에서 Node.js 서버의 메모리가 계속 증가하는 문제를 겪었다. heapdump와 Chrome DevTools를 활용해 원인을 찾고 해결한 과정을 정리했다.

TypeScript 4.7 베타에서 Node.js ESM 환경에서의 타입 해석이 크게 개선되었다. module과 moduleResolution 옵션 조합으로 발생하던 문제들을 실제 프로젝트에 적용하며 정리했다.

Node.js 18에서 기본 탑재된 Fetch API를 프로젝트에 적용하면서 겪은 경험을 정리했다. axios에서 fetch로 전환하며 주의해야 할 점과 실제 코드 변경 사례를 다룬다.

Node.js로 작성한 내부 배포 도구의 성능 문제로 Rust로 재작성했다. clap 라이브러리를 사용해 CLI 인터페이스를 구성하면서 배운 점들을 정리한다.

레거시 프로젝트에 strictNullChecks를 점진적으로 적용하면서 겪은 문제들을 정리했다. any 타입 남발과 optional chaining 남용을 줄이는 과정에서 배운 것들을 기록한다.