[React] 키록장 프로젝트 🔐 -5

유지연·2024년 1월 7일
0

키록장

목록 보기
1/1

👋 1월 7일밖에 안됐는데 정신 못차리는 기록 😠 (TIL 240107)

파일 경로 설정

키록장 join page를 만들다가 필요한 로고 이미지를 import 하려고 했는데 자꾸만 오류가 떴다. 경로 확인을 해볼 생각은 안하고 엉뚱한 곳을 고치다가 경로를 잘못 설정했다는 걸 알아차렸을 때의 어이없음...
파일의 경로는 절대경로와 상대경로 두 가지로 표현이 가능하다.

절대경로

절대경로는 최상위 디렉토리부터 경유한 해당 파일까지의 모든 경로를 기입하는 방법이다. 예를 들어 바탕화면에 위치하는 text.txt의 절대경로는 다음과 같다.

C:/Users/UserID/Desktop/text.txt

상대경로

상대경로는 말 그대로 상대적인 경로로, 현재 파일이 존재하는 디렉토리로부터 해당 파일까지의 경로를 기입하는 방법이다. 예를 들어, 아래 사진과 같은 경우 join.tsx에서 img 폴더에 있는 main_logo.png의 상대경로는 다음과 같다.

../img/main_logo.png

  • / : 최상위(root) 디렉토리
  • ./ : 현재 디렉토리
  • ../ : 상위 디렉토리
profile
Keep At It

0개의 댓글