JS 시작하기/ 01. 개요(ECMAScript) 및 프로젝트 초기화

JS 시작하기/ 01. 개요(ECMAScript) 및 프로젝트 초기화

ECMA스크립트란?

아래 링크 참고

https://ko.wikipedia.org/wiki/ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8#cite_note-1

자바스크립트 6 버전 이후의 브라우저에서 지원한다.

어떤 버전의 기술인지 알아보는 것도 중요한다.

표준화 명칭은 ECMA스크립트이다.

1년에 한번씩 기능이 추가되면서 업그레이드되는 형식이다.

기술이 누적되고 꾸준하게 활용이 가능하다.

바탕화면에 파일을 하나 만들고

다음과 같이 터미널에 입력하고 실행하자

바로

package.json 파일이 생성이 되었다.

다음은 우리 프로젝트에서 사용할 모듈을 설치해보자

parcel-bundler는 개발하는 용도로만 사용이 되는 모듈이다.

설치가 다 되면 pakege.json 파일에

다음과 같이 설치가 완료가 된 걸 확인할 수 있다.

parcel-bundler는 프로젝트를 개발용으로도 사용할 수 있고,

나중에 다 완성이 되면 결과물을 낼 수 있는 스크립트 명령도 추가해보자

다음과 같다.

명령어 dev에 parcel에 index.html를 연결해서 개발서버를 열겠다고 선언한다.

그리고 build라는 명령어를 통해서 parcel을 실행하는데 build명령을 붙여 넣어서 index.html를 연결해보자

즉 build명령어 서버를 열었을때는 로컬의 개발서버를 여는 것이 아니고

실제로 build된 결과물을 list란 폴더에 만들어진다.

위와 같이 다 작성후 저장한다.

다음은 index.html 파일을 생성하고 main.js 스크립트 주소를 연결해주고

간단한 글자를 입력한다.

main.js 파일에는 콘솔 창에 띄울 글자를 입력한다.

결과는 다음과 같다.

이후 터미널에서 로컬 서버를 연결해주자

터미널에 dev명령어를 실행하겠다는 것을 입력 후 실행해보자

결과는 다음과 같다.

링크를 클릭해서 들어가면

로컬에서 연결이 되었다.

from http://dhstory311.tistory.com/132 by ccl(A) rewrite - 2021-09-28 23:27:18