라이브러리 없이 라우터(Router) 만들기

본 글은 라이브러리 없이 Fragment 해시를 이용하여 라우터를 직접 구현하는 방법을 소개합니다. SPA 개발 시 일반적으로 외부 라이브러리를 사용하지만, 직접 개발하면 라우팅 시스템에 대한 깊은 이해를 얻을 수 있습니다.

라우팅 시스템 구현 방법에는 Fragment 해시를 이용하는 해시 라우터와 history API를 이용하는 브라우저 라우터가 있으며, 모든 브라우저에서 지원되는 라우터를 위해 해시 라우터를 선택했습니다. Fragment 해시는 URL의 # 뒤에 오는 부분으로, 페이지 새로고침 없이 특정 섹션을 식별하며 서버 요청 없이 작동합니다.

이를 통해 404 에러 방지 등 이점을 얻을 수 있습니다. 글에서는 바닐라 JS를 사용하여 해시 라우터를 구현하는 구체적인 개발 과정을 다룹니다.