[TOY 1] - 라이엇 API를 사용해서 롤 전적 사이트를 만들어보자

Marcus·2018년 12월 17일
14

MARCUS.GG

목록 보기
1/2
post-thumbnail

안녕하세요 Marcus입니다. 다름이 아니라 현재 이 포스팅은 1년전 포스팅이며
현재 다른 버전으로 개발중에있습니다.

이 포스팅은 시간이 오래 지나서 100%참고시 버그를 유발할 수 있으므로 어느정도의 참고만 하시면 도움이 될 것 같습니다.

만약에 롤 전적검색 사이트에 관심이 있으시다면 현재 개발중인 버전을 참고 하시는게 더욱 도움이 될거에요!
https://github.com/Jogeonsang/Marcus.gg

이 작업내용은 최대한 빠르게 개발한 후 따로 포스팅을 진행하겠습니다.


안녕하세요 스타트업에서 프론트엔드 개발자로 일하고있는 Marcus입니다.

매번 퇴근하고 토이 프로젝트를 진행중에있는데
이번에 진행하려는 토이프로젝트는 라이엇에서 제공하는 API를 활용해서
OP.GG와 같은 사이트를 만들어보려고 합니다.
UI는 각종 게임 전적 사이트로 유명한 OP.GG를 클론 코딩할 계획입니다.

먼저 RIOT API를 사용하려면 롤에 API 신청을 해서 KEY값을 받아야합니다.
한번 진행해볼까요?

아래 보이는 URL로 접속해 로그인을 해주세요!
https://developer.riotgames.com/

다음으로 아래 사진에 보이는 우측 하단에 빨간색 버튼인
REGISTER PROJECT을 눌러주세요
스크린샷 2018-12-17 오후 10.27.21.png

다음으로 아래 사진에 보이는 개인용 어플리케이션(PERSONAL APPLICATION)을 눌러주세요
스크린샷 2018-12-17 오후 10.29.26.png

그럼 아래와 같은 폼에 문서가 나오는데요
프로젝트에 대한 설명을 하는 2번은 굉장히 중요합니다.
해당 지문을 제대로 작성하지 않으면 RIOT에서 API 승인을 내주지 않기 때문에 신경써서 적어야합니다.

아래 사진을 첨부해뒀으니 제가 작성한 설명을 참고하시면 좋을 것 같아요!
(영알못이라 틀린 문법이 많으니 너그럽게 봐주세요 ㅠㅠ)
스크린샷 2018-12-17 오후 10.32.17.png

스크린샷 2018-12-16 오후 4.48.46.png

모든 지문을 작성하고 SUBMIT 버튼을 클릭하시면 성공적으로 API 신청을 진행하실 수 있습니다.

아래 사진을 보시면 Status에 Pending이라는 표시가 되어있습니다.

현재 승인 검사중인 뜻으로 승인까지 1주일에 시간이 걸리니 기다려봅시다:)
스크린샷 2018-12-17 오후 10.34.55.png

오늘 1편은 라이엇 API를 사용하기 위해 작성해야하는 신청서에 대한 얘기를 다뤘습니다.

다음 2편에서는 승인이 되기 전에 사용하는 기술 스택을 소개하고
실제로 사용할 페이지를 구현하는 작업을 진행하겠습니다:)


write by Marcus

profile
개발을 사랑합니다 :)MarketDesigners - Front-End Engineer

3개의 댓글

comment-user-thumbnail
2018년 12월 17일

오... 재밌는거 만드시네요~ 기대 됩니다~

1개의 답글
comment-user-thumbnail
2018년 12월 18일

오,.. 흥미롭고 재미있네여~ 기대하겠습니다!

답글 달기