ddoyoi

이 강의는 Riot Games API를 활용하여 React.js와 Node.js를 이용한 '리그 오브 레전드 전적 검색 사이트'를 직접 만들어보는 실습 중심 강의입니다.
수강생은 기본적인 API 사용법부터, 프론트엔드(React.js)와 백엔드(Node.js, Express.js) 연동, 전적 데이터 시각화, 그리고 op.gg 스타일의 UI 구현까지 프로젝트를 단계별로 따라하면서 실습을 통해 자연스럽게 배우게 됩니다.

복잡한 이론보다는 코드 중심으로 '직접 따라 만들기'를 통해 빠르게 결과물을 경험할 수 있습니다.



neneee

React.js + Node.js 롤 전적 검색 사이트 만들기

실습 중심

프로젝트

포트폴리오

This course is a practical, hands-on course where you will build your own 'League of Legends Match History Search Site' using React.js and Node.js, utilizing the Riot Games API.
Students will naturally learn through hands-on practice, following the project step-by-step, covering everything from basic API usage, integration of frontend (React.js) and backend (Node.js, Express.js), to match history data visualization, and implementing op.gg-style UI.

Rather than focusing on complex theories, this course is code-centric, allowing you to quickly experience results by 'building it yourself' through hands-on practice.

입문

초급

중급이상

리액트

React

노드js

Node.js

Portfolio

Clone Coding

Creating a League of Legends Match History Search Site with React.js + Node.js

프로젝트 개요 및 환경 설정

들어가기 전

롤 전적 검색 사이트 만들기! (Node.js) - Riot API 요청하기

롤 전적 검색 사이트 만들기! (React.js) - Node 서버에 요청하기