바닐라 JS로 해시 라우터를 직접 구현하는 과정을 설명했습니다. 경로 매핑, navigate, path parameter 추출까지 확장하는 방법을 다뤘습니다.
routes 배열로 경로-컴포넌트 매핑 저장hashchange 이벤트로 현재 URL 변경 감지 후 화면 교체navigate 메서드와 replace 옵션으로 프로그래밍 방식 이동 지원[쿠팡페이] Staff Front-end Engineer (Rocket Pay)
쿠팡페이 · Seoul, South Korea
쿠팡페이 로켓페이의 PC·모바일 웹 아키텍처와 신규 결제 경험을 개발·운영하고, 디자인·코드 리뷰 및 품질 가이드를 수행합니다. 웹 프론트엔드 8년 이상 경력과 주요 프론트엔드 기술 및 UI 컴포넌트 개발 경험이 필요합니다.
[CC CTO] Frontend Engineer
다나와 · 경력 · 서울 가산(대륭)
Next.js 기반 웹·모바일 웹 서비스와 백오피스를 개발·운영하며, 공통 컴포넌트·디자인 시스템 및 성능·SEO·접근성을 개선합니다. React·TypeScript 기반 개발, GraphQL·REST API 연동 및 상태 관리 기술 활용 경험이 필요합니다.
데이터 엔지니어 (Digital Analytics Engineer) (상시채용 인재풀)
이노션 · CAREER
Web/App 고객 행동 데이터 수집을 설계·운영하고, GA4 데이터의 BigQuery 적재·가공 및 데이터 파이프라인을 운영합니다. GA4/GTM 기반 트래킹 설계 경험과 JavaScript·SQL·BigQuery 활용 역량이 필요합니다.
#JavaScript 주제를 이어서 읽기
바닐라 JavaScript로 Fragment 해시 기반 SPA 라우터를 구현하는 과정을 소개했습니다. 경로 등록, 페이지 전환, 프로그래밍 이동, path parameter 추출을 다뤘습니다.
