[Others][Tips-09][VScode 상, 도커 process에서 live-server 실행하기][npx live-server -port=## -host=#.#.#.#]

VScode에서"컨테이너 볼륨이 복제 리포지토리..."를 통해, 도커 이미지(node:20) 이미지 실행시켰습니다.

 


깃헙 리포지토리 링크를 입력하면, 아래와 같이 프로젝트가 열립니다.


로컬환경에서는 live server extension을 실행해 index.html 파일을 브라우저 환경에서 확인할 수 있고,

브라우저에서 index.html의 파일 위치를 주소에 입력해 브라우저에 렌더링할 수 있습니다.

 

하지만... 현재 도커 process로 프로젝트를 운영하고 있기 때문에 위와 같은 방법으로는 불가능합니다.

검색해보니, 아래 명령어로 liver-server를 호스트 환경에 연동할 수 있다고 하더군요.

npx liver-server --port=3000 --host=0.0.0.0

위 명령을 실행하면 다음과 같이 로컬 브라우저에서 도커 프로세스의 index.html 파일을 렌더링 할 수 있습니다.

 

공부하는 사람이라 설명이 오류가 있을 수 있습니다.

고수님들의 교정 부탁드립니다.

감사합니다.