일기장 아 분명 깃헙으로 html파일 업로드하고 이미지 나타나게 수정했는데

다시 새로고침하니까 안나옴 ㅅㅂ

 

이미지파일명이 1.jpg면

 

테그를 < img src="/1.jpg" > 이렇게 하면 되는거 아님미까?!ㅜㅠㅜㅠㅜㅠㅜ

댓글 6

이치너굴 작성자 2020.12.06. 00:57
 서리라
코딩할때 원래그냥 내 디렉토리 내부에 있을때는
파일 위치까지 주소를 쭉 적어서 src="파일주소\파일명.jpg" 이렇게 해서 코딩했었는데

이걸 깃헙으로 이미지파일이랑 함께 업로드를 했더니 이미지 파일이 로드가 안되더라구요.

그래서 소스위치가 잘못 코딩 된건가.. 싶어서 src="파일명.jpg" 으로 수정했더니
잠깐 뜨더니 새로고침하니까 다시 파일 로드가 안댐..

src="/파일명.jpg" , src="\파일명.jpg" 이거 둘다 안되고 헣...
댓글
서리라 2020.12.06. 01:01
 이치너굴
우선 공부해야 할 키워드는 "절대 경로, 상대 경로"고
목적: html이 위치한 프로젝트내에 이미지 파일이 있고, 이 이미지를 html에서 접근해서 표현하고 싶다.
가정 - 1. 디렉토리 구조)
---
project folder
----ㄴ main.html
----ㄴ image.jpg
---
> img src = "./image.jpg"
가정 - 2. 디렉토리 구조)
---
project folder
----ㄴ html folder
--------ㄴ main.html
----ㄴ image.jpg
---
> img src = "../image.jpg"
댓글
서리라 2020.12.06. 01:05
 이치너굴
그리고 F12로 관리자 콘솔을 열어서 HTML 엘리먼트 구조가 제대로 반영되었는지 확인해보세여.
만약 서버에서 서빙하는 형태로 HTML을 내리고 있다면 캐시되서 이전의 소스가 반영이 안되었을 수도 잇읍니다. 그럴땐 브라우저의 강력 새로고침을 해보세요.
댓글
Hamsy 2021.01.12. 04:11
저도 웹프로그래밍 공부 시작해보려 하는데.. 어떻게 공부하세요??
댓글
이치너굴 작성자 2021.01.12. 08:02
 Hamsy
저는 인강 끊었는데
그렇게하지마시고
유튜브 찾아보면 괜찮은 강의가 많아요!

생활코딩이라는분 강의 일단 추천드리고
좀 기초 위주긴한데 설명은 확실합니다 ㅇㅇㅇㅇ
댓글
권한이 없습니다. 로그인

신고

"님의 댓글"

이 댓글을 신고 하시겠습니까?

삭제

"님의 댓글"

이 댓글을 삭제하시겠습니까?

분류 제목 글쓴이 날짜 조회 수
공지 [공지] 츄르내역_240102 19 조유리 3076 12
공지 [공지] 공지사항_220412 30 조유리 6539 64
일기장
이미지
Sso! 31 1
일기장
기본
메르시장인 51 7
일기장
기본
메르시장인 60 7
일기장
기본
메르시장인 82 14
일기장
기본
메르시장인 59 9
일기장
기본
메르시장인 55 5
일기장
기본
메르시장인 41 5
일기장
기본
메르시장인 44 8
일기장
기본
메르시장인 69 11
일기장
기본
메르시장인 64 8
일기장
기본
철이두개면두철 28 3
일기장
기본
메르시장인 46 8
일기장
이미지
♥무케♥ 35 3
일기장
이미지
구내염에는알보칠 158 5
일기장
기본
메르시장인 63 9
일기장
기본
메르시장인 58 8
일기장
이미지
정진솔 31 3
일기장
이미지
정진솔 64 7
일기장
기본
육상천재방예나 62 5
일기장
기본
메르시장인 80 10