🌱 기초 프론트엔드
라우팅(Routing)이란?
쉽게 이해하기
라우팅은 건물의 안내판 같은 거예요. 백화점에서 '3층 가전제품'이라고 써있으면 그쪽으로 가듯이, 웹사이트에서도 '/products' 주소를 입력하면 상품 페이지로 안내해주는 시스템입니다.
핵심 정리
웹사이트에서 페이지를 이동할 때 URL이 바뀌는 원리를 라우팅이라고 합니다.
자세히 알아보기
라우팅(Routing)은 사용자가 입력한 URL 주소에 따라 적절한 페이지를 보여주는 기능입니다. 예를 들어 쇼핑몰 사이트에서 'shop.com/products'를 입력하면 상품 목록 페이지가, 'shop.com/cart'를 입력하면 장바구니 페이지가 나타나죠.
과거에는 페이지를 이동할 때마다 서버에서 새로운 HTML 파일을 받아와야 했습니다. 하지만 요즘 프론트엔드 프레임워크(React, Vue 등)는 '클라이언트 사이드 라우팅'을 사용해서, 페이지 전체를 새로고침하지 않고도 화면만 바꿔줍니다. 이게 훨씬 빠르고 부드러워요.
실무에서는 React Router, Vue Router 같은 라우팅 라이브러리를 사용합니다. 이걸 사용하면 '/user/:id' 같은 동적 경로도 쉽게 만들 수 있어요. 예를 들어 '/user/123'을 입력하면 123번 사용자 프로필을 보여주는 식이죠.
라우팅을 잘 설계하면 사용자가 웹사이트의 구조를 쉽게 이해할 수 있고, 북마크나 공유도 편리합니다. 또 SEO(검색엔진 최적화)에도 중요한 역할을 합니다.