전체

프로젝트에 TypeScript 도입을 결정했다. JavaScript 코드베이스를 점진적으로 마이그레이션하면서 자주 사용하는 타입 패턴들을 정리했다.

레거시 데이터 마이그레이션 스크립트에서 외부 API 호출이 병목이었다. asyncio를 도입해 순차 처리 대비 5배 성능 개선을 달성했다.

회사 프로젝트에서 Angular로 복잡한 폼 상태를 관리하던 중 RxJS의 Subject와 Operator를 활용한 패턴을 적용했다. NgRx 도입 전, 가벼운 상태 관리가 필요할 때 유용했던 방법을 정리했다.

회사 프로젝트를 Node.js 8에서 10 LTS로 업그레이드했다. 대부분 순조로웠지만 몇 가지 예상치 못한 문제가 있었고, 특히 네이티브 모듈과 OpenSSL 관련 이슈가 있었다.

레거시 JavaScript 프로젝트에 TypeScript를 단계적으로 도입한 경험을 정리했다. tsconfig 설정부터 기존 코드와의 공존 방법까지 실무에서 적용한 내용을 기록한다.

대시보드 프로젝트에서 불필요한 리렌더링으로 성능 이슈가 발생했다. PureComponent와 shouldComponentUpdate를 적용해 렌더링 횟수를 70% 가량 줄인 과정을 정리했다.

ES2017의 Object.entries()를 활용해 객체를 배열로 변환하고 다시 객체로 복원하는 패턴을 정리했다. 실무에서 자주 사용하는 객체 필터링과 매핑 예제를 포함했다.

여러 API를 동시에 호출할 때 Promise.all은 하나만 실패해도 전체가 실패한다. 일부 실패를 허용하면서도 성공한 결과를 활용하는 패턴을 정리했다.

API 서버의 CPU 사용률이 25%를 넘지 않는 문제를 발견했다. 4코어 서버에서 단일 프로세스만 동작하고 있었고, Cluster 모듈을 통해 멀티코어를 활용하도록 개선했다.

레거시 Redux 코드베이스를 TypeScript로 점진적으로 전환하는 작업을 진행했다. Action과 Reducer에 타입을 적용하면서 마주친 실질적인 문제들과 해결 방법을 정리했다.