Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
음성인식 드래그앤드롭 투두리스트
#to_do_list
3년 전
1,117
3

안녕하세요.

노마드코더 보고 코딩을 배운 24살 학생입니다. 리액트강의 보고서 재미있어보여서 응용해서 만들어봤습니다. 해당 투두리스트를 만드는데 필요한 React, NodeJS등등의 정보들은 노마드 코더와 구글링만을 이용해서 만들었습니다.

프론트는 React를 사용하였고, React에서 NodeJS로 멀티파트를 이용해 음성 데이터를 전해준 뒤, 해당 데이터를 네이버 Clova API로 전송해 돌아오는 응답을 투두리스트에 넘겨주는 방식을 사용했습니다.

사용 기술 스택 및 API:

React

NodeJS

React Beautiful DND - https://github.com/atlassian/react-beautiful-dnd

Naver Clova API - https://apidocs.ncloud.com/ko/ai-naver/clova_speech_recognition/stt/

해당 프로젝트 깃허브 주소 - https://github.com/xanqus/voiceRrecognitionToDoList

UI작업이랑 음성 데이터 아마존 s3나 azure로 넘겨서 클라이언트에서 사용할 수 있어야하는데 너무 귀찮네요.. 작동하는것까지만 올려놓겠습니다.

해당 링크 들어가시면 영상에 나와있습니다.

재밌게 보셨으면 추천 부탁드릴게요 ㅎㅎ

음성인식 DND ToDoList 

3 comments