상세 컨텐츠

본문 제목

도커(Docker) 이미지로 맹글깅

React

by e7e 2025. 2. 20. 00:40

본문

 

그냥 따라해서 되면,  쪼메씩 고쳐서 쓰도록 하장. 귀안타~ (^-^)

 

프로젝트 폴더에 아래 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

 

관련글 더보기