[TIL] 내일배움캠프 React 과정 2024.06.19

오늘의 한 일

• 제주도 착한 가격 업소 소개 사이트 (팀프로젝트)
  • 필터 기능

공공데이터 API 호출 오류2 (SERVICE_KEY_IS_NOT_REGISTERED_ERROR)

문제 해결

• 결국 해결 방법은 encoding, decoding API KEY 중 오류가 나면 다른 KEY를 사용하게 로직을 짜는 것이었다.

예시 코드

//api.js

const jejuStoreUrl = import.meta.env.VITE_API_JEJU_STORE_URL;
const jejuStoreDecodingKey = import.meta.env.VITE_API_JEJU_STORE_DECODING_KEY;
const jejuStoreEncodingKey = import.meta.env.VITE_API_JEJU_STORE_ENCODING_KEY;

export const jejuStoreAPIDecoding = axios.create({
  baseURL: jejuStoreUrl,
  params: { serviceKey: jejuStoreDecodingKey, numOfRows: 11630, pageNo: 2 }
});

export const jejuStoreAPIEncoding = axios.create({
  baseURL: jejuStoreUrl,
  params: { serviceKey: jejuStoreEncodingKey, numOfRows: 11630, pageNo: 2 }
});

//jejuStore.api.js
export async function getJejuStores() {
  const path = '/getGoodPirceStoreList';

  try {
    const response = await jejuStoreAPIEncoding.get(path);
    const responseDataDecoding = response.data?.response?.body.items;
    if (!responseDataDecoding) {
      console.log('encoding key 실패, decoding key 시도');
      try {
        const responseEncoding = await jejuStoreAPIDecoding.get(path);
        const responseDataEncoding = responseEncoding.data?.response?.body.items;
        return responseDataEncoding;
      } catch (encodingError) {
        console.log('encoding key 에러:', encodingError);
        throw encodingError;
      }
    }
    return responseDataDecoding;
  } catch (decodingError) {
    console.log('decoding key 에러 :', decodingError);
  }
}

오늘의 회고