기록
article thumbnail
Published 2023. 2. 16. 17:32
CORS 에러 팁 기타
728x90

 

리액트로 매칭 페이지를 개발하면서

닉네임을 입력하면 티어와 모스트 챔피언을 가져오는 것을 만들려고 했다.

1. RIOT API 이용 

2. axios 라이브러리 이용

 

그런데 리액트는 클라이언트 페이지여서 CORS 오류가 생겼다.

라이엇에서는 클라이언트에서의 호출을 막고있다고 했다. 서버에서 호출하라고 한다.

 

서버를 만들어서 서버에서 라이엇 API를 호출 하도록 하자.

nodejs를 통해서 API를 구축했고,

 

클라이언트에서는 내가 구축한 API를 통해 정보를 가져올 수 있었다.

 

 

1. 서버 API 호출하면 JSON으로 반환하도록 했고

2. 클라이언트에서는 API를 이런식으로 가져왔다.

 

 


롤 API 페이지 

https://developer.riotgames.com/

profile

기록

@데굴데구르르 림

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!

2025, 이제 사내 컨플루언스에 모두 작성하게 되어서 업데이트가 잘 없을 것 같습니다..