[HTML] 파일경로 찾아가는 방법

 

오늘 리액트 프로젝트하면서, 캐라우셀 창에 Img 넣으려고 평소처럼 파일 경로를 '../~~~.jgp' 이런식으로 찾아가려고 했는데 

이상하게 계속 사진경로가 내가 작성하고 있는 파일에서 경로를 찾는게 아닌가 ㅇㅅㅇ!!!

그동안 내가 이 사소한 부분을 제대로 알고 있지 않다는 사실을 깨달았다.

(오늘 알았으면 됐지 뭐 ㅋ)

 

팀원분들에게 왜 사진경로가 자꾸 내가 작성하고 있는 컴포넌트 를 기준으로 찾고 있는건지 모르겠다고 여쭤봤는데,

다른 팀원분의 아이디어로 사이다처럼 ../.. 으로 하나씩 붙여가며, vs code에서 추천으로 띄워주는 키워드들을 보면서 찾아가서 성공을 시켰다 (무한감사❤️)

 

 

그럼 어떻게 파일 경로를 찾아가는지 다시 한번 제대로 정리하기

>> 상대경로 : 현재 위치로부터 파일을 찾아가는 경로

이미지 파일과 현재 작업중인 파일이 동일한 폴더에 있을때	img1.jpg 또는 ./img1.jpg
파일이 현재 폴더의 images 폴더에 있을때	images/img1.jpg 또는 ./images/img1.jpg
파일이 현재 폴더보다 한 단계 상위 폴더에 있을때	../img1.jpg

./ 를 작성하거나 작성하지 않는 경우 모두 현재 폴더를 의미
../ 는 현재 위치에서 한 단계 위의 폴더로 이동하는 것을 의미