기록하고 싶은 것들

회의록 내용을 불러오는도중 가끔 회의록 내용이 불러와 지지않고 하얀화면이 떴다. 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/..

Create + Read 기능을 합친 기능 myapp/url.py from django.contrib import admin from django.urls import path, include #include를 import from myapp import views urlpatterns = [#사용자가 들어온 경로 적기 path('',views.index), #view.index로 위임 path('create/',views.create), path('read//', views.read), path('update//', views.update),#update로 위임 path('delete/', views.delete) #delete로 위임 ] view.py from django.shortcuts impor..

delete 버튼은 데이터를 가져오는 것이 아니라 서버의 데이터의 수정함으로 POST방식 사용, 따라서 form 사용 myapp/urls.py from django.contrib import admin from django.urls import path, include #include를 import from myapp import views urlpatterns = [#사용자가 들어온 경로 적기 path('',views.index), #view.index로 위임 path('create/',views.create), path('read//', views.read), path('delete/', views.delete) #delete로 위임 ] view.py from django.shortcuts impor..

사용자 요청을 django가 받음 django는 사용자 요청과 관련된 정보를 분석 create 함수를 django가 호출 사용자의 요청과 관련된 정보들을 객체로 만들어 공급 view.py from django.shortcuts import render, HttpResponse, redirect #redirect 추가 from django.views.decorators.csrf import csrf_exempt #csrf 에러 스킵 nextId = 4 topics = [ {'id':1, 'title':'routing', 'body':'Routing is ..'}, {'id':2, 'title':'view', 'body':'View is ..'}, {'id':3, 'title':'Model', 'body':..

서버에게 정보를 질의 할 때 사용하는 문자열(query string) 위에 두 url은 브라우저가 서버에게 데이터를 GET하는 방식 아래 url창의 url은 브라우저가 서버의 데이터를 변경하려는 방식 주소를 copy시 방문자들이 임의로 추가 위험 따라서 서버의 데이터를 변경할 때는 query string 사용 X POST 사용 view.py from django.shortcuts import render, HttpResponse topics = [ {'id':1, 'title':'routing', 'body':'Routing is ..'}, {'id':2, 'title':'view', 'body':'View is ..'}, {'id':3, 'title':'Model', 'body':'Model is ....

view.js from django.shortcuts import render, HttpResponse topics = [ {'id':1, 'title':'routing', 'body':'Routing is ..'}, {'id':2, 'title':'view', 'body':'View is ..'}, {'id':3, 'title':'Model', 'body':'Model is ..'}, ] def HTMLTemplate(articleTag): #템플릿 생성 함수 만들기 global topics ol = '' for topic in topics: ol += f'{topic["title"]}' return f''' Django {ol} {articleTag} create ''' def index(reques..

view.py from django.shortcuts import render, HttpResponse topics = [ {'id':1, 'title':'routing', 'body':'Routing is ..'}, {'id':2, 'title':'view', 'body':'View is ..'}, {'id':3, 'title':'Model', 'body':'Model is ..'}, ] def HTMLTemplate(articleTag): #템플릿 생성 함수 만들기 global topics ol = '' for topic in topics: ol += f'{topic["title"]}' return f''' Django #Django 클릭시 홈으로 이동 {ol} {articleTag} #article..