Transpi

카카오 번역 API를 사용한 번역 웹 애플리케이션

프로젝트 링크

링크

완성된 모습

추가된 기능

• (언어 토글) - 2021-02-16

• (언어 토글 개선) - 2021-02-16 textarea의 값도 함께 변경되도록 개선하였습니다.

• (언어 리스트 한국어 패치) - 2021-02-16

API사용

번역 API의 양식은
`https://dapi.kakao.com/v2/translation/translate?src_lang=${바뀔 언어}&target_lang=${바꿀 언어}&query=${바뀔 언어의 텍스트}`
이렇게 됩니다.

그리고 GET 요청을 할떄 header에는

"key" : "Authorization"
"value" : `KakaoAK ${발급받은 REST API KEY}`
이렇게 요청을 하시면 됩니다.

src_lang , target_lang , query모두 require value이므로 공백이 와서는 안됩니다.

사용 기술 스택

느낀 점

맨날 JsonPlaceholder라는 걸로 fetch연습을 해왔었는데, 이번에 카카오에서 만든 번역API를 사용해보면서, 뭔가 "만든다는" 느낌이 들었다. 그리고 styled-components의 사용법을 어느정도 감을 잡은것 같고, 스타일링에 대한 자신감이 높아졌다.

여기서 멈추지 않고, 카카오의 음성인식 API를 써서, 내가 만든 프로젝트에 도입할 예정이다.

완성도가 높은 느낌이 있어서 굉장히 만족스러운 프로젝트중 하나였다.

타입스크립트가 너무 그리웠다... 특히 API연동할때는 더 그리웠던거 같다. 쓸때는 몰랐는데 너무 타스가 그리웠다.