Riot API를 이용한 League of Legend 전적검색 사이트

사용 기술

Next.js, Riot API, Json-Server, Redux-toolkit, MariaDB, Node.js, AWS EC2

Next.js를 이용한 SSR로 구성된 사이트로 Next.js의 백엔드 서버를 적극 이용하여 Riot API와 비관계형 db 라이브러리 Json-Server을 통신 사용

추가로 Amazon Web Services EC2를 이용하여 웹 배포를 하였음

간단 설명

• 5가지 정도의 Riot Api를 사용하여 Json 데이터를 내려받아 데이터 정렬 후 사용
• Redux toolkit을 이용해 로그인시의 전역상태를 관리
• 듀오구인 페이지, 회원가입 페이지등 Node.js를 이용하여 mariaDB 관계형 sql에 데이터 저장
• 로그인,회원가입 페이지에서 Naver,Google Oatuh2.0을 추가
• 커뮤니티 페이지 또한 Node.js, mariaDB를 이용하여 데이터 통신

아키텍처

플로우차트