[그린컴퓨터] 클라이언트/HTML

화면에 이미지 출력 & 상대경로와 절대경로

Ben의 프로그램 2023. 6. 20. 10:44
728x90

  • 폴더를 만들고 이미지를 드래그하여 폴더 아래에 넣어주었다. 

  • img 태그는 src 와 alt 를 속성으로 갖는데, 닫는 태그가 없는 태그인 것을 볼 수 있다. 

  • 상위 폴더로 올라가는 표현은 ../ 이다. 
  • 절대경로는 / 로 시작하는데, 변함이 없기 때문이다. 
  • 여기서 말하는 / 는 루트로 최상위 경로를 의미한다. 
  • 우리 프로젝트에서는 my-project 가 최상위 폴더가 된다. 
  • 이게 무슨 말이냐면 원래 c 드라이브가 최상위 폴더이거나 하는데, 

  • 이와 같이 VSC 에서 작업을 할때 최상위 폴더는 내가 가져온 폴더가 되는 것이다. 
  • 그래서 위의 그림과 같은 경우에는 VS-WORKSPACE 가 최상위 폴더가 된다. 
  • 아무튼 핵심은, 최상위 루트를 표시하는 / 를 생략할 수는 없다는 것이다. 
  • 그런데, 알아둬야 하는 점이 하나 있다.
  • 절대 경로는 잘 작동을 하지 않는다는 것이다. 
  • 내 컴퓨터에서는 잘 작동하는 파일들이 다른 컴퓨터, 서버에서는 작동하지 않을 것이 분명하다. 
  • 그래서 상대경로를 더 잘 사용해야 한다. 
  • 즉, 배포를 하게 되면 절대 경로로 프로그램을 개발하면 오류 가능성이 매우 높다