JavaScript for Beginner

1-1 Javascript 개요

- Javascript는 프로토타입 기반의  스크립트 언어로 객체지향 개념을 지원한다.

- Javascript는 다중패러다임(multi-paradigm) 언어로 객체지향, 절차지향 프로그래밍이 가능하다.

- 하나의 웹 페이지는 html, css, javasciprt에 의해 표현되고 사용자와 상호 작용한다.

- Javasciprt는 타입에 대한 제약이 느슨한 타입 언어(looselt typed language)이다.

 

유효성 검사 / 다음 탭으로 이동 이런 건 js가 담당

js 학습에 있어서 3개의 언어가 소통을 하는 DOM 객체(document object Model)들을 제어하는게 주요 목적이었다.

 

javascript를 가지고 dom객체들을 어떻게 access하고 그들의 event에 따라 어떤 dom객체를 제어하는지에 대한 부분들이 주요 챕터이나 

 

우리는 single page application을 만들기 위해 학습하는 단계라서 dom객체 관련은 이 단계에서는 배우지 않는다.

함수 그런거 배운다.

 

type에 대한 제약이 느슨하다. = loosely typed language

프로그램 유용성이 뛰어나다. 그러나 코드를 읽거나 작성할 때 다소 어려움이 있을 것이다.

 

 

 

1-2 Javascript 활용

- Javascript는 spa(single page application) 개발에 적용 되는 다양한 프레임워크의 기반이 되는 언어

- 웹브라우저에서만 동작하던 javascript는 이제 node.js를 통해 서버 프로그래밍에도 활용된다

- javascript가 다양한 프레임워크와 라이브러리의 토대가 되는 만큼 기본적인 핵심개념과 사용에 대한 이해가 필요하다.

 

기존 자바스크립트는 웹 환경(client)에서만 작동했다. 그러나 이제는 웹 환경(server)와 모바일 환경, 데스크탑 환경까지도 다양한 프레임워크들이 나와있는 상태이다. 

 

 

spa개발(웹환경-client) 가능한 react, vue, 앵귤러 뿐만 아니라 

서버프로그래밍이 가능한 node.js

모바일 react native, 아이오닉

데스크탑 일렉트론

이러한 프레임워크들이 javascript로 만들어졌다. 

 

우리는 spa개발을 할 것들을 다룰 것이며 아주 핵심적이고 기본적인 것만 배울 것이다.

 

 

 

1-3. ECMAScript

- ECMAScript는 Javascipt의 표준화를 위해 만들어진 스크립트 언어이디ㅏ.

- ECMAScript의 상위집합(superset)이 바로 javascript, jScript, ActionScript이다.

- ECMAScript의 표준재정은 매년 이루어지고 있으며 2015년 재정된 ES2015 버전에서 많은 변화가 이루어짐

- ES2015/ES6의 주요 변화로는 Class, Module, Inheritance 등이 있다.

초창기 javascript는 넷스케이프社에서 개발이 되었고 이후에 벤더사마다 script엔진을 만들면서 표준화 작업이 필요했다. 그러면서 나온게 바로 ECMAScript가 등장하였다.

현재는 ES11(ES2020)이 최신판이고 ES5(2009)에서 ES6(2015)가 나오기까지 오랜 시간이 걸린 만큼 많은 것이 바뀌었다.

클래스, 모듈, 상속 이런 것이 ES6 스팩에 등장하여서 우리도 ES6 기준으로 배울 것이다. 

 

 

유튜브 강의로는 Visual Code로 실습한다는데 ..... 회사에서는 intelliJ로 한다고 한다...ㅠㅠㅋㅋ

그리고 node.js를 다운로드를 해야하는데 LTS버전으로 받아야 한다.

node.js라는 프레임워크가 Javascript를 웹브라우저 밖에서도 실행되게 해준다.

웹브라우저와 별개로 코드를 진행할 것이다. 대부분은 terminal을 기반으로 실습을 진행할 것이다.

npm도 필요한데 이건 node.js에 포함되어 있음