전체

리스트 아이템이 100개를 넘어가면서 스크롤이 버벅이는 문제가 발생했다. getItemLayout과 memo를 활용해 렌더링 성능을 개선한 과정을 정리했다.

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

이미지 처리 성능 개선이 필요해서 Rust로 Node.js Native Addon을 작성해봤다. neon-bindings를 사용하면 생각보다 간단하게 Rust 코드를 Node.js에서 사용할 수 있었다.

이미지 리사이징 API에서 동시 요청 시 응답 시간이 급격히 느려지는 문제가 있었다. Node.js 12에서 stable로 전환된 Worker Threads를 도입해 메인 스레드 블로킹을 해결했다.

프로젝트에서 enum을 사용하다 번들 사이즈와 tree-shaking 이슈를 겪었다. union type과 as const를 조합해 더 나은 타입 안정성과 작은 번들 사이즈를 얻을 수 있었다.

API 서버에서 외부 서비스 호출이 많아지면서 응답 속도가 느려지는 문제가 발생했다. asyncio와 aiohttp를 도입해 동시성 처리를 개선한 과정을 정리했다.

TypeScript 3.6으로 업그레이드하면서 Generator 함수의 타입 체크가 엄격해졌다. 기존에 any로 넘어가던 부분들이 모두 에러를 뱉기 시작했고, Redux-Saga에서 특히 많은 수정이 필요했다.

Flutter 앱 개발 중 setState의 한계에 부딪혔다. 상태 관리 라이브러리를 검토한 끝에 Provider를 선택했고, 실제 프로젝트에 적용한 과정을 정리했다.

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

MSA 환경에서 gRPC 서비스 간 인증이 필요해졌다. REST API의 Authorization 헤더처럼 gRPC에서는 Metadata와 Interceptor를 활용해 토큰 기반 인증을 구현했다.