이제는 절대경로와 상대경로의 명확한 차이를 구별할 때가 온 것 같다. 리액트에서 파일을 임포트 해 오거나 터미널에 cli 명령어를 입력해 디렉토리로 이동해야 하는 일이 많아지고, 파일 경로가 점점 더 복잡해지면서 점점 혼돈 속으로 빠지게 되었다!!

절대경로

• 웹페이지나 파일이 가지고 있는 고유한 경로
• 파일의 위치 그 자체, 주소라고 이해해도 좋다.
• '/'를 기준으로('/'는 최상위, 루트 폴더를 의미) 파일 경로 표기
  예) /Users/mac/Desktop

상대경로

• 현재 위치한 곳을 기준으로 찾고자 하는 디렉토리 또는 파일의 위치를 말한다.

• 예를 들어 /Users/mac/Desktop라는 폴더의 하위 폴더로 A라는 폴더와 B라는 폴더가 있고, A 폴더 안에는 index.html 파일이 있다고 가정하자. 현재 내가 B 폴더에 위치하고 있다면, A 폴더 안의 index.html 파일에 접근하기 위해서는 B 폴더에서 A폴더의 index.html 파일로 가는 경로를 계산한다. 따라서 "../A/index.html" 이렇게 접근하면 B 폴더에서 해당 파일에 접근할 수 있다.

• !알아야 할 것들!

  • / : 루트
  • ./ : 현재 위치
  • ../: 현재 위치의 상위 폴더
    (만약 두 단계 위 상위 폴더로 이동하려 한다면 ../../ 이렇게 쓰면 된다.)