backend8 [React] DB에서 특정 데이터 받아오기 - 떽떽대는 개발공부 2021/01/30 - [React] - [React] DB에서 받아온 데이터 리스트 만들기 - 떽떽대는 개발공부 [React] DB에서 받아온 데이터 리스트 만들기 - 떽떽대는 개발공부 2021/01/29 - [React] - [React/MySQL] react 에서 MySQL 사용하기 - 떽떽대는 개발공부 [React/MySQL] react 에서 MySQL 사용하기 - 떽떽대는 개발공부 react 에서 db 연결을 하기 위해 mysql 을 다운 받았다. np.. ddeck.tistory.com 이전 글에서 DB에서 board 테이블에서 데이터를 받아오고, 해당 글 클릭 시 페이지 이동하고, idx 번호까지 받아오는 것을 포스팅했다. 이번 글에서는 전달받은 idx 번호로 특정 글만 DB에서 받아올 수 .. 2021. 1. 31. [React/MySQL] react 에서 MySQL 사용하기 - 떽떽대는 개발공부 react 에서 db 연결을 하기 위해 mysql 을 다운 받았다. npm i mysql 그리고 server 디렉토리에 config 디렉토리를 추가하고 db.js를 생성해준다. server/config/db.js const mysql = require('mysql'); const db = mysql.createPool({ host : 'localhost', user : 'test', password : '1111', database : 'board_sample' }); module.exports = db; 이제 사용자가 요청하면 해당 db 를 아래와 같은 형식으로 전달할 수 있다. server/routes/index.js const express = require('express'); const rout.. 2021. 1. 29. [React] react 프로젝트에 mysql 연동하기 - 떽떽대는 개발공부 2021/01/27 - [React] - [React] redux를 이용하여 게시판 만들기(3) - 떽떽대는 개발공부 [React] redux를 이용하여 게시판 만들기(3) - 떽떽대는 개발공부 2021/01/26 - [React] - [React] redux를 이용하여 게시판 만들기(2) - 떽떽대는 개발공부 [React] redux를 이용하여 게시판 만들기(2) - 떽떽대는 개발공부 2021/01/25 - [React] - [React] redux 를 이용하여 게.. ddeck.tistory.com 오늘은 전에 만들었던 react 프로젝트에 mysql 을 연동하여 보도록 하겠다. 먼저 서버용 코드를 위해 server 디렉토리와 server.js 파일을 생성한다. react 에서 만들어진 작업물은 클라.. 2021. 1. 28. [React] express 를 이용하여 서버사이드렌더링 - 떽떽대는 개발공부 오늘은 front-end(Client) 와 back-end(Server) 를 분리하여 편리하게 개발하기 위해 서버사이드렌더링을 해 보았다. 먼저 express 를 install 한다. npm install express --save 서버 사이드 렌더링의 경우 Cross-Origin Resource Sharing(CORS) 오류가 발생하는데, 이를 해결을 위해 cors 를 install 한다. npm install cors --save Client와 Server 사이의 중계기 역할인 프록시(Proxy) 사용을 위해 http-proxy-middleware'를 install 한다. npm install http-proxy-middleware --save 이제, 아래와 같이 server, routes 디렉토리를.. 2021. 1. 23. 이전 1 2 다음
