Rest api cors 에러?

JavaScript
#1

번역기 기능을 자바스크립트에서 REST API 를 활용하여 구현하려고 하는중입니다…

Access to fetch at ‘https://kapi.kakao.com/v1/translation/translate?src_lang=kr&target_lang=en&query=안녕’ from origin ‘https://localhost:8043’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.

다음과같은 에러가 발생하는데… 뭐가 잘못된것일까요?

자바스크립트 소스는 아래와 같습니다…

$("#transBtnSave").click(function(){
fetch(“https://kapi.kakao.com/v1/translation/translate?src_lang=kr&target_lang=en&query=안녕”, {
method: ‘GET’,
headers: {
‘Authorization’:’“KakaoAK d3e90042fa38b33a312904df8e07xxx”’,
‘Content-Type’: ‘application/x-www-form-urlencoded’
}
}).then(function(response) {
// Code …
});
});

#2

JAVA Script SDK 를 써야한다는 정보까진 찾았습니다…

Kakao.init(‘776fd3f67e47f56ac04862b55186c98e’);
Kakao.isInitialized();
Kakao.API.request({
url: ‘/v1/translation/translate’,
success: function(response) {
console.log(response);
},
fail: function(error) {
console.log(error);
},
});

missing required keys: query,src_lang,target_lang

파라미터들은 어떤형태로 보내야하나요?

#3

아래와 같이 호출하실 수 있습니다.

Kakao.API.request({
  url: '/v1/translation/translate',
  data: {
    query: '지난해 3월 오픈한 카카오톡 주문하기는 현재까지 약 250만명의 회원을 확보했으며, 주문 가능한 프랜차이즈 브랜드는 38개, 가맹점수는 약 1만 5천여곳에 달한다.',
    src_lang: 'kr',
    target_lang: 'en'  
  },
  success: function() {}
  ...
});

참고) 지원언어: https://developers.kakao.com/docs/latest/ko/translate/common#language