전체

프로젝트 번들 사이즈가 2MB를 넘어가면서 초기 로딩 속도가 심각하게 느려졌다. Webpack의 CommonsChunkPlugin을 제대로 설정해서 vendor와 manifest를 분리한 과정을 정리했다.

Node.js 8 LTS로 업그레이드하면서 콜백 지옥에 시달리던 코드를 async/await로 전환했다. Promise chain보다 가독성이 좋지만, 에러 핸들링에서 주의할 점들이 있었다.

레거시 프로젝트에 Node.js 8 LTS를 도입하면서 Promise와 async/await으로 콜백 패턴을 전환했다. 중첩된 콜백 구조를 리팩토링하며 마주친 에러 핸들링 이슈와 해결 과정을 정리했다.

레거시 프로젝트의 중첩된 콜백 구조를 async/await로 리팩토링했다. Node.js 8 LTS가 안정화되면서 프로덕션 환경에 적용할 수 있게 되었다.

Flexbox만으로는 한계가 있던 2차원 레이아웃을 CSS Grid로 해결했다. IE11 지원이 필요한 프로젝트였지만, autoprefixer와 @supports를 활용해 점진적 향상을 적용했다.

회사 프로젝트를 Angular 1.x에서 새로운 프레임워크로 전환하기로 했다. Angular 2+ 대신 React를 선택한 배경과 마이그레이션 전략을 정리했다.

IE11에서 Flexbox를 사용하다 마주친 min-height 버그를 정리했다. 프로덕션 배포 전에 발견해서 다행이었다.

번들 크기가 2MB를 넘어서면서 초기 로딩 속도가 문제가 되었다. Webpack 3의 CommonsChunkPlugin을 사용해 코드 스플리팅을 적용하면서 겪은 시행착오를 정리했다.

대량의 데이터를 처리하는 배치 작업에서 Stream API의 parallel() 메서드를 적용했다. 단순히 parallel()을 붙인다고 무조건 빠른 건 아니었고, 데이터 크기와 작업 특성에 따라 성능 차이가 컸다.

Node.js 8에서 추가된 util.promisify를 사용해 기존 콜백 기반 API를 Promise로 변환했다. fs 모듈과 레거시 라이브러리를 async/await 패턴으로 깔끔하게 리팩토링한 과정을 정리했다.