반응형
🌐 URL은 어떻게 구성되어 있을까요?
https://example.com/products/shoes/123 이 주소에서 `/products/shoes/123` 부분은 무슨 뜻일까요?
웹사이트 주소(URL)는 단순한 문자열이 아니라 구조적인 정보입니다. 그중 URL Path는 사용자가 어떤 자원(Resource)에 접근하고자 하는지를 표현하는 중요한 요소예요.
📍 URL Path란?
URL Path는 웹 주소에서 도메인
뒤에 따라오는 경로 부분을 의미합니다.
예를 들어 https://example.com/about/team
에서 /about/team
이 바로 Path입니다.
🔍 URL의 기본 구조
https://
→ 프로토콜example.com
→ 도메인/products/shoes/123
→ Path (경로)?sort=price
→ 쿼리(Query) 파라미터 (선택사항)#top
→ 해시(Fragment) (선택사항)
🧭 Path는 어떤 역할을 하나요?
서버 또는 클라이언트 라우터가 해당 경로를 보고 어떤 페이지를 보여줘야 하는지를 판단합니다.
예를 들어:
/about
→ 소개 페이지/products
→ 전체 상품 목록/products/shoes/123
→ 특정 상품 상세 페이지
⚙️ 개발자 입장에서의 URL Path
- 백엔드 라우팅: 서버에서 요청 처리 로직 연결 (예: Express.js, Django)
- 프론트엔드 라우팅: SPA(단일 페이지 앱)에서 페이지 전환 처리 (예: Next.js, React Router)
- REST API 구조: 리소스 접근 명확화 (예:
GET /api/users/42
)
✅ URL Path 작성 시 주의할 점
- 의미 있는 단어로 구성 → SEO 및 사용자 경험 향상
- 영문 소문자 사용 권장 → 일관성 유지
- 공백은
-
또는%20
으로 대체
URL Path는 단순한 디렉터리 느낌이 아니라 웹의 탐색 지도와도 같습니다. 경로 하나하나가 사용자의 요청 흐름을 안내하는 중요한 구조라는 점을 기억하세요!
※ 본 글은 웹 개발 및 라우팅 개념에 대한 기초 이해를 돕기 위한 설명입니다.
반응형
'웹 개발' 카테고리의 다른 글
HTML과 HTML 시맨틱(semantic)태그에 대해 이해하기 (0) | 2023.06.30 |
---|---|
관계형 데이터베이스(SQL)와 비관계형 데이터베이스(NoSQL) (0) | 2023.06.28 |
AJAX 이해하기: 웹 애플리케이션에서 비동기 통신의 역할 (0) | 2023.06.26 |
pnpm (0) | 2023.06.26 |
node_modules 이해하기 (0) | 2023.06.26 |