Articles

개발하며 겪었던 트러블 슈팅과 깊이 있는 탐구 기록입니다.

🚂 달리는 기차의 바퀴를 바꿔라: i18n 다국어 주입기

라이브 운영 중인 서비스에 SEO 하락 없이 다국어를 도입하며 겪었던 미들웨어와 쿠키 활용기, 그리고 구글 시트 자동화 파이프라인 구축 과정을 공유합니다.

AWS 미국 동부-1 (us-east-1) 서버 리전에 문제가 발생해 서비스가 다운된 상황에서, 개인 컴퓨터를 활용하여 백업 서버를 구축하는 개념을 소개합니다.

React Hook Form의 INP(Interaction to Next Paint) 성능 개선을 위한 최적화 과정을 공유합니다. 3,912ms에서 97% 개선된 경험을 통해 React Hook Form의 내부 동작과 최적화 전략을 살펴봅니다.

Nextjs와 Turborepo 환경에서 react-toastify 라이브러리를 활용하여 사용자에게 피드백을 제공하는 토스트 알림 시스템을 구현한 경험을 공유합니다.

Nextjs 프로젝트에 음악 Player 시스템을 구축한 경험을 공유합니다. React Context API를 활용하여 글로벌 상태 관리를 구현하고, 사용자 인터페이스와 상호작용하는 방법을 살펴봅니다.

Vue 환경에서 tanstack query의 mutationKey 값이 객체로 전달될 때 발생하는 'Maximum call stack size exceeded' 이슈에 대한 원인 분석과 해결 방법을 공유합니다.

소비 습관을 주식 차트 형식으로 시각화하는 프론트엔드 스켈레톤 프로젝트를 소개합니다. Vue.js와 JavaScript를 활용하여 기본적인 UI 컴포넌트와 상태 관리를 구현한 경험을 공유합니다.

React의 useState Hook을 const로 선언하는 이유에 대한 설명과 함께, 상태 관리에서의 불변성 유지와 코드 가독성 향상에 어떻게 기여하는지 살펴봅니다.

모던 자바스크립트 도서를 기반으로 JavaScript의 핵심 개념과 최신 기능들을 설명하는 시리즈입니다.

KB IT's Your Life 6기에서 다룬 주제들을 정리한 시리즈입니다.