[React] express에서 query문을 사용하여 DB(mysql)에 데이터 저장하기 1
·
지난 글 모음
이전 글에서는 React로 만들 웹에서 express서버로 데이터를 주고 받는 방법을 알아보았다. 이번 글은 React에서 express로 보낸 데이터를 query문을 사용하여 DB에 저장하는 방법에 대하여 알아보자!! 이번 글까지 따라 오게 된다면 간단한 회원가입과 로그인을 만들 수 있게 됩니다. 1. 준비 mysql React에서 express로 데이터를 주고 받는 방법 React에서 express로 데이터를 주고 반는 방법에 대해서 알고 있다는 전제로 진행됩니다. mysql이 설치되어 있어야 진행할 수 있어요!!!! 2. database만들기 및 express에 연결하기 1) 새로운 데이터베이스 만들기 mysql> create database hello; 데이터베이스를 만듭니다. 저는 hello라는..
React 와 Express 연동하기 2 (Express에서 React 데이터 보내기) res
·
지난 글 모음
이전 글에서 React에서 Express로 데이터 보내는 방법을 했다 Express에서 req를 사용해 보았다. 이번 글에서는 res를 사용하여 React로 보내는 방법을 알아볼거다 1. 준비 이전 내용을 했다면 따로 준비할 것은 없다. 2. server.js 수정 const express = require("express"); const app = express(); const port = 3001; // { res.send("Hello World!"); }); app.post("/text", (req, res) => { const text1 = req.body.inText; console.log(text1); //////추가 내용///// const sendText = { text: "보내기 성공",..
React 와 Express 연동하기 1 (React에서 Express로 데이터 보내기)
·
지난 글 모음
React와 Express를 연동하는 방법을 해보겠습니다. 1. 준비과정 create-react-app 앱이름 으로 앱을 만들고 npm start 하여 앱을 실행시켜줍니다. react로 앱을 처음 만들고 실행한 상태로 진행합니다. 2. Express 설치 및 Hello worlde 실행 위에서 설치한 앱의 경로에서 아래의 명령어를 실행하여 설치하여 줍니다. - 설치 공식문서 - npm install express --save *참고로 --save 종속 항목 목록에 저장하는 것입니다. 프로젝트를 git으로 다른 곳에서 작업할 때 express를 새로 받아야 하지만 --save로 종속 항목 목록에 저장되어 있으면 "npm install" 명령어로 알아서 받을 수 있게 해 줍니다. 설치가 완료되면 아래와 같이..