랜덤 이미지를 주는 API로 미술관 사이트 만들기

01 다음 사이트에 접속하면 랜덤 이미지 API를 사용하는 설명서가 있습니다. 이 문서는 친절하게도 요청 방식과 응답 결과를 그림으로 보여주기 때문에 처음 접하는 사람도 쉽개 이해할 수 있습니다. 다음 사이트에 접속하여 어떤 구성으로 되어 있는지 살핍니다.

 

Lorem Picsum 홈페이지

https://picsum.photos/

Lorem Picsum

 

02 리모컨처럼 버튼을 누르면 어떤 동작이 실행되는 것처럼 비슷하게 동작할 겁니다. API 설명서를 보면 웹 브라우저에 주소를 입력하는 것처럼 보입니다. 실제로 주소를 입력해보겠습니다. 웹 브라우저에 picsum.photos/300를 입력해 접속합니다. 그러면 가로세로 300인 사각형 형태의 랜덤 이미지가 나타납니다.

 

 

03 이제 커서를 이용하여 실제로 가상의 랜던 사진 전시회 사이트를 만들어보겠습니다. 커서를 열고 빈 폴더를 준비한 다음 이 API를 알려주면서 가상의 사진 전시회처럼 보이는 웹사이트를 만들어보라고 하겠습니다. Lorem Picsum은 한 번 요청에 랜덤 이미지 1장만 주니까, 커서에게 30분 요청해서 30개의 이미지를 받아라고 하면 됩니다.

https://picsum.photos/300과 같이 요청하면 300x300 크기의 랜덤 이미지를 주는 API가 있는데, 이를 이용해서 가상의 사진 전시회처럼 보이는 웹사이트를 만들어봐. 이미지는 30개 정도만 요청해서 보여주면 돼.

 

04 이제 만들어진 사이트를 열어보면 사진 전시회 사이트외 비슷하게 만들어진 것을 확인할 수 있습니다.