참고
Front
NOTE
Vite를 활용한 리액트 배포서버 구성!
•
VIte는 빠르고 간결한 웹 프로젝트 개발 경험을 위해 만들어진 빌드 도구이다.
•
npm(webpack)을 이용해서 bundling을 하면 라이블러기 많아지면 시간이 오래걸려서 등장하게 되었다.
Vite가 빠른이유
1.
esbuild를 이용해 번들링
2.
프리번들링 : 라이브러리를 설치하자마자 bundle만듦
3.
소스코드는 필요한것만 건드림
React
NOTE
vite명렁을 통해 Vite를 실행시킬 수 있다! (npm vite를 사용해도 됨)
{
"scripts": {
"dev": "vite", // 개발 서버를 실행합니다. (`vite dev` 또는 `vite serve`로도 시작이 가능합니다.)
"build": "vite build", // 배포용 빌드 작업을 수행합니다.
"preview": "vite preview" // 로컬에서 배포용 빌드에 대한 프리뷰 서버를 실행합니다.
}
}
JSON
복사
vite 명령어
FROM node:18.14.1
WORKDIR /app
COPY package.json .
RUN npm install
COPY . .
EXPOSE 3000
CMD ["npm", "run", "dev"]
Docker
복사
React 배포파일
Back
NOTE
Blue/Green 무중단 배포
•
VIte는 빠르고 간결한 웹 프로젝트 개발 경험을 위해 만들어진 빌드 도구이다.
•
npm(webpack)을 이용해서 bundling을 하면 라이블러기 많아지면 시간이 오래걸려서 등장하게 되었다.
설정
•
mariadb : 10.7
•
java : 17
Database
NOTE
배포코드
Springboot
NOTE
Dockerfile
코드
Blue/Green
코드