inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Những bước đầu tiên với JavaScript dành cho Web Frontend

랜덤이미지

Đã giải quyết

60

gangsugi

71 câu hỏi đã được viết

0

강의를 완강하고 복습하려고 다시 해봤는데요,

강의내에 있는 unspalsh 의 랜덤이미지가 없어진거 같아서요.

비슷한 기능으로 다른거로 대체할수 있는게 있을까요...???

javascript dom

Câu trả lời 2

0

hyobin

안녕하세요 🙂 질문 감사합니다..

해당 영상의 '수업 노트'에서도 말씀드렸듯이, unsplash에서 제공하는 api가 삭제되어 더 이상 사용할 수 없게 되었습니다. 따라서 원하시는 이미지의 주소를 복사해서 사용해주시면 예쁜 배경으로 사용하실 수 있을 것 같습니다. 감사합니다 :)

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. gangsugi님.

랜덤 이미지를 불러오는 방법으로 Unsplash 외에도 사용할 수 있는 대체 서비스가 몇 가지 있습니다. 대표적인 것으로는 다음과 같습니다:

  1. Pexels:
    Pexels는 무료 사진과 영상을 제공하며, API를 통해 다양한 랜덤 이미지를 불러올 수 있습니다. Pexels API를 사용하여 무료로 고품질의 이미지를 가져올 수 있습니다.

  2. Lorem Picsum:
    Lorem Picsum은 간단하면서도 다양한 랜덤 이미지를 제공합니다. 사용법이 매우 간단하여 URL만으로 랜덤 이미지를 가져올 수 있어 사용에 용이합니다.

    <img src="https://picsum.photos/200" alt="Random Image">
    

    위의 예시에서 https://picsum.photos/200은 200x200 크기의 랜덤 이미지를 제공하는 URL입니다.

  3. Placeholder.com:
    Placeholder.com은 단순한 높이와 너비로 변동 가능한 이미지를 제공합니다. 이에 색상이나 텍스트 등을 추가하여, 샘플 레이아웃을 빠르게 구축할 수 있습니다.

위의 서비스들은 사용법이 간편하고 다양한 이미지 옵션을 제공하여, 프로젝트에 필요한 랜덤 이미지를 제공해 줄 것입니다. 각 서비스의 API 문서를 참고하여 보다 세부적인 커스터마이즈도 가능하니 참고하시기 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

브라우져 호환성 문의

0

67

2

4-23 Promise객체 12:05 코드 질문

0

60

2

<div class="bookmark-item-add-btn"> 질문

0

58

2

"6. 1. (최신 버전) 자바스크립트 코딩 환경 설정"의 화면이 정상적으로 출력되지 않습니다

1

72

2

북마크바 디폴트가 "북마크 열기"로 뜹니다.

1

130

1

홈페이지 이미지 추가 방법 문의드립니다!

0

115

2

북마크 추가 버튼 활성화 오류 문의드립니다!

0

113

1

북마크바 배치 문의드립니다!

0

114

2

명언 설정하는데 위치설정 오류가 있어요!

0

143

2

4:45 부터 무한로딩되어 재생이 안됩니다ㅠ

1

105

1

BigInt Type 에 대하여

0

87

1

계속 헷갈리네요. 이게 맞나요?

1

149

2

섹션 7 - 7 프로젝트 적용하기

1

121

2

섹션7 - 7 프로젝트 적용하기

0

88

1

섹션7-4 api사용해서 명언 설정하기

0

135

2

6분 53초 질문입니당

1

119

2

왜 전부다 div태그로 만드는지 궁금합니다.

1

232

2

[수업질문] bookmark.js에서

0

130

2

최종 프로젝트 적용

0

181

2

append&appendChild+메소드 호출

1

138

1

코드샌드박스 업데이트

0

168

2

async pending상태의 promise객체

1

151

2

화면이 다릅니다.

1

178

1

extensions 질문

1

1296

1