[React] react 배포하기

react는 일반적으로 사용하는 HTML, CSS, Javascript로 만드는 사이트와는 다르게 배포하기 위해서는 build라는 작업을 해야 합니다.

 

build는 쉽게 말해서 react에서 작성한 코드들을 압축하여 용량을 낮춘 것인데요.

(좌) Build 작업 전, (우) Build 작업 후

보시다시피 빌드 전후로 용량이 줄어든 것을 확인할 수 있습니다.

 

이렇게 build로 압축한 파일을 그대로 사용하기보단 node에서 각 경로에 맞게 response를 전달해 주어야 하는데요.

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

app.get('/', (req,res)=>{
  res.sendFile(path.join(__dirname, '폴더/build/index.html'))
})

 

이제 app에 맞는 method를 이용하여 경로를 지정하고 경로에 맞게 지정을 지정을 해주면 react 파일의 배포가 끝이 납니다.