IT 팁 & 소식

Unsplash API랜덤이미지는 물론 API 공부용으로도 좋은 곳!

DevBabamba 2022. 10. 12. 11:36
반응형

이번에 소개할 팁은 Unsplash API입니다.

사실 이 글을 쓰기전까진 전에 사용하던 랜덤 이미지용 url을 공유해야겠다 싶어 검색 중이었습니다.

 

기존에 쓰던 https://source.unsplash.com/random 에 필요한 이미지나 캡쳐해서 올려야겠다 하고 https://source.unsplash.com 으로 접근하였더니, Unsplash 개발자 페이지로 연동되었습니다.

잠시 당황했지만, 뭔가 싶어 천천히 보았습니다.

그럼 기존 https://source.unsplash.com/random 는 사용 못하는건가 하고 찾아보았더니, deprecated 된다고 합니다;;

(2022.10.12. 현재는 사용 가능합니다!)

그래서 이 Unsplash API에 대해 알아보고 공유하게 되었습니다!


1. Unsplash API?

 

고품질 사진 모음을 이용하여 이미지 검색 및 사용, 이미지 크기 및 자르기 기능 등을 사용할 수 있습니다.

데이터 포멧은 JSON으로 전달하여 주고요.

 

2. 어디에 사용할 수 있을까?

여러 경우에 사용될 수 있겠지만, 떠오르는것은 두가지 였습니다.

- 앱 웹에서 url을 통해 이미지 접근이 필요한 페이지 개발을 할 때

- API 개발 공부를 할 때

 

2.1. 앱 웹에서 url을 통해 이미지 접근이 필요한 페이지 개발

 

앱, 웹 개발시에 테스트용 사진을 구하기 애매할 때가 있습니다.

Pigma나 제플린을 통해 기본적인 이미지를 전달 받지만,

url을 통해 이미지 접근이 필요한 페이지의 경우가 대부분이죠.

 

이때 Unsplash의 랜덤이미지 url 을 이용하면 됩니다. 

https://api.unsplash.com/photos/random/?client_id=unsplash_access_key

이때 access key를 얻기 위해서는 가입 및 개발자 등록이 필요합니다.

 

2.2. API 개발 공부를 할때

 

2.1. 과 겹치는게 아닌가 싶지만 좀 다르다고 생각됐습니다.

단순히 JSON으로 결과값을 전달 받아서가 아닙니다.

제가 처음 앱개발을 공부할 때 header에 access token을 넣고 요청을 하는것, 전달 받은 JSON을 파싱하여 사용하것 등 모든것이 생소하고 어려웠습니다.

그리고 여러 데이터를 받아 앱 화면에 뿌려주는것 등등 공부해볼것은 많은데 실제 프로덕션과의 상황과 유사한 API를 얻기 어려웠습니다.

Unsplash API에서는 이를 단번에 테스트 해볼 수 있죠.

 

3. Unsplash API 사용 방법?

그렇다면, Unsplash API는 어떻게 사용할 수 있을까요?

먼저 가입을 해야합니다.

 

3.1. 회원가입

먼저 https://unsplash.com/developers에서 가입을 해야합니다.

 

 

3.2. application 생성

그리고 애플리케이션을 등록해야합니다.

등록한 애플리케이션을 통해 access key, secret key를 얻을 수 있습니다.

위 사진과 같은 과정을 통해 애플리케이션을 생성했다면, access key, secret key를 얻을 수 있습니다.

그리고 https://api.unsplash.com/photos/random/?client_id=unsplash_access_key 를 이용해서 테스트를 해볼 수 있습니다.


이상 Unsplash API에 대해 알아봤습니다!

간단하게 생각했던 포스팅이 길어 졌네요 😅

다음에 더 좋은 꿀팁을 찾아 공유하겠습니다!

읽어주셔서 감사합니다!

 

반응형