기록하고 싶은 것들

인공지능 회의록 MiniMinute 👩‍👩‍👧‍👦 팀 구성 총 4명이 함께 진행 (AI+Backend1, Backend 1, Frontend 2) 🕐 프로젝트 기간 *2022.03 ~ 2022.06 (*Frontend 개발) 🔗 Link https://github.com/yunhwan98/MiniMinute ✍️ 요약 Miniminute은? 참가자들의 회의 내용을 대화 형식으로 저장하고 텍스트와 음성을 기반을 한 감성 인식을 통해 참가자에게 피드백을 제시하는 감정인식 AI회의록 ✏ 논리 구성도 🏛 아키텍쳐 🛠️ 사용 기술 및 라이브러리 Fontend: React Backend: Django DB: MariaDB AI: AWS Transcribe, Pytorch, Tensorflow 💻 담당 역할 및 기능..

회의록 내용을 불러오는도중 가끔 회의록 내용이 불러와 지지않고 하얀화면이 떴다. console을 확인해보니 Uncaught TypeError: nameList.filter is not a function 라는 에러가 떴다. {dialogue.map(dialogue => {nameList.filter(data => data.speaker_seq===dialogue.speaker_seq).map(data => {openCtxtProf(e); setSpkSeq(dialogue.speaker_seq)}}> '나'로 지정하기 {setNameModal(dialogue.vr_id); setSpkSeq(dialogue.speaker_seq);}}> setNameModal()}> 참가자 이름 변경 참가자 이름 setNa..

감정인식의 결과를 나타내는 그래프를 나타내야 한다. 회의록별 부정적인 발언과 말의 빠르기를 나타내어 변화 추이를 알 수 있게 하려고 한다. npm 설치 > npm install apexcharts > npm install react-apexcharts import 하기 import ApexChart from 'react-apexcharts' //데이터 설정 const series = [{ name: "공격&혐오 발언", data: [10, 41, 35, 51, 49] }, { name: "발화 속도", data: [1, 4, 15, 41, 69] }]; const options= { chart: { height: 350, type: 'line', zoom: { enabled: false } }, data..

stt의 결과를 받아와서 대화 형태로 나열하였다. 이 과정에서 대화 마다 modal을 달았는데 modal의 배경이 검은색이 되버렸다. 대화 하나의 모달을 실행해도 나머지 모달도 같이 실행되서 나타나기 때문이다. setShowBm(true)}>북마크 setDialModal(true)}>대화 수정 setDialModal(false)}> 대화 수정 변경할 내용을 입력해주세요 setDial(e.target.value)}> changeDial(e, vrSeq)} > 저장 대화별로 모달을 조작하는 변수를 두려고 하였다. 하지만 그렇게되면 setDialModal1, setDialModal2, setDialModal3 처럼 많은 변수를 만들어야되고 대화의 개수만큼 만들어야 하기 때문에 복잡하고 지저분해진다고 생각되었다..

음성인식결과를 받아와야하는데 받아오지 못하고 있음 Insomnia에서는 파일을 업로드 한 후 stt로 변환 변환된 stt 받아오기는 잘됌 프론트단(리액트) 에서 통신 시에는 stt로 변환 단계에서 문제가 생김 예상은 1. S3에 대한 접근 설정을 리액트에서도 해야됌 2. stt 변환 단계에서 시간이 걸려서(약 30초) 오류 발생 두 가지 방향을 가지고 오류를 수정해야겠다. console에서 오류에 대해 알아보던 중 param관련한 오류라는 것을 발견했다. 기존의 pNum 부분이 str 형태였기 때문에 오류가 발생해서 int 형식으로 변환하니 통신이 가능해졌다. const voice_recog = async() => {//stt 호출 console.log("stt 호출"); url.post(`/voice/..