본문 바로가기
프론트엔드

상대경로 vs 절대경로

by 피스타0204 2022. 5. 8.

 

상대경로는 혼자 개발하고 퍼블리싱까지 할때 사용한다.


상대경로의 장점

 

1. 서버에 올리기 전에 확인할 수 있다.

 

비주얼스튜디오같은 경우 가상서버를 알아서 구성해주기 때문에 상관없지만 탐색기에서는 서버환경이 구축되어 있지 않기 때문에 /로 시작하는 이미지 경로를 인식하지 못합니다. 

하지만 상대경로를 사용하면 탐색기에서도 미리보기 및 파일 인식을 할 수 있습니다.

 

 

2. 코드가 간단해진다.

 

 

 

 

 

 

여러명의 개발자가 함께 하는 프로젝트는 무조건 절대주소로 작업해야 한다.


 

 

https://www.inflearn.com/blogs/1284

절대주소로 하는 대표적인 장점은 html 파일의 위치를 기준으로 상대적으로 정해지는 경로가 아닌 절대적인 경로이기 때문에 이미지가 포함된 html 위치가 변경되어도 이미지 및 링크가 어긋나지 않습니다. 반면에 상대주소로 한 경우 이미지가 포함된 html 위치가 변경되면 이미지 경로도 그것에 맞게 바꿔주어야 합니다. 

그러므로 여러 명의 개발자가 함께하는 프로젝트에서는 html, css, js, 이미지 등 모든 링크파일을 절대주소로 하는 것이 좋습니다.

 

  • link는 절대경로, path는 상대경로
  • 프로젝트에 따라 두가지중 하나을 사용합니다.

    1) 환경설정에 PATH 및 URL 링크 에 대한 전역변수 정의후 모든페이지에 전역변수을 사용
    2) URL 은 상대경로, 파일은 환경설정에 PATH 이용

https://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=forum&wr_id=119802

  • ../ 은 사용하기 마라

 

 

 

 


결론 디자이너가 만드는 html파일에서의 경로와 서버 개발자가 경로는 쓰임새가 다르다. 그러므로 html에서 상대경로를 사용할 것인지 절대경로를 사용할 것인지 선택하는 것과 php등 서버 개발자가 상대경로, 절대경로를 선택하는 것, 두 가지로 나누어 생각해야 한다.