Loading...
2023. 1. 31. 23:46

react & node.js 개발 - mysql에 배열 데이터 저장하기

여러가지 방법이 있는 것 같은데 성능적으로는 배열 자료형을 문자열로 바꿔서 문자열로 저장하는 방법이 좋은 것 같다 배열이나 객체를 문자열로 바꾸는 방법은 JSON.stringify() 그리고 이렇게 바뀐 문자열을 다시 배열이나 객체로 바꿀려면 JSON.parse()하면 된다 다음과 같이 객체 optionData를 JSON.stringify()로 문자열로 바꿔서 서버에 보내준다 var optionData = { title: title, description: description, data: data.map(x => { return { optionTitle: x.optionTitle, targetUploadType: x.targetUploadType, uploadTargetPath: x.targetUplo..

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..

react & node.js 개발 -static 이용해서 클라이언트에서 서버의 이미지 파일 접근하기-

서버에서 클라이언트로 이미지를 보내는 방법은 여러가지 있는 것 같은데... static을 명시해서 접근하는 방법을 일단 기술 1. static 명시하기 일단 express 서버에서 이미지가 저장된 파일을 static으로 명시해줘야한다 app.use('/images',express.static('./images')); 여기서 app.use(~) 부분에는 api 주소 쓰듯이 ./images 말고 /images라고 써줘야 에러가 없고 express.static(~)에는 상대경로 쓰듯이 './images'라고 써준다 2. 클라이언트에서 접근 그런 다음에 접근하는 하나의 예시로 실제 서버 주소 + 이미지 파일 경로를 img 태그의 src에 넣어주면 접근할 수 있다 3. react public 폴더의 이미지 접근 ..

2023. 1. 24. 00:56

react&node.js 개발 -python-shell이용해서 서버에서 python 프로그램 실행시키기-

1. python-shell 설치 딥러닝 모델같은 파이썬 프로그램을 웹 프로젝트에서 사용하고 싶을때가 있다 node.js에서 파이썬 프로그램을 사용할 수 있는 모듈이 존재하는데 python-shell을 먼저 설치 $npm install python-shell 2. 기본 구조 기본 구조는 다음과 같다 PythonShell.run(파일경로, options, function) const { PythonShell } = require('python-shell'); PythonShell.run('./makeup.py',options,function(err,results) { if (err) { throw err; } console.log(results); }) 여기서 options는 파일 실행할때 설정할 옵션을 ..

2023. 1. 22. 17:24

react&node.js 개발 -image 데이터 서버에 저장하는 방법 배우기

1. 이미지 데이터 저장? 관계형 데이터베이스 MySQL에 비정형 데이터인 이미지를 그냥 저장할 수는 없다 보통 이미지를 클라이언트에서 서버로 보내 저장할때, 이미지 위치 경로만 DB에 저장하고 실제 이미지 파일은 서버 내에 저장시킨다 2. input 태그 input태그에서 type='file'로 지정하면 파일을 업로드 받을 수 있다 accept 속성은 입력받을 파일의 형식을 지정 image/*하면 image 파일인데 확장자 jpg, png등 상관없다는 말 하지만 accept로 하더라도 다른 파일을 입력받을 수는 있다 특정 파일만 받게할 수는 있다고 하는데 당장 필요한건 아니니.. 3. FileReader() 자바스크립트에서 FileReader() 객체를 이용해 파일을 읽어들일 수 있다 const sav..

2023. 1. 22. 16:18

react&node.js 개발 - 로그인하면서 JWT 토큰 발급받고 유저 정보 알아내기

1. 비밀 키 생성 백엔드에 config.js 파일 작성 다음과 같이 secret key를 작성 JWT 토큰 검증시 해싱에서 사용할 키라고함 //backend//config.js //jwt verification secret key module.exports = { 'secret':'대혁이다' } 2. 서버에 secret key 세팅 서버에 작성한 config 파일을 불러오고 secret key를 다음과 같이 세팅 //backend/server.js // set the secret key variable for jwt const config = require('./config') app.set('jwt-secret', config.secret) 3. 로그인 api 작성 $npm install jsonwe..