Docker에서 HTML 페이지 배포
기본적으로 웹 서버로 이동하여 HTML 페이지를 렌더링
웹 서버 nginx 이미지 가져오기
docker pull nginx
index.html 파일을 준비
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>테스트 페이지</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
text-align: center;
padding: 50px;
}
h1 {
color: #333;
}
button {
padding: 10px 20px;
font-size: 16px;
}
</style>
</head>
<body>
<h1>HTML 테스트 페이지</h1>
<p>이 페이지는 테스트용으로 생성되었습니다.</p>
<button onclick="alert('버튼이 클릭되었습니다!')">클릭해보세요</button>
</body>
</html>
nginx 이미지를 사용하여 Docker 컨테이너에 로드
Dockerfile 생성
도커파일은 확장자가 없음
FROM nginx COPY ./SampleWebApp/ /usr/share/nginx/html
Dockerfile 이미지 생성
도커파일은 확장자가 없음
cd C:\Users\IKHO\Desktop\Docker // dockerfile 위치로 이동 ls // 파일 목록 확인 docker build -t sample_web_app:1.0.0 . // docker build: 현재 디렉터리에 있는 Dockerfile을 기반으로 Docker 이미지를 만들라는 명령입니다. // -t sample_web_app:1.0.0: 생성될 이미지의 이름과 태그를 지정합니다. // sample_web_app이 이미지 이름 // 1.0.0은 버전 또는 태그 (나중에 버전별로 관리할 때 유용)
컨테이너를 생성 및 실행
docker run --name sample_web_app-container -p 9000:80 sample_web_app:1.0.0 // docker run : 새로운 컨테이너를 생성하고 실행합니다 // --name sample_web_app-container : 컨테이너의 이름을 sample_web_app-container로 설정합니다 // -p 9000:80 : 포트 매핑: 호스트의 9000 포트를 컨테이너의 80 포트에 연결합니다 (외부에서 localhost:9000으로 접근 가능) // sample_web_app:1.0.0 : sample_web_app라는 이름과 1.0.0 태그가 붙은 이미지를 기반으로 컨테이너를 생성합니다 http://127.0.0.1:9000/
