업비트 오픈 API를 사용하여 개발시 CORS 문제에 대하여

Question

현재 개인 프로젝트를 개발 중에 업비트의 웹소켓 API와 REST API를 사용해가며 필요한 기능을 구현했습니다.오더북이나 현재가 조회, 마켓 코드 조회와 같은 QUOTATION API를 사용할 때는 문제가 없으나,JWT를 생성해서 헤더에 포함하여 보내는 REST API를 호출할 때 CORS 에러가 발생합니다.해당 문제를 해결하려면 서버를 개발하거나 프록시 서버를 설정하거나 AWS 람다로 서버리스 function을 만들어서 해결해야한다고 나와 람다에서 함수를 구현해봤지만, 다른 오류는 없이 또 CORS 에러만 동일하게 계속 발생했었습니다..코드 상에서 콘솔에 헤더나 페이로드가 제대로 생성되지 않았는지 확인해도 이상없이 다 잘 생성되어 JWT도 발급이 되었고헤더에도 정상적으로 실렸기 때문에 로직에 문제가 있는거 같진 않았습니다.REST API의 '전체 계좌 조회' API를 호출하기 위해 구현한 코드는 다음과 같습니다.import React, { useState, useEffect } from 'react'; import axios from 'axios'; import { v4 as uuidv4 } from 'uuid'; import { Box } from '@mui/system'; import { KJUR } from 'jsrsasign'; export default function RealAccount() { const [account, setAccount] = useState([]); const accessKey = import.meta.env.VITE_UPBIT_OPEN_API_ACCESS_KEY; const secretKey = import.meta.env.VITE_APP_UPBIT_OPEN_API_SECRET_KEY; const payload = { access_key: accessKey, nonce: uuidv4(), }; const header = { alg: 'HS256', typ: 'JWT' }; const sHeader = JSON.stringify(header); const sPayload = JSON.stringify(payload); const sSecret = secretKey; const sJWT = KJUR.jws.JWS.sign('HS256', sHeader, sPayload, sSecret); useEffect(() => { // console.log('토큰 헤더: ', sHeader); // console.log('토큰 페이로드: ', sPayload); // console.log('토큰 시크릿: ', sSecret); // console.log('JWT: ', sJWT); const myAccount = async () => { try { const response = await axios.get('https://api.upbit.com/v1/accounts', { headers: { Authorization: `Bearer ${sJWT}`, }, }); if (response) { console.log(response); setAccount(response); } } catch (error) { console.log(error); } }; myAccount(); }, [sJWT]); return {account}; }그래서 이러한 문제 해결을 위해서 업비트의 오픈 API 부서에 메일을 보냈으나 아직 답신을 받지 못하여 선배 개발자분들께 도움을 구해보고자 합니다... 문제 해결 접근법이 잘못된 걸까요?

더미 · Answer

cors 가 어떤 문제인지 알았다면 이렇게 구현하시지 않았을겁니다.간단히 말해서 프론트엔드에서 직접 호출이 불가능합니다.

kkang01 · Answer

백엔드 서버 없어요?

Henry7 · Answer

사실 로컬에 서버 띄우는게 어렵지 않습니다만, 관련해서 잘 모르면 어려운 것도 맞습니다.

charlatan · Answer

리액트를 쓰면 Next.js를 쓰면 될 것 같은데요

업비트 오픈 API를 사용하여 개발시 CORS 문제에 대하여

4개의 답변

#cors 목록