[Web] 절대경로/상대경로

2022. 11. 6. 21:32·Programming/Web
728x90

절대경로

  • 절대적인 주소, 변하지 않는 주소를 경로로 지정.
  • 정적인 문자열을 통해 특정 컴퓨터의 파일 위치를 정확히 알려준다.
  • C:/araTodo/Gallery/images/cat.jpg(절대 경로)
  • <a href="https://google.com/">
  • 파일의 위치를 고유경로로 알고 있어서 분실 가능성이 낮다.
  • 최상위 폴더부터 경로를 찾기 때문에 컴파일 속도가 오래 걸린다.
  • 컴퓨터 상의 디렉토리에서는 C:₩를 항상 포함하며, URL에서는 항상 http://로 시작한다.
  • 어떠한 웹페이지나 파일이 가지고 있는 고유한 경로를 말한다.(=외부 파일)
  • 어디서나 파일을 찾을 수 있다.

상대 경로

  • 하나의 파일이 있는 위치에서 다른 파일이 위치한 주소를 경로로 지정.
  • 반드시 비교대상이 있어야 한다.
  • ../img/cat.jpg(상대 경로)
  • <img src="../images/cat.jpg">
  • 파일의 위치를 잊어버렸을 시 고유 경로를 알지 못하므로 소스 분실 가능성이 높다.
  • 기준으로 설정되어있는 폴더를 탐색하면 되므로 컴파일 속도가 빠르다.
  • / : 루트 → C/users 같은 기본 루트를 의미(최상위 루트)
  • ./ : 현재 위치 → 현재위치의 폴더를 의미(현재 디렉토리)
  • ../ : 현재 위치의 상단 폴더 → 상단폴더를 의미(상위 디렉토리)
  • 이동할 페이지가 같은 폴더에 위치한 경우, 이동할 페이지가 현재 폴더의 하위 폴더에 위치한 경우(= 내부 파일)
  • 어디서나 파일을 찾을 수 없다.

'Programming > Web' 카테고리의 다른 글

[Web] HTTP Request(요청), HTTP Response(응답) 구조  (0) 2022.11.07
[Web] Maven과 Gradle 비교  (0) 2022.11.07
[Web] 용어 정리(utility), (Software), (Network), (localhost), (Built-in Object), (HTTP)  (0) 2022.11.06
[Web] Spring Bean 선언, 오토와이어링(Autowired)  (0) 2022.11.03
[Web] JSTL(다운로드, 사용법, 정리), EL(정리)  (1) 2022.11.03
'Programming/Web' 카테고리의 다른 글
  • [Web] HTTP Request(요청), HTTP Response(응답) 구조
  • [Web] Maven과 Gradle 비교
  • [Web] 용어 정리(utility), (Software), (Network), (localhost), (Built-in Object), (HTTP)
  • [Web] Spring Bean 선언, 오토와이어링(Autowired)
arajo
arajo
  • arajo
    아라 메모장
    arajo
  • 전체
    오늘
    어제
    • 분류 전체보기 (509)
      • Language (298)
        • HTML (55)
        • CSS (11)
        • JavaScript (70)
        • TypeScript (8)
        • Python (33)
        • Java (119)
        • C (0)
        • C# (2)
      • Programming (92)
        • Programming (14)
        • Web (51)
        • Apache (1)
        • MySQL (23)
        • AWS (3)
      • Framework | Library (26)
        • Framework | Library (3)
        • Vue.js (2)
        • React.js (5)
        • React Native (4)
        • Node.js (1)
        • Ajax (1)
        • Bootstrap (8)
        • Spring (1)
        • Flutter (1)
      • etc (2)
      • 휴식 (19)
        • 책 (13)
        • 일기 (5)
        • 게임 일기 (1)
      • A (71)
        • 공부 (18)
        • 기타 (6)
        • 일 (47)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    next.js
    web
    JavaScript
    CSS
    react
    변수
    타입스크립트
    Java
    객체
    Python
    파이썬
    자바스크립트
    array
    리액트
    MySQL
    TypeScript
    제어문
    event
    object
    HTML
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
arajo
[Web] 절대경로/상대경로
상단으로

티스토리툴바