#5 node.js 서버로 열어보기

 

 

적당히 만들어놓은 리액트앱을 node.js 서버와 연동시켜보기 위해서

samoi 경로에서 npm run build 로 build 폴더를 생성하였다.

그 후 같은 경로에 server.js 파일을 만들고, express를 통하여 서버를 구축하였다.

const http = require('http').createServer(app);
http.listen(27017, function () {

    app.use(express.static(path.join(__dirname, '/build')));

    app.get('/', function (요청, 응답) {
        응답.sendFile(path.join(__dirname, '/build/index.html'));
    });

    console.log('listening on 27017')
});

이 후 node server.js로 실행하여 localhost:27017로 들어가니 서버가 열린게 확인되었다.

app.use로 build 폴더를 지정하여 모든 파일을 접근(?)할 수 있도록 설정.

app.get에서 index.html을 불러와서 접속 시 리액트에서 구현해놓은 나의 페이지가 출력된다.

 

build 당시 받아온 JSON은 유지가 되어 이벤트들이 출력되고 있었다.

이를 실시간으로 파싱하거나, 어떤 버튼을 눌렀을 때 파싱되어 새로고침이 되도록 구현하고싶다.

 

 

현재 JSON파일을 만들어주는 JS는 2개의 파일이다. olive.js와 musinsa.js 인데

이를 server.js에 어떻게 병합시켜주어야하는것일까?

 

상상속의 방법은...

1. server.js와 병합하여, build폴더안에 JSON파일을 생성하고, 컴포넌트에서 JSON파일을

build 경로의 파일로 새로 import 시켜준다. 이러면 server.js를 실행할 때 마다 JSON을 새로 받아오기때문에

서버를 열 때는 새로 갱신이 되지않을까싶다.

 

2. server.js와 병합하여, mongoDB에 JSON을 저장한다. server.js에서 DB에 접근하여 DB값이 들어있는 api 페이지를 생성한다. ajax를 통해 컴포넌트에 데이터를 받아온다. 이것도 실시간은 아닌거같다..

 

3.더 검색해봐야겠다