인프런 커뮤니티 질문&답변
작성한 질문수
<img> 태그 링크 기능에 대한 질문입니다!
해결된 질문
작성
·
252
4
질문1
<img> 태그 src 속성은 웹 페이지가 뜨는 순간 자동으로 링크를 타고 가서 소스를 가지고 오나 보네요? 그런데 개발자들이 html을 간단히 만들어서 실습할 때 저 경로에 웹 URL 경로가 아니라 개발자 컴퓨터의 이미지 파일의 절대 경로or상대 경로를 넣기도 하잖아요? 브라우저는 어떻게 src에 적혀있는 경로가, 해당 컴퓨터에서의 경로인지, 웹을 경유하는 url 상의 경로인지 판단해서 동작할 수 있는 것인가요?
질문2
웹 페이지에 접속해서 이미지 파일이 보인다는 의미가, 웹을 통해서 이미지 파일이 내 컴퓨터로 다운로드 되어졌다는 뜻인가요? 크롬 폴더 어딘가에 웹으로부터 자동 다운로드 된 이미지 파일이 저장되어 있는 건가요?
답변 1
5
안녕하세요. 컴퓨터공부하자 님, 공식 서포터즈 codesweaver 입니다.
1. 이미지의 경로가 내부인지 외부인지는 src의 값을 통해 알 수 있습니다. 가령 "/home/user/img/ttt.png" 같은 형태라면 로컬에 이미지가 존재한다는 의미가 됩니다. 그러나 "http://img.inflearn.com/ttt.png" 같은 형태로 작성하게 되면 이는 외부에 존재한다는 의미가 됩니다.
2. 네 브라우저는 웹을 통해 응답받은 데이터들을 캐싱합니다. 이 캐싱은 결국 하드웨어 어딘가에 이 응답값들을 저장한다는 뜻입니다. 응답받은 HTTP헤더에 어떤 캐시 전략이 기재되어있는가, 그리고 브라우저 자체의 캐시 전략과 퇴거(eviction)전략에 따라 이 캐시 크기가 무한정 늘어나지 않도록 적절하게 관리합니다.
캐시와 퇴거에 관한 자세한 내용은 아래의 링크를 참조해주시기 바랍니다.
https://developer.mozilla.org/ko/docs/Web/HTTP/Caching
감사합니다.