2018년 11월 1일 목요일

간편 웹서버 live-server 사용법

html, javascript 등을 이용한 개발을 하다 보면 서버에 올라갔을때 결과를 보고 싶은 경우가 있다.
이때 간단하게 사용할 수 있는 웹서버들이 있다.
live-server도 그중 하나이다.
live-server의 설치 및 사용법을 확인해보자.

live-server 설치

  • live-server는 npm을 이용해 간단하게 설치할 수 있다. 프로젝트 root 폴더에서 다음 명령을 실행한다.
    $npm install -g live-server
    *다른 프로젝트에서도 사용할 수 있도록 -g 옵션을 주어 global로 설치한다.

live-server 실행
  • 프로젝트 root 폴더에서 다음 명령을 실행한다.
    $live-server
  • 서버가 실행되며 기본 설정 브라우저가 오픈된다.
    * 브라우저 주소창에는 다음과 같이 표시된다.
    http://127.0.0.1:8080/

댓글 없음:

댓글 쓰기

[css] Flexbox

flexbox를 사용하면 item의 정렬 방향, 위치 등을 자유롭게 조정할 수 있습니다. #pond {    display: flex; } 위와 같이 css에서 flexbox를 사용할때 올 수 있는 속성들입니다. justify-conte...