전체

기존 프로젝트의 % 포매팅과 .format()을 f-string으로 전환했다. 가독성과 성능 모두 개선되었고, 특히 로깅 코드가 훨씬 간결해졌다.

SPA에서 컴포넌트 destroy 시 구독 해제를 놓쳐 메모리 누수가 발생했다. takeUntil 패턴으로 해결한 과정을 정리했다.

React 16이 정식 릴리즈되면서 내부 아키텍처가 Fiber로 재작성되었다. 기존 Stack 기반 reconciler와 비교하여 실제 프로젝트에 적용하며 체감한 변화를 정리했다.

IE11 지원이 필요한 프로젝트에 CSS Grid를 부분 적용했다. Flexbox 폴백을 준비하면서 얻은 경험을 정리한다.

프로젝트에서 NullPointerException을 줄이기 위해 Optional을 도입했다. 하지만 팀원들이 잘못된 방식으로 사용하는 경우가 많아 정리가 필요했다.

Webpack 2에서 3으로 업그레이드하면서 빌드 속도가 오히려 느려지는 문제가 발생했다. Scope Hoisting과 CommonsChunkPlugin 설정을 조정하여 해결한 과정을 기록했다.

React 16 베타를 프로젝트에 적용해보면서 새로 추가된 Error Boundary 개념을 접했다. 기존에는 컴포넌트 렌더링 중 에러가 발생하면 전체 앱이 망가졌는데, 이제는 에러를 격리할 수 있게 되었다.

ES7에 추가된 Array.includes() 메서드를 프로젝트에 적용하면서 indexOf 비교 패턴을 제거했다. 조건문 가독성이 눈에 띄게 개선되어 코드 리뷰 시간이 단축되었다.

Angular 4 프로젝트에서 발생한 메모리 누수 문제를 추적했다. 컴포넌트가 destroy될 때 Observable 구독을 해제하지 않아 발생한 문제였고, 여러 해결 방법을 비교해봤다.

ES2017에 추가된 Object.entries()를 활용해 객체 순회 코드를 개선했다. 기존 Object.keys()와 for-in 방식보다 직관적이고 간결한 코드 작성이 가능했다.