목록2025/03/12 (1)

보급형 개발자의 웹개발 노트

클로드 AI를 이용해 만들어 본 이미지 번역 브라우저 확장앱

최근 AI 툴들을 써보면서 아예 처음부터 만들어 볼 수 있을까? 싶어서 클로드를 이용해 만들어보기로 했다. 위의 이미지처럼 처음에는 그냥 브라우저 확장앱을 만들어보고 싶었다.그래서 프롬프트도 자세하게 지정하지 않고 그냥 생각나는대로 적어보았다.그랬더니 google vision과 traslation API를 이용하는 확장앱을 간단하게 만들어주었다. 그리고 몇 번의 에러 수정과 개선을 통해 그럭저럭 만족할 만한 앱이 만들어졌다.여기서 내가 한 것이라고는 클로드에 프롬프트를 주고 구글에서 API를 키를 받아온 것 밖에는 없다. 위는 UI를 조금 개선하고 원본 텍스트도 나오게끔 수정한 버전이다.이미지에 마우스를 갖다대기만 하면 팝업창이 떠서 실시간으로 번역해준다.영어, 일본어 상관없다.심지어 한글도 원본 그..
바이브코딩 2025. 3. 12. 00:07
이전 Prev 1 Next 다음