빌드 폴더 생성하면 서버에서 가져다 쓸 수 있음 리액트 프로젝트를 서버 프로젝트 안에 넣음(node_modules) 파일과 같이 있으면 됨 누가 메인 페이지를 접속 했을 때 내가 만든 index.html 파일을 보여주고 싶을 때 입력 코드
메인 페이지 접속했을 때 초록색으로 보이는 파일 보여주세요
// server.js 파일 밑에 입력해주면 됨
app.get('/', function(요청, 응답){
응답.sendFile(path.join(__dirname, '리액트로 만든 html 파일 경로(index.html)'));
// react-project/build/index.html
});
저렇게 코드를 짜주고 해당 코드 위에 아래 코드를 추가해줌 해당 폴더 안에 있는 static 코드를 가져다 쓰겠다는 뜻임
디비에 있던 데이터를 리액트에서 보여주고 싶을 때 서버에서 디비 데이터를 뽑아 그대로 프론트엔드로 보냄
유저가 상품 페이지 접속했을 때 데이터 베이스에 있던 상품을 보여주려면
app.use(express.json());
// 유저가 보낸 array/object 데이터 출력할 때 필요
let cors = require('cors');
// cors 사용시 npm install cors 입력
app.use(cors());
// cors는 다른 도메인주소끼리 ajax 요청 주고 받을 때 필요함
// 해당 코드 추가해야 ajax 잘 된다고 함
app.get('/product', function(요청, 응답){
응답.json(필요한 데이터)
// 서버 /product 주소에 데이터 요청함
// 리액트는 해당 주소에 GET 요청 하면 됨
});