JavaScript

66개의 게시물

Promise.all을 사용한 병렬 API 호출 최적화

여러 API를 순차적으로 호출하던 코드를 Promise.all로 리팩토링하여 응답 시간을 3초에서 1초로 단축했다. 병렬 처리가 가능한 경우 Promise.all을 활용하면 성능을 크게 개선할 수 있다.

2017년 3월 18일

Array.prototype.reduce()를 제대로 이해하고 사용하기

프로젝트 리팩토링 중 reduce를 남용하는 코드를 발견했다. 가독성과 성능 측면에서 reduce가 항상 최선은 아니라는 것을 깨달았고, 적절한 사용 사례를 정리해봤다.

2017년 3월 16일

Babel Preset Env로 폴리필 최적화하기

babel-preset-env를 도입해 타겟 브라우저에 맞춰 필요한 polyfill만 선택적으로 적용하도록 변경했다. 번들 사이즈를 약 30KB 줄일 수 있었다.

2017년 3월 1일

ES6 Promise 체이닝과 에러 핸들링 정리

비동기 API 호출 로직을 콜백에서 Promise로 전환하면서 겪은 시행착오를 정리했다. catch 블록의 위치에 따라 에러 처리 범위가 달라지는 부분이 핵심이었다.

2017년 2월 23일

ES6 Promise 체이닝과 에러 핸들링 정리

비동기 API 호출 코드를 Promise로 리팩토링하면서 체이닝과 에러 처리 패턴을 정리했다. 콜백 지옥에서 벗어나는 과정에서 마주친 실수들을 기록한다.

2017년 2월 10일

Array.prototype.includes와 indexOf 성능 비교

ES2016에서 추가된 Array.includes() 메서드를 레거시 프로젝트에 적용하면서 기존 indexOf와 성능을 비교했다. 가독성 개선은 확실하지만 성능 차이는 생각보다 미미했다.

2017년 2월 4일