[TOY] RIOT API를 이용해서 전적검색 사이트를 만들어보자! 2020Version

Marcus·2020년 2월 26일
2

New MARCUS.GG

목록 보기
1/3

안녕하세요 2019년에 처음으로 작성한 RIOT API로 전적검색 사이트를 만들기 이후로 되돌아보니 코드가 너무 이상해서 다시 만들게 되었습니다!

이번에는 저번 프로젝트와 달리 Front 부분만 작업한게 아닌 Server쪽도 작업을 진행했습니다.

이번 프로젝트에서 사용한 기술은 다음과 같습니다

  • Front
    React + React Hooks + Styled-Component
  • Server
    AWS Lambda + Serverless + Node.js

AWS Lambda와 Serverless를 이용한 이유는 Riot API는 기본적으로 CORS에러가 대응이 안되기 때문에 Server GateWay를 간단하게 만들어주기 위해서 사용했습니다.

먼저 연재될 시리즈에서는 Server쪽 세팅과 Front쪽에 대한 간단한 작업 로그 등을 소개할 예정입니다.

먼저 Server에서는 다음과 같은 API들을 개발할 예정입니다.

Summoner Search API
Summoner League Info API
Summoner GameList API
LeagueOfLegend Items API
LeagueOfLegend Champions API
LeagueOfLegend RecentChampion API

다음으로 Fonrt에서 구현할 Component들입니다.

User Info Component
League Info Component
RecentChampion Component
GameList Component

총 4개의 컴포넌트를 구현할 예정이며

총 5개의 포스팅 시리즈로 연재할 예정입니다.

오늘은 앞으로 연재될 포스팅에 대해서 설명하는 포스팅이였습니다.

적어도 1주일에 2개의 포스팅을 할 예정이며

궁금하신점은 메일이나 댓글 달아주세여!

현재 Github에 올라가있는 Repo입니다.
https://github.com/Jogeonsang/Marcus.gg


write by Marcus

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

2개의 댓글

comment-user-thumbnail
2020년 3월 16일

와 ! 재밌을거 같아요. 저도 저번에 조금 만들어봤었는데 최근 챔피언 통계나 시즌별로 챔피언 통계를 받아오는 api가 있나요? 계속 찾아보다 찾지 못 해서 최근 10게임 정도 전적이랑 랭크 티어, 실시간 게임현황 정도만 구현했었네요 ㅠㅠ

1개의 답글