전체

API 서버에서 특정 라우트만 인증이 제대로 동작하지 않는 문제가 발생했다. 미들웨어 등록 순서를 점검하면서 Express의 미들웨어 체이닝 메커니즘을 다시 정리하게 됐다.

레거시 코드에 중첩된 OR 조건문이 너무 많아 가독성이 떨어졌다. ES7의 Array.includes()를 활용해 간결하게 개선했다.

레거시 float 기반 레이아웃을 Flexbox로 전환하는 작업을 진행했다. IE10 지원 종료로 인해 본격적으로 Flexbox를 도입할 수 있게 되었고, 유지보수성이 크게 개선되었다.

Node 8 업그레이드 후 프로젝트에 async/await를 본격 도입했다. Promise 체인보다 가독성은 좋아졌지만 에러 핸들링 방식을 통일하는 과정에서 몇 가지 패턴을 정리할 필요가 있었다.

사내 관리자 대시보드를 Angular 1.x에서 새로운 프레임워크로 전환하는 작업을 검토하게 되었다. Angular 2+로 갈지, React로 갈지 결정이 필요한 시점이다.

Node.js 8에서 새로 추가된 util.promisify를 업무에 도입했다. 기존 콜백 기반 코드를 Promise로 변환하면서 코드 가독성이 크게 개선되었다.

레거시 프로젝트에 Java 8을 도입하면서 Optional을 본격적으로 사용하기 시작했다. NPE를 줄이기 위해 적용한 패턴들과 주의할 점을 정리했다.

IE11 지원이 필요한 프로젝트에서 CSS Grid를 점진적으로 도입했다. Flexbox와 Grid를 혼용하며 겪은 브라우저 호환성 문제와 해결 방법을 정리했다.

레거시 코드베이스의 반복문을 Stream API로 전환하는 과정을 정리했다. 가독성은 좋아졌지만 성능 측면에서 주의할 점이 있었다.

Stream API를 사용하다 보면 람다 내부에서 checked exception 처리가 까다롭다. 실무에서 사용하는 몇 가지 패턴을 정리했다.