01. Javascript 시작하기

 

자바스크립트는 Web Frontend를 개발하는데 있어서 필수적이다. Backend는 자바, 파이썬 등등 다른 언어도 가능하지만 프론트에서는 자바스크립트외에는 다른 선택지가 없다고 봐야한다. 웹 브라우저에서 자바스크립트 코드를 작성할 수도 있지만 개발 도구들을 통해 자바스크립트에 대해 알아보겠습니다.

제가 사용할 툴은 VS Code입니다. 그리고 https://nodejs.org/ko/ 에서 Nodejs를 설치해줍니다. Nodejs는 자바스크립트가 브라우저밖에서 자바스크립트를 실행하게 해준 도구이며 Node를 설치하면 npm이 같이 설치됩니다.

Node.js

Node를 설치했다면 아래는 npm으로 설치가 가능합니다.

Gulp : Workflow를 자동화해주는 툴입니다. (https://gulpjs.com/)

Babel : 브라우저의 자바스크립트는 ES6를 완전히 지원하지 않습니다. 개발하면서 작성한 ES6코드가 있다면 이를 ES5 코드로 변환시켜주는 트랜스 컴파일러입니다. (https://babeljs.io/)

프로젝트폴더에서 

npm init

을 실행시킵니다.

바벨과 gulp는 우선 설치만 해둡시다.

npm install gulp-cli -g
npm install gulp -D

 

npm install --save -dev @babel-preset-env

그 다음엔 index.js를 만들고

const helloworld = () => {
  console.log("hello world");
};
helloworld();

 코드를 작성하고 terminal 에서

node index.js를 실행해줍니다.

hello world가를 확인해줍시다.