[쿠버네티스] VMware를 이용한 쿠버네티스 구축&배포 프로젝트 - ③

※ 컴퓨터의 메모리 부족으로 인해 서버컴퓨터에서 학습을 진행하게 됨

 

목차

 

1. 게시판 프로젝트 구성

01. React 설치

1. Node.js 를 설치함
   - React.js를 사용하기 위해서는 먼저 Node.js를 설치해야함
   - Node.js는 자바스크립트 런타임으로 서버 측 자바스크립트를 실행할 수 있도록 해줌
   https://nodejs.org/ko
   
   
   
2. React 프로젝트 생성
   - Visual Studio Code에서 원하는 경로에 접근한 후 터미널을 엶(Ctrl + J) 
   - 설치가 완료되면 해당 이름으로 프로젝트가 생성됨
   

   npx create-react-app <프로젝트 이름>

   
   

   

   
   
   
3. 프로젝트 실행하기
   - 프로젝트 경로로 이동후 명령어를 입력함
   

   cd <프로젝트 이름>
   npm start

   

   

    

 

2. React 앱 Dockerize(도커라이즈) 하기

디플로이먼트 정의 파일에 태그 작성함

- 도커 새로 푸시할 때 ArgoCD에서 자동으로 배포를 돕기위해 태그를 수정함!

 

docker에 로그인하고 build&push 과정을 거침

docker login

docker build -t <Docker ID>/<Image Name>:<Tag> .
docker tag <Docker ID>/<Image Name>:<Tag> <Docker ID>/<Image Name>:<New Tag> .

docker push <Docker ID>/<Image Name>:<New Tag>

 

 

3. React 앱 배포 확인

ArgoCD로 확인해보기

- SYNC 버튼을 통해 적용이 됐는지 확인함

 

- 무사히 적용된것을 확인했음!