

검색 서비스에서 좋은 품질의 코드를 찾는 은하수 항해 기록
검색 서비스 프런트엔드에서 검색 결과 UI를 큐레이션하는 경험을 공유했습니다. PC와 모바일 코드 통합, 리스팅과 컬렉션 구조를 중심으로 좋은 코드의 기준을 고민했습니다.


검색 서비스 프런트엔드에서 검색 결과 UI를 큐레이션하는 경험을 공유했습니다. PC와 모바일 코드 통합, 리스팅과 컬렉션 구조를 중심으로 좋은 코드의 기준을 고민했습니다.

프론트엔드 토큰 인증에서 Web Storage와 직접 토큰 주입 방식의 위험성을 짚었습니다. 쿠키 기반 관리와 토큰 로테이션으로 보안을 높이는 방법을 소개했습니다.


React 전역 상태 관리가 필요한 이유와 Context API의 한계를 먼저 설명했습니다. 이어서 Redux와 Zustand의 특징, 장단점을 비교해 선택 기준을 정리했습니다.
React Compiler로 React 코드 최적화를 자동화하는 흐름을 소개했습니다. 개발자의 memo 관리 부담을 줄이는 방향을 설명했습니다.


JSDoc으로 JavaScript 코드의 타입 힌트와 함수 설명을 풍부하게 남기는 방법을 다뤘습니다.프론트엔드에서 협업과 유지보수를 돕는 태그 활용법과 주의점도 정리했습니다.


Next.js 기획전 개편에서 HTML 모듈 사이에 기존 상품 카드를 삽입하는 방법을 다뤘습니다. createRoot와 provider 중복 사용의 성능 영향을 측정해 설계 타당성을 검증했습니다.
쿠팡 파트너스
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

X

프론트엔드에서 프레임워크와 라이브러리의 차이, 그리고 실제 업무에서의 활용 기준을 다뤘습니다. Next.js를 포함한 여러 프레임워크를 언제 써야 할지에 대한 관점을 소개했습니다.


vanilla-store를 만든 배경과 내부 구조를 소개한 글입니다. React 외부 상태 동기화, 선택적 구독, 불필요한 리렌더링 완화가 핵심입니다.


XState를 도입해 복잡한 예약·웨이팅 연동의 상태 흐름을 선언적으로 관리한 사례를 정리했습니다. 비동기 연동과 시각화의 장점, 그리고 학습 곡선과 보일러플레이트 같은 한계도 함께 다뤘습니다.

React에 디자인 패턴을 적용해보려는 내용을 소개한 글입니다. Vue 경험을 바탕으로 React 개발 관점에서 접근했습니다.


X

새로 합류한 프론트엔드 개발자가 Streaming SSR 온보딩 과정을 정리했습니다. 기술 도입 배경부터 직접 구현과 협업 학습 방법까지 소개했습니다.


SSR이 SEO에 유리한 이유를 크롤링·인덱싱·랭킹 관점에서 설명했습니다. 다만 서비스 성격과 검색 엔진 특성에 따라 CSR도 충분할 수 있으며, SEO는 렌더링 방식 외 요소까지 함께 봐야 합니다.