Loading...
2023. 5. 14. 03:07

frontend(vue.js)에서 FastAPI로 타입이 여러개 담긴 Formdata 보내기

1. formdata로 FastAPI에 값 보내기 formdata로 파일만 보내는 경우가 있지만, 때로는 formdata로 파일도 보내고 싶고 string이나 integer 등등 단순 데이터도 같이 보내고 싶을 수 있다 //vue.js async stopSoundToKeyword () { this.isLoading = true this.isRecording = false this.mediaRecorder.stop() this.mediaRecorder.onstop = (event) => { const blob = new Blob(this.audioArray, {type: 'audio/mp3'}) this.audioArray.splice(0) const formData = new FormData() form..

2023. 5. 3. 02:31

front에서 데이터를 제대로 보냈는데 fastapi에서 422 unprocessable entity 에러 나는 경우

1. 422 unprocessable entity front에서 axios로 back(fastapi)으로 데이터 요청을 보낼때, 볼 수 있는 에러 vue.js에서 title과 keyword를 text로 입력받고.. //vue.js 자동 작성 //중간 생략 async createAIReview () { axios .post(`http://127.0.0.1:8000/reviews/gpt`, { title: this.form.title, keyword: this.form.keyword, writer: this.form.writer, char: this.form.char }) .then(result => { console.log(result) this.form.content = result.review this..

2023. 1. 31. 00:38

react & node.js 개발 -get요청으로 서버에 데이터 보내는 방법

get요청으로 단순히 다음과 같이 데이터를 보내면.. 서버가 데이터를 받지 못한다 //client const data = {id:state}; const response = await axios.get('/get/one',data) 서버에서 다음과 같이 data를 받아본다면... //server.js app.get('/get/one', (req,res) => { console.log(req.body) }) data를 받을 것으로 기대되는데 실제로 아무것도 찍히지 않는다 get요청으로 데이터를 보낼때는, get요청이 post와는 다르게 주소창을 통해서 데이터를 보내기 때문에 params라는 옵션으로 다음과 같이 데이터를 보내줘야한다고 한다 //client const response = await axios..

2023. 1. 19. 21:51

node.js 프로그래밍에서 axios 504에러날때 시도할부분

axios로 서버 get 요청 보내고싶은데 이렇게 504 에러 났을때, 여러가지 원인이 있다고는 하는데 proxy를 여러개 설정해서 충돌난건 아닌지 확인해본다 현재 설정이 localhost:8080으로 /api proxy가 설정되어있는데 공부한거 따라하다보니까... proxy를 localhost:3001로 설정했었단말이지 그래서 충돌나서 에러가 나나봐 localhost:8080을 proxy에서 지우니까 대충 해결은 된다 proxy가 뭔지 좀 봐야겠는데.. 언젠가 보겠지

2023. 1. 18. 01:17

react와 express 서버연동 익히기 3편 -mysql DB연동-

1. MySQL 설치 반드시 mysql msi installer를 다운받아 설치 mysql workbench를 옵션으로 다운받아야 편하다 설정은 찾아보면 나오니 생략하고 https://qa-testing.tistory.com/413 [데이터베이스 이론] MySQL 설치(Window 버전) 목차 MySQL 설치(Windows 사용자) MySQL을 컴퓨터에 설치해보겠습니다. MySQL에는 여러 가지 버전이 있습니다. 우리는 이 중에서도 무료로 사용할 수 있는 Community 버전의 MySQL을 설치할 겁니다. 아래 내 qa-testing.tistory.com 2. database 확인 mysql workbench로 들어가서 database 들어가준다. database - connect to database..

2023. 1. 18. 01:15

react와 express 서버연동 익히기 2편 -express 서버와 react 클라이언트 연동-

1. 서버와 클라이언트 연동 서버와 클라이언트 연동을 위해 Webpack을 기본적으로 사용함 Webpack은 의존 관계에 있는 모듈들을 하나의 자바스크립트 파일로 만들어주는 역할 npm run eject 실행 y를 누르고 계속 진행 만약 다음과 같이 "Remove untracked files, stash or commit any changes, and try again" 에러가 난다면.. 전체 commit후에 다시 진행 성공적으로 수행했다면, config와 scripts 폴더가 나온다 그리고 webpack.config.dev.js 파일을 찾아서 코드를 수정 혹시나 없다면.. 인터넷에서 찾아봐서 다운받기 그리고 plugins:를 검색해서, 바로 위에 다음과 같이 devServer~ 코드 추가 클라이언트가 ..