상대 경로와 절대 경로

hee_hee_·2022년 10월 5일
0

공부노트

목록 보기
4/35

상대경로

  • ./ (생략가능)

    주변에서 찾는 경로. 주변이 누구를 기준으로 하냐는 상대적인 개념. 누구의 주변인지 기준이 상대적으로 바뀔 수 있음.
    (생략가능)은 ./ 있어도 없어도 주변에서 찾음.

  • ../

    상위 폴더로 올라감. 자기가 속해있는 폴더에서 상위폴더로 올라간다.

절대경로

  • http (https)

    원격의 다른 사이트 의미. 혹은 우리가 서버에 올린 사이트.
    주소가 완성되어 있는 것.

  • / (//)

    . 없이 /만 있는 것도 절대 경로에 해당.
    /의미는 최상위 경로. 루트 경로.


현재 프로젝트 폴더에
index.html 파일
css 폴더 - main.css 파일
images 폴더 - img.png 파일

  • html에서 이미지를 사용하겠다
    ./images/img.png
    주변에서 images 폴더 안 img를 불러옴
    (상대경로)

    /images/img.png
    /는 루트를 의미. 최상의 경로를 말함.
    프로젝트 폴더에 index.html파일, css폴더, images폴더가 있는데
    이 중 images 폴더 안 img.png 파일을 불러옴
    절대경로


  • css에서 이미지를 사용하겠다
    ../images/img.png
    상위 폴더로 나가서 images 폴더 안 img를 불러옴
    (상대경로)

    /images/img.png
    /는 루트를 의미. 최상의 경로를 말함.
    프로젝트 폴더에 index.html파일, css폴더, images폴더가 있는데
    이 중 images 폴더 안 img.png 파일을 불러옴
    (절대경로)


절대 경로는 현재 사용하고 있는 파일의 위치와 상관 없이
최상위, 시작점에서부터 출발.

profile
딩코딩코딩

0개의 댓글