import문 사용을 위한 준비

전통적인 <script src="..."></script>가 아닌 es6의 import 문법을 사용하려고 합니다.

chrome에서 import 문을 사용하기 위해서는 로컬에 웹서버를 띄워야하는데, 관련하여 아래와 같이 정리했습니다.

node.js 설치

LTS 버전을 다운받아 설치합니다.

http-server 모듈 설치

http-server는 간단하게 로컬에 웹서버를 띄울 수 있는 모듈입니다.

node.js 설치 후, 터미널(windows의 경우는 커맨드 프롬프트)에서 아래의 커맨드를 입력해 http-server

모듈을 설치합니다.

npm install -g http-server

http-server 실행하기

터미널(혹은 커맨드 프롬프트)에서 본인이 작업하고 있는 폴더로 이동 후 아래의 커맨드를 입력합니다.

http-server

아래와 같은 메시지가 나오며, 브라우저의 주소에서 localhost8080을 입력하여 동작을 확인합니다.