🌎infra/docker

[Docker] docker nginx에 html 매핑하기

2023. 9. 18. 16:54
목차
  1. 1. index.html 파일 생성
  2. 2. nginx pull 하기
  3. 3. nginx run 하기
반응형

 

 

안녕하세요.

오늘은 docker로 nginx를 띄우고 로컬에 있는 html 파일과 매핑해보겠습니다. 

 

 

1. index.html 파일 생성

index.html 파일입니다. 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Docker and Nginx</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>🐳Docker and Nginx에 html 매핑하기🐳</h1>
</body>
</html>

style.css 라는 파일까지 만들어서 html 에 삽입했습니다. 

h1 {
    text-align: center;
}

 

 

2. nginx pull 하기

아래의 명령어를 치면 가장 최신 버전의 nginx를 docker hub에서 받아오게 됩니다. 

docker pull nginx

아래 명령어를 통해 nginx 이미지가 다운 받아진 것을 확인할 수 있습니다. 

docker images

 

3. nginx run 하기

docker run -p 8080:80 --rm -d -v C:\Users\User\vscodeProject\docker:/usr/share/nginx/html nginx

-p 8080:80 은 로컬에서 8080으로 접속하면 도커의 80포트와 연결시켜주는 옵션입니다. 저는 지금 로컬에서 80포트에 apache 서버를 쓰고 있어서 8080 포트와 연동시켰습니다.

 

--rm 은 docker container가 종료되면 삭제한다는 옵션이고, -d는 백그라운드로 실행한다는 옵션입니다. 

 

오늘 포스팅에서 가장 중요한 것은 -v 옵션인데 내 파일들이 들어있는 위치:/usr/share/nginx/html 는 도커에 html 관리하는 폴더와 내 폴더를 연결해주겠다는 뜻입니다. 

 

그러면 결과적으로 이렇게 잘 뜬 것을 확인할 수 있습니다. 

반응형
저작자표시 (새창열림)

'🌎infra > docker' 카테고리의 다른 글

[Docker] centOS 7 docker mysql 과 spring 연동하기 (한글 깨짐 해결)  (1) 2023.12.21
[Docker] docker로 nginx와 spring boot 배포하기  (0) 2023.09.11
  1. 1. index.html 파일 생성
  2. 2. nginx pull 하기
  3. 3. nginx run 하기
'🌎infra/docker' 카테고리의 다른 글
  • [Docker] centOS 7 docker mysql 과 spring 연동하기 (한글 깨짐 해결)
  • [Docker] docker로 nginx와 spring boot 배포하기
pkyung
pkyung
pkyung
성장하는 중
pkyung
전체
오늘
어제
  • 분류 전체보기
    • 🏆토이 프로젝트에서 생긴 일
    • 🤿백엔드 내실 채우기
    • 🍫카카오 테크 캠퍼스 2기 BE
    • 🍀spring
      • 스프링 입문
      • 스프링 핵심원리 기본
      • 스프링 jpa
      • 🐛debug
    • 🔒보안
    • 🌎infra
      • docker
      • kubernetes
      • cloud
    • 🌐web
      • HTTP 웹 기본 지식
    • 🔑알고리즘
      • baekjoon
      • programming language
    • 🎞️프로젝트
      • android
      • flutter
    • 📚수업
      • 교양과목
    • 💾database
    • ⚙settings
    • 2023 여름 모각코 - 절개와지조
    • 2024 겨울 모각코 - 내 장점은 algorit..

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • Docker
  • 코드리뷰
  • be
  • 스택
  • 김영한
  • 파이썬
  • mysql
  • 백준
  • BFS
  • 데이터베이스
  • 스프링기본
  • nginx
  • spring
  • springboot
  • 소수
  • sql
  • 문자열
  • 자바
  • 객체지향
  • 카테캠
  • 객체지향의사실과오해
  • python
  • 카카오테크캠퍼스
  • 자바문자열
  • HTTP
  • JPA
  • Java
  • 스프링부트
  • Security
  • 스프링

최근 댓글

최근 글

hELLO · Designed By 정상우.
pkyung
[Docker] docker nginx에 html 매핑하기
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.