パス(path)


1.相対パス

기준 : 현재 웹페이지의 소속 폴더가 기준점

 . : 현재 웹페이지가 소속된 폴더
.. : 현재 웹페이지의 부모 폴더
자식폴더명 : 현재 소속된 폴더의 자식 폴더
현재 위치를 '나'로 기준을 삼고 상대를 찾는 표현
   
'/'    -> 가장 최상의 디렉토리로 이동한다.(Web root)
'./'   -> 파일이 현재 디렉토리를 의미한다.
'../'  -> 상위 디렉토리로 이동한다.

2.絶対パス

- 누구나 다 알고있는 동일한 위치를 기준으로 상대를 찾는 표현
<!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>

References

  • リファレンスサイト:
    - https://sas-study.tistory.com/127
    - https://88240.tistory.com/122
  • 🎈2020.11.27