Til: 바닐라 JS로 클라이언트 사이드 라우팅과 검색 기능 구현하기
학습 내용
오늘은 Header 컴포넌트를 완성했다. 이 과정에서 SPA에서 중요한 클라이언트 사이드 라우팅과 검색 기능을 구현하는 방법을 배웠다.
클라이언트 사이드 라우팅 구현
// App.js
// Header 컴포넌트에 전달하는 이벤트 핸들러
handleClick: async () => {
// 브라우저 히스토리에 새 항목 추가 (URL을 홈으로 변경)
history.pushState(null, null, "/");
// 포켓...
woodstock.hashnode.dev2 min read