[🐋Docker] 도커를 이용해 웹 페이지를 배포하고 Hub에 올려보자!

도커 외부 노출

docker container run --name=my_nginx -d -p 8080:80 nginx:latest

다음과 같이 도커 데스크톱에서 배포된 index.html 파일을 확인할 수 있다.

localhost:8080을 통해서 접속해보면 다음과 같이 수정된 파일(html)이 출력되는 것을 확인할 수 있다.

도커로 웹 엔진 배포하기

1. free-css 사이트의 HTML 예제를 그대로 다운로드 한다.

Invoke-WebRequest -Uri "https://www.free-css.com/assets/files/free-css-templates/download/page296/oxer.zip" -OutFile "./my_web.zip"

2. 도커 복사 명령어를 통해서 my_nginx 컨테이너의 /usr/share/nginx/html 위치에 zip파일을 복사한다.

docker cp my_web.zip my_nginx:/usr/share/nginx/html

3. exec 명령어를 통해서 my_nginx 컨테이너에 zip로 복사되어 저장된 파일을 압축해제

4. 업데이트 수행 및 파일 압축 해제

# 업데이트 수행
docker exec -it my_nginx apt-get update
docker exec -it my_nginx apt-get install -y unzip
# 파일 압축 해제
docker exec -it my_nginx unzip /usr/share/nginx/html/my_web.zip -d /usr/share/nginx/html

5. 그래서 cp 명령어를 통해서 oxer-html 폴더 내 파일을 html 폴더로 복사한다.

docker exec -it my_nginx cp -R /usr/share/nginx/html/oxer-html/. /usr/share/nginx/html/

🧐 복사 하지 말고, mv 명령어를 통해서 oxer-html 폴더에 있는 파일들을 전부 html 파일로 이동시키면 안되는가?
⚠️하지 못한다.
mv 명령어가 같은 디렉토리에서는 불가능함. 왜? 같은 부모에 속하기 때문이다.

6. 기존 oxer-html 폴더를 삭제한다.

docker exec -it my_nginx rm -rf /usr/share/nginx/html/oxer-html

접속 결과

컨테이너로부터 이미지를 생성

이제 수정된 컨테이너로부터 새로운 이미지를 생성해보자.

1. 이미지 생성

docker container commit -a "vincakorea" my_nginx vincakorea/my_nginx:1.0

2. 이미지를 생성한 뒤 기존 컨테이너 삭제

docker container stop my_nginx
docker container rm my_nginx

3. 생성한 이미지를 바탕으로 다시 컨테이너를 생성.

docker container run --name=my_nginx -d -p 8080:80 vincakorea/my_nginx:1.0

4. 이제 웹 페이지로 접속해보면?

접속 결과

내가 만든 이미지가 적용되어 그대로 페이지가 잘 나와있는 것을 확인할 수 있다!

만든 이미지 배포

도커 허브란?

내 로컬에 있는 이미지 레지스트리 내의 이미지를 올릴 수 있고, 남이 올려둔 Public 이미지를 받아올 수도 있다.

생성한 이미지를 올려 보도록 하자.

1. 도커허브 로그인

docker login

2. Push

내 도커허브의 레포지토리에 이미지를 올리는 명령어 push

이 때, 중요한 점은 이미지의 태그를 지정할때 <내 도커 아이디>/<REPOSITORY>:<TAG> 형태로 써줘야한다. <내 도커 아이디>가 로그인한 아이디와 일치하지 않으면 이미지가 도커 허브에 올라가지 않는다.

# 이미지에 태그 지정 (여기선 이미 태그되어 있으므로 필요없다)
docker tag ubuntu:latest vincakorea/my_nginx:1.0
# 도커 허브에 Push (다른 곳에서 다운로드 가능)
docker image push vincakorea/my_nginx:1.0

레포지토리 삭제 방법

도커 허브에 이미 올라간 레포지토리 이미지는 CLI 환경에서는 삭제할 수 없다.

CLI에서는 로컬에있는 이미지만 삭제 가능하다.

따라서 직접 도커허브 사이트에 접속해서 지워줘야 한다.