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 이 적용되므로 바로 기존 기능들을 이용할 수 있다.

 

 

728x90

'React' 카테고리의 다른 글

React 새로고침 데이터 저장  (1) 2024.06.09
React 코드 난독화..  (0) 2024.06.09
React useMemo.. useCallback.. memo..  (1) 2024.06.09
React 파일 업로드  (0) 2024.06.09
React Proxy 에러  (0) 2024.06.09
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."