PC에서 가끔 html 화면을 확인할때 웹서버 기반으로 보고 싶을때가 있다.
이럴땐 간단하게 띄우는 방법을 공유한다.
1. Node.js를 설치한다.
- https://nodejs.org/en/download 에 접속해서 본인 OS에 맞는 파일을 다운로드 받는다.
- 다운로드 받은 파일을 실행해서 설치한다.
- 설치하면서 보안관련 경고 메시지나 다양한 창이 나오면 "설치", "허용"을 선택한다.
- 윈도우는 PowerShell 같은 창도 뜬다.
- 설치를 마무리 한다. (한참 시간이 걸리므로 차분히 기다린다.)
2. live-server를 설치한다.
- 윈도우 기준 : PowerShell 또는 cmd 프로그램을 실행한다.
- 아래 명령어를 사용해서 설치한다. (명령어 실행 경로 주의)
| PS C:\01_WORK\html> npm install -g live-server npm warn deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated npm warn deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm warn deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm warn deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated npm warn deprecated opn@6.0.0: The package has been renamed to `open` npm warn deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies npm warn deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. added 188 packages in 13s 3 packages are looking for funding run `npm fund` for details |
3. live-server를 실행한다.
- 윈도우 기준 : PowerShell 또는 cmd 프로그램을 실행한다.
- 아래 명령어를 사용해서 실행한다.
| PS C:\01_WORK\html> live-server Serving "C:\01_WORK\02_Projects\store\store-admin-html" at http://127.0.0.1:8080 Ready for changes |
- 브라우저가 자동으로 실행된다.
- C:\01_WORK\html 폴더에 index.html파일이 있다면 브라우저에서 자연스럽게 보여진다.
4. live-server 종료한다.
- 윈도우 기준 : PowerShell 또는 cmd 프로그램에서 Ctrl+c를 선택한다.
- 다시 띄우고 싶다면 3번~4번 항목을 반복하면 된다.