React 설치 및 linux(centos)에 배포하기

배포 환경

linux(centos), apache

작업 환경

로컬(window)

 

1. Node 설치 

• 아래 링크로 들어가서 윈도우용 Node.js를 설치해줍니다.
• nodejs.org/ko/download/

다운로드 | Node.js

 

2. React 설치

리액트 프로젝트를 만들 수 있는 create-react-app 도구를 사용하기 위해 설치해줍니다.

이 도구에는 웹팩, 바벨 등이 있습니다.

// react app을 생성할 수 있는 명령어 create-react-app을 설치한 후
$ npm install -g create-react-app
// 원하는 이름의 react app을 생성합니다.
$ create-react-app <디렉토리명>

 

3. apache 디렉토리 연결

• 1. 배포 서버 ssh로 접근하여 /etc/httpd/conf/httpd.conf 에서 포트&&react를 배포할 디렉토리를 연결합니다.
• 2. apache는 react-router-dom의 url을 해석 못하는 이슈사항이 있기 때문에 추가 설정이 필요하다

<Directory "/var/www/<디렉토리명>">
    RewriteEngine on
    # Don't rewrite files or directories
    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^ - [L]
    # Rewrite everything else to index.html to allow html5 state links
    RewriteRule ^ index.html [L]
</Directory>

• 3. systemctl restart httpd 실행 (아파치 재시작)

4. 배포

1. 로컬에서 작업한 React를 npm run build를 한다.

2. build폴더가 생성될 텐데 그 안에 있는 파일들 전부를 apache에서 연결한 디렉토리로 이동시킨다.

3. 해당 서버에서 확인 *연결이 안될 시 포트설정 확인 바랍니다.

 

#권한 문제가 발생 시 sudo 또는 sudo chmod -R 777 <해당폴더>를 실행 후 확인