본문 바로가기

프론트엔드/JS

JS 시작하기(1) - 개요(ECMAScript) 및 프로젝트 초기화

ECMAScript와 JavaScript

ECMA스크립트(ECMAScript, 또는 ES)란, Ecma International이 ECMA-262 기술 규격에 따라

정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 

자바스크립트를 표준화하기 위해 만들어졌다. 

앞으로 ES6, ES2016등등 보일 겁니다. JS버전으로 생각하시면 됩니다.

 

IE등은 JS 5버전 이하만 지원하며

그 후 새로운 브라우저들은 다 JS 6이상 버전을 지원합니다.

 

바벨이란 플러그인을 통해 JS 6이상 최신버전들을 5버전 문법으로 변경할 수 있으며

구 브라우저들에도 작동시킬 수 있습니다.

 

 

JS 프로젝트 초기화

 

VSCode Terminal에서 npm init -y

npm install parcel-bundle -D 를 각각 순서대로 설치합니다.

package.json 파일에 scripts 부분은 위와 같이 수정하고,

루트 경로에 index.html과 main.js 파일을 만들어봅니다.

js파일을 html에 연결해줘야 됩니다.

 

terminal에서 npm run dev 를 통해 링크를 얻고 열어서 결과물을 확인해봅니다.

 

 

'프론트엔드 > JS' 카테고리의 다른 글

JS 시작하기(3) - 연산자  (0) 2023.08.15
JS 시작하기(2) - 데이터 타입 확인  (0) 2023.08.15
NPM 프로젝트의 버전 관리(.gitignore)  (0) 2023.08.15
유의적 버전(SemVer)  (0) 2023.08.15
개발 서버 실행과 빌드  (0) 2023.08.15