[react]파파고 API 사용(CORS 에러)

배경

• OPENAI API를 이용하여 기능테스트를 하고 있었습니다. 그러던 중 한글로 입력을 받게 되면 전혀 다른 이미지가 나왔어서, 이럴 때 파파고 API를 통해 언어를 번역해서 저장을 하면 좋을까 해서 기능을 넣기로 했습니다.

사용법

1. 네이버 Open API 신청

   • https://developers.naver.com/products/papago/nmt/nmt.md

2. 계정확인

   • 

3. React에서 사용법

   • 

   => 처음으로 시도한 방법은 npm을 설치하여서 시도해보았습니다. 그러나 계속 에러가 나와서 제대로 하지 못하였습니다.

   import Translator from 'papago'

   제대로 라이브러리를 가져오지 못한 거 같았습니다.

   그리고 계속 구글링 하다가 찾은 방법이 바로 "Axios" 방법입니다.

   

   wooramy/papago.js께서 깃허브에 올려주신 예제를 보고 사용을 했는데, 일단은 코드에서는 에러가 없고 잘 돌아갔습니다, 그러나

   다음 문제로 자꾸
   

   해당 에러가 계속 나와서 구글링해서 확인 해 본 결과

   CORS 에러라는 것이다, 해당 에러는 자세한 내용은 다시한번더 블로그를 통해 알려드리겠습니다.

   한 블로그를 통해 해당에러를 해결했습니다. 해결방벙은 여러가지 있었는데, 그중에 제일 쉬운 방법으로 시도했습니다.

특정인이 만들어 놓은 사이트를 추가만 하면 된다는 것입니다.

처음에는 이거 저거 추가를 해보면서 안됬는데,

위에 있는 주소를

이렇게 추가를 하니까 잘 작동되었습니다.

아직 해야할일이 많지만, 이렇게 하나씩 api 연동에 대해서 공부되는 것 같았습니다.

여기까지입니다!

---

[참고문헌]

• https://gist.github.com/wooramy/c081f171f0227fa9f8a86d590dc30e7f

• https://xiubindev.tistory.com/115