본문 바로가기

전체 글400

지긋지긋해 WebSocket connection 에러가 뭘까아아아 WebSocket connection to 'ws://URL' failed: import React, { useEffect, useRef, useState } from "react"; import io from "socket.io-client"; import Peer from "peerjs"; import Webcam from "react-webcam"; const App = () => { const [myPeerId, setMyPeerId] = useState(""); const [partnerPeerId, setPartnerPeerId] = useState(""); const webcamRef = useRef(null); const peerRef = useRef(null); const partnerV.. 2023. 5. 18.
dialogflow api의 key는 뭘 의미하는 걸까??? / 다사다난 dialogflow api 연결하기 여기서 말하는 key는 구글 클라우드 - 서비스 계정 의 키를 말한다 json 파일로 다운이 받아지는데 이 key를 넣어줘야 하는 것 2023. 5. 17.
dialogflow로 챗봇 구현하기 1. 대화 이어가게 만들기 대화를 이어가게 하려면 Intents -> Add follow-up intent 에서 Custom을 생성하면 된다 2. 키워드 Entity 맵핑하기 Intents 에서 키워드를 드래그하면, 아래와 같이 Entity를 생성할 수 있는 창이 뜬다 (@CourseName은 내가 아까 생성해놓은 엔터티라 뜬 것) 요건 Entities를 추가해준 것 3. follow-custom 내에서 또 follow~ 하면서 이전 데이터 사용하기 #CourseReservation-custom-2-followup.CourseName => 이전 팔로우업에서 사용하던 CourseName이라는 정보를 연계형인 요 인텐트에서 사용하겠다 오른쪽 화면에서 test 안해보고 Integrations 들어가서 Web .. 2023. 5. 16.
버블 솔트 (Bubble sort) 왼쪽과 오른쪽을 비교해서, 오른쪽이 더 크면 swap해주는 방식 파이썬 def bubble_sort(arr): n = len(arr) for i in range(n): for j in range(0, n - i - 1): if arr[j] > arr[j + 1]: arr[j], arr[j + 1] = arr[j + 1], arr[j] return arr bubble_sort([37, 45, 29, 8]) 자바스크립트 function bubbleSort(arr) { // 처음에 i가 4 for (let i = arr.length; i > 0; i--) { // j = 0 , i-1 = 3 // i가 4면 j는 3까지만 반복 => 맨 끝에는 이미 정렬된거니까, 맨 끝의 길이까지 갈 필요가 없어서 for (l.. 2023. 5. 13.
error = Cannot set headers after they are sent to the client 해결하기 내가 하고싶은건 네이버 api에서 통신받아온 데이터를 json타입으로 클라이언트측에 res.send 를 하는거였는데 바로 아래 요넘이 문제였당 res.setHeader("Content-Type", "application/json"); 매우 바보같이 setHeader를 아래에 설정해놨었음 ^_^!!!! res.setHeader("Content-Type", "application/json"); res.send(data); // res.setHeader("Content-Type", "application/json"); 2023. 5. 11.
redux의 reducer와 extrareducer의 차이 갠플젝을 하면서 redux를 사용해서 작업을 하고 있는데 사용자 정보를 전역상태관리를 하려고 slice부분을 만지다보니 궁금한 점이 생겼다 1. reducer와 extrareducer의 차이가 뭘까? reducers와 extraReducers는 Redux Toolkit에서 Redux 슬라이스를 정의할 때 사용되는 두 가지 다른 속성이다. reducers: reducers는 Redux 슬라이스에 대한 '기본적인 리듀서 함수들'을 정의하는 속성이다. reducers 객체는 각각의 리듀서 함수를 특정 액션 유형에 맵핑한다. Redux 슬라이스의 액션 생성자 함수들을 사용하여 생성된 액션 객체가 디스패치되면, reducers에 정의된 해당 액션 유형에 맞는 리듀서 함수가 호출된다. 각 리듀서 함수는 현재 상태(.. 2023. 5. 10.