스파르타 (React_6기) 본캠프

2024. 10. 07. (개별프로젝트 - LOL)

cha123hein 2024. 10. 8. 06:53

1.  문제점

- 라이엇에서 api key를 가져오는데 api 호출에 실패하면서 계속 404 오류가 발생하였다.

찾아보니 api 호출 실패하는 원인으로 아래와 같은 원인이 있다고 한다.

  • 잘못된 API URL
  • CORS 정책에 의한 차단
  • 네트워크 문제
  • API 서버의 응답 문제 (예: 서버 다운)
  • 잘못된 요청 형식

2. 해결방안

1) 우선 라이엇 api key를 24시간만 쓸 수 있기 때문에 새로 발급 받아보았으나, 해결되지않았다.

2) API URL이 잘못되었는지 확인을 해보았는데, 알고보니 잘못된 경로로 api 호출을 하고 있었다.

3. 수정된 코드

export async function fetchItemList(): Promise<Item[]> {
    const apiUrl = 'https://ddragon.leagueoflegends.com/cdn/12.18.1/data/en_US/item.json';

    try {
        const response = await fetch(apiUrl);

        if (!response.ok) {
            const errorText = await response.text();
            throw new Error(`API 호출 실패: ${response.status} - ${errorText}`);
        }