CentOS 8에서 리액트(React) APP를 설치하고 기본적인 환경을 구성하는 내용을 정리합니다.
테스트 환경
ㅇ OS : CentOS 8
[root@jackerlab workspace]$ uname -a
Linux localhost.localdomain 4.18.0-147.5.1.el8_1.x86_64 #1 SMP Wed Feb 5 02:00:39 UTC 2020 x86_64 x86_64 x86_64 GNU/Linux
[root@jackerlab wworkspace]$ cat /etc/redhat-release
CentOS Linux release 8.1.1911 (Core) ㅇ 테스트 계정 : root
패키지 설치
ㅇ 패키지 버전 확인
(venv) [root@jackerlab jackerlab_react]# node -v
bash: node: 명령을 찾을 수 없습니다...
(venv) [root@jackerlab jackerlab_react]# npm -v
bash: npm: 명령을 찾을 수 없습니다...
(venv) [root@jackerlab jackerlab_react]# yarn -v
bash: yarn: 명령을 찾을 수 없습니다...
(venv) [root@jackerlab jackerlab_react]#ㅇ nodejs 설치
(venv) [root@jackerlab jackerlab_react]# yum install nodejs
(venv) [root@jackerlab jackerlab_react]# node -v
v10.16.3
(venv) [root@jackerlab jackerlab_react]# npm -v
6.9.0
(venv) [root@jackerlab jackerlab_react]# nodejs 패키지를 찾지 못할 경우 epel-release를 우선 설치해 봅니다.
(venv) [root@jackerlab jackerlab_react]# yum install epel-releaseㅇ yarn 설치
(venv) [root@jackerlab jackerlab_react]# npm install -g yarn
/usr/bin/yarn -> /usr/lib/node_modules/yarn/bin/yarn.js
/usr/bin/yarnpkg -> /usr/lib/node_modules/yarn/bin/yarn.js
+ yarn@1.22.0
added 1 package in 0.5s
(venv) [root@jackerlab jackerlab_react]#
(venv) [root@jackerlab jackerlab_react]# yarn -v
1.22.0
(venv) [root@jackerlab jackerlab_react]# ㅇ create-react-app 설치
(venv) [root@jackerlab jackerlab_react]# npm install -g create-react-app
/usr/bin/create-react-app -> /usr/lib/node_modules/create-react-app/index.js
+ create-react-app@3.3.1
added 99 packages from 47 contributors in 6.224s
(venv) [root@jackerlab jackerlab_react]#
(venv) [root@jackerlab jackerlab_react]# create-react-app --version
3.3.1
(venv) [root@jackerlab jackerlab_react]# React App 설치 및 환경 구성
ㅇ React App 설치
(venv) [root@jackerlab jackerlab_react]# create-react-app frontend
(venv) [root@jackerlab jackerlab_react]# ll
합계 0
drwxr-xr-x. 5 root root 123 2월 8 19:48 frontend
(venv) [root@jackerlab jackerlab_react]# ll frontend/
합계 512
-rw-r--r--. 1 root root 2884 2월 8 19:48 README.md
drwxr-xr-x. 1021 root root 32768 2월 8 19:48 node_modules
-rw-r--r--. 1 root root 744 2월 8 19:48 package.json
drwxr-xr-x. 2 root root 120 2월 8 19:48 public
drwxr-xr-x. 2 root root 148 2월 8 19:48 src
-rw-r--r--. 1 root root 454962 2월 8 19:48 yarn.lock
(venv) [root@jackerlab jackerlab_react]# ㅇ React 서비스 구동
(venv) [root@jackerlab jackerlab_react]# cd frontend/
(venv) [root@jackerlab frontend]# yarn start
Compiled successfully!
You can now view frontend in the browser.
Local: http://localhost:3000/
On Your Network: http://10.0.2.15:3000/
Note that the development build is not optimized.
To create a production build, use yarn build.
마치며
CentOS 환경에서 React 설치 및 기본적인 서비스 구동을 테스트하여 정리하였습니다.