인프런 커뮤니티 질문&답변
작성한 질문수
섹션7 - 7 프로젝트 적용하기
해결된 질문
작성
·
16
0
🚨질문 작성법 및 안내사항
질문 작성법
- 몇 섹션의 어떠한 강의에 대한 질문인지 작성해주세요. (ex. 섹션2 조건문에 대한 질문)
- 질문은 최대한 구체적으로 작성해주세요.
- 비슷한 질문이 올라와있는지 확인해주세요.
- 코드가 포함된 질문은 아래와 같이 코드블록을 사용해주세요.
body {
margin: 0 auto;
width: 100%;
font-family: 'Hi Melody';
background-image: url("https://source.unsplash.com/user/hanjw3288/likes");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
/* color: white; */
/* overflow: hidden; */
}
강사님 안녕하세요!
마지막 프로젝트 적용하기 전에 background-image 적용할때 unsplash가 적용이 안되는데 어떻게 해결해야 할까요..? 저 url 타고 들어가면 404페이지가 뜹니다..
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
정우님, Unsplash에서 제공하는 이미지가 404 페이지로 연결되고 있다면, 해당 이미지 URL이 잘못되었거나 삭제되었을 가능성이 있습니다. Unsplash는 사용자가 업로드한 수많은 이미지를 제공하므로, 원하시는 이미지를 다시 검색하여 새로운 링크를 복사해 보시는 것이 좋습니다.
해결 방법 안내
새로운 URL 확보: Unsplash 웹사이트에 접속하여 원하는 이미지를 검색한 후, 해당 이미지의 공유 URL을 다시 복사하여 사용하세요. Unsplash는 이미지 라이브러리가 매우 방대하여 유사한 이미지를 쉽게 찾을 수 있으실 것입니다.
백업 이미지 사용: 만약 훨씬 더 간단한 방법을 원하신다면 일시적으로 다른 사이트에서 제공하는 이미지를 사용하시거나, 직접 촬영한 이미지를 서버에 업로드하여 경로를 지정할 수 있습니다.
CORS 문제 확인: URL이 정확한데도 불구하고 이미지가 표시되지 않는다면, CORS(Cross-Origin Resource Sharing) 정책에 의해 차단될 가능성도 있습니다. 이 경우, 해당 이미지를 로컬에 저장하고 다른 경로에서 접근하는 방법도 고려해 볼 수 있습니다.
관련하여 비슷한 질문이 있거나 다른 해결책을 원하신다면 아래의 게시물도 확인해 보실 수 있습니다.
- 코딩환경설정 강의 중에서 질문입니다: 설정과 관련된 문제를 해결하는 데 도움이 될 수 있습니다.
제가 제공한 정보를 바탕으로 문제 해결에 도움이 되셨으면 좋겠습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.