JSCODE Logo
프로그래밍 과외블로그후기멘토진
회사명 : JSCODE대표 : 박재성사업자 등록번호 : 244-22-01557통신판매업 : 제 2023-인천미추홀-0381 호
학원 명칭 : 제이에스코드(JSCODE)원격학원학원설립ㆍ운영 등록번호 : 제6063호

서울특별시 구로구 경인로 20가길 11(오류동, 아델리아)

Copyright ⓒ 2025 JSCODE - 최상위 현업 개발자들의 프로그래밍 교육 All rights reserved.

이용약관개인정보처리방침
← 블로그 목록으로 돌아가기

[예제] 프론트엔드(HTML, CSS, Nginx) 서버를 파드(Pod)로 띄워보기

JSCODE 박재성
JSCODE 박재성
2025-12-06
author
JSCODE 박재성
category
쿠버네티스
createdAt
Dec 6, 2025
series
비전공자도 이해할 수 있는 쿠버네티스 입문/실전
slug
example-run-frontend-html-css-nginx-as-pod
type
post
updatedAt
Dec 6, 2025 04:46 AM

✅ 프론트엔드(HTML, CSS, Nginx) 서버를 파드(Pod)로 띄워보기

  1. HTML, CSS 파일 만들기
    1. index.html
      <!DOCTYPE html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> </head> <body> <h1>My Web Page</h1> </body> </html>
      주의) Nginx의 기본 설정에 의하면 메인 페이지(첫 페이지)의 파일명을 index.html이라고 지어야 한다.
       
      style.css
      * { color: blue; }
 
  1. 실행시켜보기
    1. notion image
      notion image
       
  1. Dockerfile 작성하기
    1. nginx - Official Image | Docker Hub
      Official build of Nginx.
      nginx - Official Image | Docker Hub
      https://hub.docker.com/_/nginx
      Dockerfile
      FROM nginx COPY ./ /usr/share/nginx/html
       
  1. Dockerfile을 바탕으로 이미지 빌드하기
    1. $ docker build -t my-web-server .
 
  1. 이미지가 잘 생성됐는 지 확인하기
    1. $ docker image ls
       
  1. 매니페스트 파일 작성하기
    1. web-server-pod.yaml
      apiVersion: v1 kind: Pod metadata: name: web-server-pod spec: containers: - name: web-server-container image: my-web-server imagePullPolicy: IfNotPresent ports: - containerPort: 80
       
  1. 매니페스트 파일을 기반으로 파드(Pod) 생성하기
    1. $ kubectl apply -f web-server-pod.yaml
       
  1. 파드(Pod)가 잘 생성됐는 지 확인
    1. $ kubectl get pods
       
  1. 포트 포워딩으로 웹 서버가 실행됐는 지 확인
    1. $ kubectl port-forward web-server-pod 5000:80
       
      notion image
       
  1. 파드 삭제하기
    1. $ kubectl delete pod web-server-pod
author
category
쿠버네티스
createdAt
Dec 6, 2025
series
비전공자도 이해할 수 있는 쿠버네티스 입문/실전
slug
type
series-footer
updatedAt
Dec 6, 2025 04:46 AM
📎
이 글은 비전공자도 이해할 수 있는 쿠버네티스 입문/실전 강의의 수업 자료 중 일부입니다.