JS를 통한 API 작업 중 오류..

Question

안녕하세요.현재 환율계산기를 만들고 있는데요.이유를 알 수 없는 오류가 있어서 이렇게 질문올립니다.현재 ExchangeRate-API라는 API를 이용하고 있습니다.https://www.exchangerate-api.com/

현재 달러당 환율

원

해당 API를 이용해서 1달러 당 원화로 환율이 얼마인지 계산하는 코드입니다.해당 ajax가 동작하는 구조는..https://v6.exchangerate-api.com/v6/718bd98ce2ddeba87417536d/latest/USD마지막 /USD가 기준 통화를 의미하고,해당 URL로 생성된 "conversion_rates" 속 통화 코드 key를 통해서 환율을 가져옵니다.let calc1 = resultMini.conversion_rates.KRW; // 1296.8883마지막으로 소수점을 다 버린 후 화면에 출력하는 건데요.let calc2 = Math.round(calc1); // 1297 after1usd2krw.innerText = calc2; // 1297원제가 원하는 기능은1) input 값인 beforeMoney2) 첫번째 selector의 option의 id 값인 beforeCurr3) 두번째 selector의 option의 id 값인 afterCurr 이렇게 세 변수를 사용해서 moneyExchange() 함수를 통해 환율이 계산되는 기능입니다.let moneyUrl = "https://v6.exchangerate-api.com/v6/718bd98ce2ddeba87417536d/latest/" + beforeCurr;그런데 이 부분은 beforeCurr가 잘 들어가고 있습니다.beforeCurr가 USD라면 해당 url이 API 양식에 맞게 작동하고 있습니다.그런데 afterCurr를 넣는 과정에서 자꾸만 실패합니다.중간에 확인을 위해 조센징이다! 를 출력해보았는데 afterCurr == 'KRW'는 잘 확인되는 것 같습니다.하지만 이 afterCurr를 사용해서,let calc1 = result.conversion_rates.afterCurr;를 하면 자꾸만 실패합니다.let calc1 = result.conversion_rates.KRW;라고 쓰면 잘 작동하는데 말이죠..짐작컨대 아마 afterCurr에 변수가 "KRW"이라는 문자열로 담겨있어서 그런 것 같은데..afterCurr에 담긴 KRW를 사용해서 아래 코드가 동작하도록 하는 방법이 없을까요?let calc1 = result.conversion_rates.afterCurr;

NewTypeAsuka · Answer

후.. GPT에게 물어보니 let calc1 = result.conversion_rates[afterCurr]; 이렇게 쓰니 해결된 것 같습니다. fetch.then.then 안에서는 뭔가 달리 써야 하는 것 같군요..

Clickin · Answer

afterCur 가 문자열인데 .으로 연결해서 쓰시면 afterCur라는 이름을 가진 object key를 찾는거니까요배열 표기법으로는 처음부터 문자열로 찾아야해서 KRW라는 키를 찾아왔을거고요타입스크립트 쓰셨으면 아마 명확하게 구분되셨을 듯 하네요

JS를 통한 API 작업 중 오류..

2개의 답변

기술 목록