Path Type (src, href)

임소정·2022년 1월 4일
0
post-thumbnail

1. 절대경로: 특정위치를 기준 / 외부파일을 불러올 때 사용

절대경로는 특정 위치를 기준으로 만들어지는 경로로 인터넷 공간인 웹을 기준으로 하거나 현재 내 컴퓨터인 로컬을 기준으로 경로를 만듭니다.

현실 절대경로: 서울특별시/구로구/궁동/000/000
웹 절대경로: http.://www.domain.co.kr/img/pic01.jpg
로컬 절대경로: D:/html/img/pic01.jpg
루트 디렉토리를 포함한 주소를 갖는 경로
컴퓨터 상의 디렉토리에서 C:\를 항상 포함
URL에서는 http://를 항상 포함
항상 기준은 루트가 됨
언제 쓰는가: 일반적으로 다른 사람이 만든 문서나 파일을 연결할 때, 그 외 다른 사이트를 연결할 때

장점: 루트 디렉토리를 항상 포함하기 때문에 외부에서도 절대경로를 이용하여 파일 연결 가능
어디에서나 해당 파일을 찾을 수 있음

단점: 서버의 주소가 달라지면 절대경로로 설정된 주소들을 모두 수정해야함
(이유: 서버 내부에서 처리가 되는게 아니고 DNS조회를 통해 해당파일을 찾기 때문)


2. 상대경로: 현재위치를 기준 / 내부파일을 불러올 때 사용

상대경로는 현재 위치를 기준으로 만들어지는 경로로 현재 문서의 위치를 기준으로 대상 문서나 파일의 위칙 경로로 만들어 집니다.

현실 상대경로: 여기서/ 부천시청역7호선/온수역하차
웹 상대경로: img/pic01.jpg
로컬 상대경로: img/pic01.jpg
루트 디렉토리를 포함하지 않는 주소를 갖는 경로
현재 참조하고 있는 문서가 항상 기준이 되고, 이 문서를 통해 상위, 하위 또는 현재폴더를 연결

장점: 서버주소가 달라져도 이전 서버와 디렉토리 구조만 같다면 경로수정 안해도 됨
(이유: 현재 문서를 기준으로 경로를 연결, 루트 디렉토리는 사용하지 않음)

결론: 내부파일을 불러올 때 상대경로


3. 경로에서 사용하는 명령어

상대경로는 현재 위치를 기준으로 만들어지는 경로로 현재 문서의 위치를 기준으로 대상 문서나 파일의 위치가 경로로 만들어 집니다.

img: img폴더
img.jpg: jpg형식의 이미지 문서
img.png: png형식의 이미지 문서
/ : 접근
../ : 한수준 위로

profile
소정의 UX/UI 공부 기록

0개의 댓글