Intro

---

오늘 미션 2을 마무리했다!! 너무 대견한 나.. 물론 완성하는데에 친구의 도움이 컸지만 점점 익숙해 지는 것들이 많아져서 기분이 매우 좋다.

하지만 아직 초보라서 기본적인 실수를 너무 많이 하고 있다.

미션2진행 할 때 html파일에서 불러왔던 경로로 이미지를 다른 css파일에서도 같은 경로로 불러오려고 해서 발생했던 문제가 있었는데, 처음에는 잘못 됐다고 생각도 못 했기 때문에 구글링도 엉뚱하게 해서 몇 시간 동안 이유를 찾지 못했었다.

그래서 머리에 새기기 위해 정리 해 두려고 한다.

절대경로

---

절대경로란 지정 되어 있어서 절대 변경 되지 않는 이미지 경로를 말한다.

페이지 안에 다른 서버에 있는 이미지나 페이지 등의 파일을 연결 시킬 때 사용한다.

http:// ~~와 같이 절대로 변경 될 수 없는 경로를 말한다.

예시

<img src="https://velog.io/@wool/wiil.jpg">

상대경로

---

현재 작성하고 있는 파일을 기준으로 경로를 지정하는 방법이다.

이미지가 삽입 될 파일을 기준으로 경로를 인식하며 이미지가 상위폴더에 있는지 하위 폴더에 있는지 따져서 해당 경로를 지정한다.

표기법

1. 현재 경로를 의미하는 표기

   현재 지금 파일의 위치를 의미

   ./

2. 이전 경로를 의미하는 표기

   ../

3. 경로 하나를 의미하는 표기

   /

4. 현재 경로를 기준으로 가장 근접한 거리 탐색

   ~

💡 보통 상대경로를 사용한다고 한다.