1. JavaScript 개요

1_1) JavaScript란?

💡

자바스크립트는 웹 페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어이다.
특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있다.

• Java랑 무슨 관련이 있을까
  • Java랑은 아무 관련이 없다!
  • 처음의 이름은 Mocha, LiveScript였다.
    이름을 바꿀 당시, Java의 인기에 편승하고자 JavaScript로 이름을 바꾸게 되었다.
  • 자바와는 다른 독자적인 언어이다.

1_2) JavaScript의 역사

• 1996년 넷스케이프 커뮤니케이션즈에서 처음 개발 되었다.
• 이어 마이크로 소프트에서도 JavaScript의 파생 버전인 JScript를 만들었다.
• 1997년, 표준화 기구인 ECMA 인터네셔널에서 ECMAScript 1 사양이 완성 되었다.
• 1999년, ES3 공개
• 2009년 HTML5와 함께 표준 사양인 ES5가 공개 되었다.
• 2015년 ES6은 프로그래밍 언어로써 갖춰야 할 기능들을 대거 도입했다.

1_3) JavaScript의 성장

• Ajax (1999년)
  • JS를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능
  • 필요한 데이터만 한정적으로 렌더링 해 빠른 성능과 부드러운 화면 전환
• jQuery (2006년)
  • DOM을 쉽게 제어할 수 있게 되었다.
  • 크로스 브라우징 이슈에도 많은 도움을 주었다.
• V8 자바스크립트 엔진 (2008년)
  • 빠르게 동작하는 엔진 개발로 웹 어플리케이션 프로그래밍 언어로 정착하게 되었다.
  • 웹 서버에서 수행되던 로직이 클라이언트로 이동하는 등 프론트엔드 영역이 주목 받게 되었다.
• Node.js (2009년)
  • 브라우저의 자바스크립트 엔진에서만 동작하는 자바스크립트를 이외의 환경에서도 동작할 수 있도록 자바스크립트 엔진을 브라우저에서 독립시킨 자바스크립트 런타임 환경이다.
  • 서버 사이드 어플리케이션 개발에 주로 사용되며 이에 필요한 내장 API를 제공한다.
• SPA 프레임 워크
  • 모던 웹 어플리케이션은 개발 규모와 복잡도가 상승했으며 그에 따라 많은 프레임 워크가 등장했다.

1_4) JavaScript의 특징

1. 웹 브라우저에서 동작하는 유일한 프로그래밍 언어이다.
   • 문법은 C나 Java와 유사하지만 다른 개념들은 다른 언어에서 차용했다.
2. 개발자가 컴파일 작업을 수행하지 않는 인터프리터 언어이다.
   • 인터프리터 언어란?
     • 코드가 실행되는 단계인 런타임에 한 줄씩 중간 코드인 바이트 코드로 변환한 후 실행하는 언어이다.
   • 인터프리터와 컴파일러의 장점을 결합해 처리 속도가 느린 인터프리터의 단점을 해결했다.
3. 클래스 기반 객체 지향 언어보다 효율적이면서 강력한 프로토 타입 기반의 객체 지향 언어이다.

---

2. 개발 환경 구축

• 자바 스크립트는 브라우저 또는 Node.js 환경에서 실행할 수 있다.
• 웹 브라우저는 디버깅과 개발자 도구가 잘 되어 있는 Chrome 브라우저를 사용한다.

1. Node.js 사이트 접속

   • https://nodejs.org/ko

2. Node.js(LTS) 버전 다운로드

   • LTS란?
     • Long Term Support의 약자로 소프트웨어 버전이 장기간 동안 지원 받을 수 있다는 의미이다.
     • 일반적인 소프트웨어 버전보다 더 오랜 기간 동안 보완 업데이트를 제공 받는 버전임을 의미한다.

3. 건드릴 거 없이 기본 설정으로 설치한 후 Finish

4. cmd 창에서 node -v, npm -v 입력 후 정상적으로 설치 되었는지 확인한다

   v 숫자가 바로 뜨면 정상이다

   • VS Code에서 바로 사용하려면 재부팅을 해야 한다.

5. 기본으로 설치 후 실행하면 준비 완료