로컬에서 카카오톨 restapi 테스트시 크로스 도메인 문제

REST API
#1

로그인버튼을 누른뒤 → 토큰을 받아서 그토큰을 이용해서 send버튼을 눌렀을때 나에게 메시지 보내기를 이용할려고 하는데요
localhost에서 카카오restapi 도메인을 호출해서 문제인거 같은데 (크로스도메인 문제 ) 이럴때는 어떻게 해결해야하나요??

‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:3000’ is therefore not allowed access. The response had HTTP status code 400.

해당 소스는 아래와 같습니다.
$(’#send’).click(function(){

                   $.ajax({
                       url:'https://kapi.kakao.com/v1/api/talk/memo/send',
                       type:'post',
                       data:{'template_id' :'4024',' Header': 'Authorization: Bearer '+sTocken},
                       success:function(data){
                           $('#time').text(data);
                       }
                   })
          })
#2

혹시 아래 처럼 수정 하면되는건가요???
검색해서 시도는 해봤는데 403이 뜨네요

$.ajaxPrefilter(‘json’, function(options, orig, jqXHR) {
return ‘jsonp’;
});

                        $.ajax({
                       headers: { 'Access-Control-Allow-Origin': '*' , 'Access-Control-Allow-Methods': 'GET, PUT, POST, DELETE, OPTIONS', 'Access-Control-Allow-Headers': 'Content-Type, Content-Range, Content-Disposition, Content-Description'},
                       dataType: "json",
                       crossDomain: true,
                       url:'https://kapi.kakao.com/v1/api/talk/memo/send',
                       type:'post',
                       data:{'template_id' :'4024',' Header': 'Authorization: Bearer '+sTocken},
                       success:function(data){
                           $('#time').text(data);
                       }
                   })
#3

REST API는 크로스도메인 요청을 허용하고 있지 않기 때문에 ajax로 직접 요청을 할 수 없습니다.

아래 2가지 방법 중 한 가지 방법을 선택해서 사용하실 수 있습니다.

  1. REST API를 사용하고 Server to Server로 요청
  2. javascript sdk 사용
1개의 좋아요