전체

기존 Redux로 관리하던 테마와 언어 설정을 새로운 Context API로 마이그레이션했다. 보일러플레이트가 크게 줄어들고 컴포넌트 구조가 단순해졌다.

Promise 체이닝에서 async/await으로 전환하면서 에러 핸들링 방식을 정리했다. try-catch의 중복을 줄이면서도 에러를 놓치지 않는 방법을 찾았다.

ES6에서 추가된 includes 메서드를 프로젝트에 적용하면서 indexOf와의 성능 차이가 궁금해졌다. 실제 프로덕션 환경에서 사용하기 전에 간단한 벤치마크를 진행했다.

프로젝트에서 5단계 이상 props를 내려주는 컴포넌트 구조가 유지보수를 어렵게 만들고 있었다. React 16.3에서 정식 출시된 새로운 Context API를 도입해 props drilling 문제를 해결했다.

외부 API 호출 시 무한 대기 문제가 발생해 context를 활용한 타임아웃 처리를 적용했다. 기본 개념부터 실제 적용 사례까지 정리했다.

반응형 대시보드를 만들면서 CSS Grid와 Flexbox를 조합해 사용했다. 각각의 특성을 이해하고 적재적소에 배치하니 미디어쿼리 없이도 유연한 레이아웃을 구성할 수 있었다.

레거시 float 레이아웃을 CSS Grid로 전환하는 작업을 진행했다. IE11 지원 요구사항 때문에 예상보다 복잡한 작업이 되었고, 몇 가지 해결책을 찾아냈다.

레거시 프로젝트에서 사용하던 구 Context API를 16.3에서 정식 릴리즈된 새 Context API로 마이그레이션했다. 기존 방식보다 타입 안정성과 가독성이 개선되었다.

Java에서 Go로 넘어오면서 인터페이스 개념이 혼란스러웠다. 명시적 구현 선언 없이도 인터페이스를 만족하는 Go의 구조적 타이핑을 정리했다.

프로젝트에서 Go를 도입하면서 인터페이스 개념에 혼란이 있었다. Java와 다른 암묵적 구현 방식이 처음엔 불편했지만, 의존성 관리 측면에서 장점이 많았다.