• Q&A
  • 회원가입
  • 로그인

[web] (경로/주소), (절대경로/상대경로) , (절대주소/상대주소) 개념 이해하기

528  

목차

  1. 경로 vs 주소
  2. 절대경로 vs 상대경로
  3. 절대주소 vs 상대주소

 

경로 vs 주소

[경로 (PATH)]

 

서버 내 폴더/파일 간 관계 표시.

 

(예) 

PHP : include(./common.php);

 

PS. 

그누보드 상수 중, 대문자 PATH 들어간 것들.

(예) 

G5_PATH : (예) /home/hz/html

G5_THEME_PATH : (예) /home/hz/html/theme/basic

 


[주소 (URL)]

 

브라우저로 접근 가능한 URL.

 

(예) 

HTML : <img src="이미지주소">

CSS : background:url(이미지주소);

 

PS. 

그누보드5 상수 중, 대문자 URL 들어간 것들.

(예)

G5_URL : (예) https://homzzang.com

G5_THEME_URL : (예) https://homzzang.com/theme/basic

 

 

절대경로 vs 상대경로

[절대경로]

 

서버 root 부터 표시한 경로.

 

(예) 

include("/home/hz/html/common.php");

 


[상대경로]

 

현재 파일 위치를 기준으로 상대 파일의 위치를 지정.

 

. (점1개) : 현재 디렉토리.

.. (점2개) : 상위 디렉토리. 

(예)

include("./common.php"); // 현재

include("../common.php"); // 1단 상위

include("../../common.php"); // 2단 상위

include("../../../common.php"); // 3단 상위


더 자세히 보기.

 

절대주소 vs 상대주소

[절대주소]

 

방법1.

도메인 주소를 표시한 주소. 

(예) <img src="https://homzzang.com/img/logo.png">

 

방법2.

도메인 주소 제외한 서브 디렉토리 이하 표시한 주소.

(예) <img src="/img/logo.png">

 

PS1.

맨 앞에 슬래시 ( / ) 꼭 넣어줘야 함.

 

PS2.

서브 디렉토리(예: gnu5) 만들어 빌더 설치 시, 서브 디렉토리도 기재.

(예) <img src="/gnu5/img/logo.png">

 


[상대주소]

 

현재 파일 위치를 기준으로 상대 파일의 위치를 지정.

주의: 맨 앞에 슬래시 ( / ) 추가하면 안 됨.

 

. (점1개) : 현재 디렉토리.

.. (점2개) : 상위 디렉토리. 

(예) 

<img src="logo.png">; // 현재 디렉토리안

<img src="img/logo.png">; // 서브 디렉토리 안

<img src="../img/logo.png">; // 상위 디렉토리 안

<img src="../../img/logo.png">; // 상위 상위 디렉토리 안

 

PS.

현재 파일이 타 파일로 include (또는, require) 경우, 타 파일 기준임.

(예)

 /img/logo 파일을 /theme/basic/index.php 파일에 상대주소로 불러올 경우, <img src="./img/logo.png">처럼 불러와야 함.

(∵ /theme/basic/index.php 파일은  /index.php 파일로 require됨.)

※ 주의: <img src="../../img/logo.png"> (X)

 



찾아주셔서 감사합니다. Since 2012