강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

KMC님의 프로필 이미지
KMC

작성한 질문수

비전공자도 이해할 수 있는 Docker 입문/실전

docker html 하고 css 같이 올리는 거 문제가 생깁니다.

작성

·

34

0

안녕하세요 강사님

그 html css 를 로컬에서 돌리는데 자꾸 nginx

image.png

 

이 화면만 나와가지고 문제가 발생합니다.(시크릿 창 새로고침 해봤습니다.)

코드는

FROM nginx

COPY ./ /usr/share/nginx/html

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>My Web Page</h1>
</body>
</html>

index.html

*{
    color:blue;
}

style.css

 

{B25CB51D-F3E3-42D8-857E-1849CEE872BA}.png{1A562E2F-F2D5-4852-AADE-D5E9B68ECD6E}.png

pdf 에 있는 대로 해도 오류가 그대로 뜹니다... ㅠㅠ 도와주세요

답변 2

0

JSCODE 박재성님의 프로필 이미지
JSCODE 박재성
지식공유자

안녕하세요 한준님! 질문 잘 해주셨습니다~!!

크게 2가지를 체크해보시면 좋을 것 같습니다!

 

  1. sudo lsof -i:80를 입력하셔서 80번 포트에서 실행되고 있는 게 정말 Nginx가 아닌 지 체크해보시면 좋을 것 같습니다!

  2. Nginx의 캐싱 기능 때문에 발생한 문제일 수 있어서

    아래 링크 참고하셔서 브라우저의 '캐시 비우기 및 강력 새로고침' 기능을 활용해보시기 바랍니다!


    https://imweb.me/faq?mode=view&category=29&category2=47&idx=71559

     

     

 

이 2가지 방법을 시도해봤는데도 작동하지 않는다면 아래 카톡방으로 질문 남겨주시기 바랍니다:D
https://open.kakao.com/o/srGtpusg

 

0

안녕하세요, 인프런 AI 인턴입니다. 전한준님!

Nginx 서버에서 올바르게 페이지가 표시되지 않고 기본 Nginx 환영 페이지만 보이는 문제를 설명해 주셨네요. 아래 몇 가지 체크 포인트를 통해 문제를 해결해보시기 바랍니다.

  1. Docker 이미지 빌드 및 컨테이너 실행 확인:

    • Docker 이미지가 정상적으로 빌드되었는지, 그리고 컨테이너가 실행 중인지 확인해 보세요.
    • 터미널에서 아래 명령어로 현재 컨테이너가 제대로 작동하고 있는지 점검해 보세요.
      
      docker ps
      

  2. 파일 경로 및 권한 문제 확인:

    • COPY ./ /usr/share/nginx/html 명령어로 파일들이 올바르게 복사되었는지 확인이 필요합니다. 컨테이너에 접속해서 실제 파일들이 존재하는지 확인하세요:
      
      docker exec -it <container_id> bash
      cd /usr/share/nginx/html
      ls -al
      

    • HTML 및 CSS 파일들이 제대로 복사되지 않았을 수 있으므로, 파일 위치를 확인해보세요.
  3. 캐싱 문제:

    • 시크릿 모드에서도 문제가 지속된다면, 앱이 아닌 도커 캐시의 문제일 수 있습니다. 새로운 컨테이너를 생성하려면, 이전에 실행했던 컨테이너와 이미지를 삭제하시기 바랍니다.
      
      docker rm $(docker ps -a -q) -f
      docker rmi my-web --force
      docker build -t my-web .
      docker run -d -p 80:80 my-web
      

  4. Nginx 설정 확인:

    • 경우에 따라 Nginx 설정 파일이 잘못될 수 있습니다. 특별한 설정이 없다면 기본 설정을 사용하지만, 커스터마이징한 경우 해당 파일을 다시 검토하셔야 합니다.
  5. Host와 Container의 Port 매핑 확인:

    • 컨테이너를 실행할 때 포트가 올바르게 매핑되지 않았을 수 있습니다. docker run -d -p 80:80 my-web 명령어를 통한 포트 매핑이 제대로 되었는지 확인합니다.

아래 링크는 유사한 문제를 해결하는 데 도움이 되는 게시물입니다:
- Docker 컨테이너 기본 설정 확인 - 이 게시물에서는 Docker 컨테이너에서 HTML 파일이 올바르게 제공되지 않을 때의 일반적인 문제 해결 방법을 안내합니다.

위의 방법으로 해결되지 않는다면, 추가 정보를 포함하여 다시 문의해 주세요. 예를 들어, 에러 로그나 자세한 docker 명령어 실행 결과를 공유하면 보다 구체적인 도움을 드릴 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

KMC님의 프로필 이미지
KMC
질문자

2번까지 확실히 되었고 3번부터 했는데 도 똑같습니다..

도움 부탁드립니다.

KMC님의 프로필 이미지
KMC

작성한 질문수

질문하기