본문 바로가기

화상채팅 프로젝트/Docker

[Docker] 적응기 - nginx에 간단 html 올려보기

 

1. 프로젝트 폴더, 파일 생성

 

먼저 원하는 경로에 폴더를 하나 생성해줍니다

이후 간단한 html과 dockerfile을 생성합니다

 

폴더 구조

 

dockerfile

 

FROM nginx
COPY index.html /usr/share/nginx/html/index.html

도커파일 코드입니다

  • nginx를 기반으로 -> FROM nginx
  • index.html을 nginx의 기본 페이지로 설정함  -> COPY index.html /usr/share/nginx/html/index.html

 

html

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <title>나의 서버</title>
  </head>
  <body>
    <h1>Hi, MyCustom 💻 NGINX !</h1>
  </body>
</html>

html 코드입니다

 

docker build -t mynginx .

이후 터미널에서 빌드를 해줍니다

 

 

 

빌드 후 이미지를 검색해보면 제가 빌드한 이미지가 잘 생성된것을 볼 수 있습니다

 

docker run -d -p 8081:80 --name mynginx mynginx

 

 

docker run -d -p 8081:80 --name [containerName] [imageName]

원하는 형식의 컨테이너 이름을 지정해준 후 이미지 이름을 입력한 뒤 컨테이너를 실행해줍니다

 

docker ps 명령어로 확인해보면 잘 실행중인 것을 확인할 수 있습니다

 

 

 

http://localhost:8081/ 로 접속해보면 작성한 html이 잘 출력되는것을 확인할 수 있습니다