1. 상대경로와 절대경로
프로그래밍을 하다보면 자주 접하는 용어가 상대경로와 절대경로입니다. 어떤 API는 절대 경로로 처리를 하고, 어떤 API는 상대 경로로 처리를합니다. 이 두가지는 상당히 헷갈릴 수 있어서 정리를 합니다.
1.1 절대경로란?
컴퓨터의 파일을 찾아가는 방법은 절대 경로로, 파일을 찾는 방법은 한가지 뿐입니다. 절대 경로란 최초의 시작점으로 경유한 경로를 전부 기입하는 방식입니다. 윈도우에서 test.txt를 찾는 방법은 다음 예시 경로 한가지 뿐입니다. 어떠한 운영체제든 이렇게 최상위 루트로 부터 경유한 경로를 전부 기입한 절대경로로만 파일을 찾을 수 있습니다.
C:\Users\UserID\Desktop\test.txt웹에서의 절대경로를 생각해 보겠습니다.
1.2 상대경로란?
상대경로란 현재 위치한 곳을 기준으로한 '그 곳의 위치' 입니다. Web이라고 가정하에 html 파일이 위치한 폴더를 기준으로 상대적인 경로를 생각해 보겠습니다.
1 '/' -> 가장 최상의 디렉토리로 이동한다.(Web root)
2 './' -> 파일이 현재 디렉토리를 의미한다.
3 '../' -> 상위 디렉토리로 이동한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>상대 경로</h1>
<div><a href ="./ex04.htm">같은 폴더의 다른 페이지 이동하기</a></div>
<div><a href ="ex04.htm">같은 폴더의 다른 페이지 이동하기</a></div>
<div><a href ="./Member/list.htm">자식 폴더의 다른 페이지 이동하기</a></div>
<div><a href ="Member/list.htm">자식 폴더의 다른 페이지 이동하기</a></div>
<div><a href ="./Member/private/private.htm">자식 폴더의 다른 페이지 이동하기</a></div>
<div><a href ="Member/private/private.htm">자식 폴더의 다른 페이지 이동하기</a></div>
<div><a href ="../필기.txt">프로젝트 루트 폴더의 자원으로 이동</a></div>
<h1>절대 경로</h1>
<div><a href ="/WebClientTest/ex01.htm">절대경로</a></div>
<div><a href ="/WebClientTest/Member/list.htm">절대경로</a></div>
<div><a href ="/WebClientTest/Member/private/private.htm">절대경로</a></div>
<div><a href ="/WebClientTest/Member/list.htm">부모폴더의 다른 페이지 이동하기</a></div>
<h1>로컬 경로</h1>
<div><a href ="ex01.htm">1번예제 (상대)</a></div>
<div><a href ="/WebClientTest/ex01.htm">1번예제 (절대)</a></div>
<div><a href ="C:\Users\user\Desktop\Class\WebClient\WebClientTest\WebContent\ex01.htm">1번예제 (로컬)</a></div>
<h1>외부 경로</h1>
<div><a href = "http://naver.com">네이버 이동하기</a></div>
<div><a href = "http://www.naver.com">네이버 이동하기</a></div>
</body>
</html>참고로 로컬 경로는 웹서버가 아니라 브라우저가 동작 중인 로컬 컴퓨터의 경로를 탐색합니다. 사용하지 않습니다.
REFERENCE
'Web' 카테고리의 다른 글
| VO vs DTO (0) | 2021.02.09 |
|---|---|
| [Web] 웹 페이지 랜더링 과정 (0) | 2020.03.07 |
| 템플릿 엔진(Template Engine) 이란? (2) | 2020.03.04 |
| REST API란? (0) | 2020.01.12 |
| URL과 URI 차이점 (0) | 2020.01.12 |
