React

React_ Centos 7 에 업로드 하기

JunsC 2024. 5. 12. 01:08
728x90

리액트를 공부하면서 센토스 7 버전의 가상서버에 리액트 프로젝트를 올려 본격적인 배포 준비를 시작했다.

그러기 위해선 node 환경을 만들어줘야 하고 typescript를 쓸 수 있는 환경 또한 구성해줘야 한다.

그래서 많은 사이트들을 참조했다. 

 

우선 구성해야할 환경들은

1. mysql

2.node.js

3.typescript

4.npm

등등 있다.

 

 


https://jackerlab.com/react-setting-in-centos8/

 

[React] 리액트 설치 및 환경 구성 in CentOS 8⋆ JackerLab

CentOS 8에서 리액트(React) APP를 설치하고 기본적인 환경을 구성하는 내용을 정리합니다.

jackerlab.com

 

 

밑의 사이트는 카페24 의 노드 서버를 구입한 경우에 해당되어 보인다.

하지만 나는 노드 서버가 아닌 일반 가상서버로 진행하였기 일부분만 참조하였다.

https://velog.io/@jinvicky/cafe-24%EC%97%90-%EB%A6%AC%EC%95%A1%ED%8A%B8-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0

 

cafe 24에 리액트 프로젝트 배포하기

리액트로 학원 홍보 사이트를 만들었는데 이제 배포를 해야 한다. cafe24가 aws보다 싸다고 그걸로 해달라고 요청받아서 이틀동안 엄청 삽질해서 성공했다. cafe24는 chatGPT한테도 못 물어본다 ㅋㅋ

velog.io

 

 

 

https://velog.io/@pabang0620/%EB%85%B8%EB%93%9C%EC%97%90%EC%84%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%8B%A8%EC%9D%BC-%EB%B0%B0%ED%8F%AC

 

노드에서 리액트 단일 배포

Node에서 리액트를 배포 하는 방식은 CSR 이다.Node.js에서 HTML 파일 제공:배포 시, React 앱을 빌드하면 index.html 파일이 생성됩니다.Node.js 서버는 이 index.html 파일을 요청하는 모든 경로에 대해 제공합

velog.io

 

 

 

mysql 설치 과정이다.

https://dev-kwon.tistory.com/78

 

[MySQL] yum으로 MySQL 설치 (CentOS 7)

yum으로 mysql을 설치하는 법은 간단하다. 설치하고 서비스에 등록하는 방법은 아래와 같고, 이어서 설치하는 과정과 설치하면서 문제가 생겼던 부분을 설명한다. mysql 설치 yum install http://dev.mysql.c

dev-kwon.tistory.com

 

https://velog.io/@es_seong/MySQL-CentOS-7-MySQL-%EC%84%A4%EC%B9%98-%EA%B8%B0%EB%8F%99-%EC%84%A4%EC%A0%95

 

[MySQL] CentOS 7 MySQL 설치 및 기동 방법

CentOS 7 MySQL 설치 및 기동 방법

velog.io

 

 

 

이 부분은 센토스 서버에 노드 서버 배포시 리액트 프로젝트를 build 폴더로 빌드화 시켜 해당 노드서버 폴더안에 넣고 인식 시켜주기위한 설정 작업.

 

 

그리고 가상서버에 폴더 자체를 scp 로 업로드 후 기존의 node_modules 를 삭제한 후 npm install 해주면 새로운 환경에 새롭게 package.json 이 적용되므로 바로 기존 기능들을 이용할 수 있다.