개발자

HTML이미지가 안 떠요..

2023년 08월 30일조회 252

제가 유데미 생활코딩 web기초#2 를 듣고 VS code 에서 HTML로 웹 사이트(?) 를 만들었는데요 여기에 제가 카톡에서 가져온 이미지(jpg)를 링크를 걸어서 웹 페이지를 만들어서 GitHub에 올려서 링크를 받았는데 그 링크를 통해서 들어가면 이미지가 안나와요...ㅠ^ㅠ 도와주세요

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 1

인기 답변

강서지님의 프로필 사진

안녕하세요! 웹 페이지 제작 시 이미지 때문에 고민 중이신 것 같네요. 여러 가지 가능성이 있을 수 있어요. 혹시 외부에서 가져온 이미지 파일 주소를 그대로 쓰시는 중이라면 이미지를 제공하는 서버에서 애초부터 외부 사용을 막아 놓아서 나오지 않는 경우일 수 있습니다. 이런 경우라면 현재 웹 페이지가 올라가 있는 Github 레포지터리에 이미지를 직접 업로드하고, 그 주소를 불러다 쓰는 방법을 쓰면 될 것 같습니다. 레포지터리에 이미지가 등록되어 있는 상태인데도 나오지 않는 거라면, 단순히 경로 지정을 잘못한 것일 수도 있어요. 본인이 설정한 상대경로 혹은 절대경로가 정상적으로 되어 있는지 체크해 보시면 좋을 듯 합니다. 참고로 저는 예전에 대소문자 구분 때문에 이미지를 불러오지 못했던 적도 있었어요. 그것도 아니라면 개발자도구에서 다른 에러가 뜨는 것은 아닌지도 한 번 확인해보세요. 개발자도구에서 에러에 관한 많은 정보를 얻을 수 있습니다. 특히 초반에는 cors 에러를 많이 접하게 되는데, 어쩌면 그것 관련한 문제일지도 모르겠네요. 이러고도 해결이 되지 않는다면 현재 제작 중인 페이지의 깃허브 레포지터리를 직접 올려서 질문해 보시는 것도 한 가지 방법일 것 같습니다. 사실 저도 질문글만으로는 명확하게 어떤 상황인지 잘 모르겠더라고요. 어차피 깃허브로 웹 페이지를 만드셨다면 레포지터리도 퍼블릭으로 설정하셨을테니, 주변에 물어보시면 더욱 명확한 답변을 들으실 수 있을 것 같아요.

현명님의 프로필 사진

현명

작성자

고등학생2023년 08월 31일

정말 감사합니다!! 앞으로도 더욱 정진하겠습니다!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!