우분투, 리눅스에서 Node.js를 이용하여 Html 파일을 Local host에서 실행할 수 있습니다. Html 파일이 어떻게 보이는지 확인하거나, Mock 서버를 만들어 어떤 기능을 테스트하고 싶을 때 로컬 서버에 간단히 실행해서 확인해볼 수 있습니다.
1. http-server 설치
nodejs가 설치되어있다면, 터미널에서 다음과 같이 http-server
를 설치합니다.
$ npm install http-server -g
2. Html 파일을 Local Host에서 실행
터미널에서 cd 명령어를 사용하여 Html 파일이 있는 디렉토리로 이동합니다.
디렉토리에서 http-server
를 입력하면, 파일 서버 처럼, 그 폴더의 모든 파일을 로컬 서버에서 열 수 있습니다.
$ http-server
Starting up http-server, serving ./
Available on:
http://127.0.0.1:8080
http://49.169.0.42:8080
Hit CTRL-C to stop the server
브라우저에서 http://127.0.0.1:8080
페이지를 열면, 다음과 같이 폴더 안의 모든 파일을 열 수 있습니다.
Index of /
(drwxrwxr-x) node_modules/
(-rw-rw-r--) 77.7k example1.html
(-rw-rw-r--) 76.9k example2.html
(-rw-rw-r--) 6.6k package-lock.json
example1.html
페이지를 열고 싶다면, http://127.0.0.1:8080/notice1.html
와 같은 주소로 페이지를 열면 됩니다.
Loading script...
Related Posts
- Ubuntu에서 draw.io 설치하는 방법
- 리눅스 deb 파일 설치
- 우분투에 VMware 설치하기
- [Ubuntu] VMware에서 Windows 11 설치
- Vi/Vim에서 1줄 또는 여러줄 삭제 방법
- Vi/Vim에서 라인 번호 표시하기
- 우분투에서 rar 압축, 압축 풀기
- Ubuntu에서 구글 드라이브 사용하기 (로컬 폴더에 마운트)
- [Ubuntu] apt-cache search, 설치 가능한 패키지 검색
- Ubuntu - DNS 캐시 삭제 방법
- Ubuntu에서 사용할 수 있는 Text Editor 소개
- 우분투(리눅스) - RAM(메모리) 크기 확인
- 우분투에서 시간대(Timezone) 변경하기
- 우분투(리눅스)에서 Atom 텍스트 에디터 설치
- 우분투(리눅스)에서 Microsoft Edge 브라우저 설치
- 우분투(리눅스)에서 Slack 설치
- 우분투(리눅스)에서 Visual Studio Code 설치
- Linux - 파일, 디렉토리 삭제 명령어(rm -rf, rmdir)
- Linux - 파일이 수정된 날짜/시간 확인 방법
- Linux - touch로 파일 생성, 파일의 날짜/시간 변경
- Linux - Node.js로 Html 파일을 로컬 서버에서 실행하기