그냥 따라해서 되면, 쪼메씩 고쳐서 쓰도록 하장. 귀안타~ (^-^)
프로젝트 폴더에 아래 Dockerfile을 맹근당.
[배포 dist를 넣어야 하지만..., 잼나게 프로젝트 폴더를 그냥 통째로 넣는당.]
vite.config.js 는 port 때문에 아래 처럼 추가하장.
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
server: {
port:8272
}
})
package.json 도 아래처럼 쪼메만 수정하장
"scripts": {
"dev": "vite --host",
"build": "vite build",
"lint": "eslint .",
"preview": "vite preview"
}
Dockerfile
# node 이미지 기반 Docker 이미지 생성
FROM node:20.17.0
# 작업 디렉토리 설정
WORKDIR /app
# COPY <복사할 경로/파일명> <붙여넣을 디렉토리>
COPY package*.json .
# 의존성 설치 명령어 실행, 여기서 렉이 걸릴수도
# 처음은 시간 오래 걸리닝, 맘 비우고 딴 일 하다 오삼, 난 10분 걸렸낭?
# 2번째 부터는 빠름
RUN npm install --verbose
# 현재 디렉토리의 모든 파일을 도커 컨테이너의 작업 디렉토리에 복사
COPY . .
# 8272번 포트 노출
EXPOSE 8272
# npm run dev 스크립트 실행
CMD ["npm","run","dev"]
복사 무시할 파일들
.dockerignore
node_modules
.gitignore
Dockerfile
// 이미지 만들기
docker build . -t 리포지터리명:태그명
// 이미지 리포지터리 이름을 도커허브계정명/리포지토리명/태그명 으로 변환
docker tag 리포지터리명:태그명 도커허브계정명/리포지토리명/태그명
// 도커 허브에 올리깅 시름 말공
docker push 도커허브계정명/리포지토리명/태그명
테스트는 알아서 해보깅 (도커허브에 계정이 있어야 함)
괘니 스프링 부트도
### maven 사용시
./mvnw spring-boot:build-image -Dspring-boot.build-image.imageName=원하는이름
### maven 사용시, 이미 pom.xml에 image명을 지정해 놓았다면
./mvnw spring-boot:build-image
### gradle 사용시
./gradlew bootBuildImage --imageName=원하는이름
pom.xml
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
<configuration>
<image>
<name>mye7e</name>
</image>
<excludes>
<exclude>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
</exclude>
</excludes>
</configuration>
</plugin>
</plugins>
</build>
모야 모야 ~~ 제목이 모야~~
https://www.youtube.com/watch?v=u1vE2mxtCIg
React(리액트) 티키타카 21 (Redux -2) (0) | 2025.03.05 |
---|---|
React(리액트) 티키타카 21 (Redux -1) (0) | 2025.03.04 |
React(리액트) 티키타카 20 ( useState 훅 동작 감 잡아보기) (1) | 2024.12.30 |
React(리액트) 티키타카 19 ( FullCalendar) (3) | 2024.12.29 |
React(리액트) 티키타카 18 ( rc-tree 트리 컴포넌트) (6) | 2024.12.25 |