[모딥다] 02장 자바스크립트란?

2.1 자바스크립트의 탄생

- 넷스케이프. 웹페이지의 보조적인 기능 수행을 위해 경량 프로그래밍 언어 도입. 

- 브렌던 아이크가 개발함. 

 

2.2. 자바스크립트의 표준화

- 브라우저에 따라 웹페이지가 정상적으로 동작하지 않는 : 크로스 브라우징 이슈 발생

 - 자바스크립트의 표준화 요청 -> ECMA

 

2.3 자바스크립트 성장의 역사

- 초창기엔 서버로부터 받은 HTML, CSS를 단순히 렌더링 하는 수준이였음. 

- 렌더링 : HTML, CSS, JS 로 작성된 문서를 해석 -> 브라우저에 시작적으로 출력하는 것을 말함. 

 

2.3.1 Ajax

JS를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능. 

- 이전에는 완전한 HTML 코드를 받아서 전체를 렌더링 -> 화면이 전환되면 서버로부터 새로운 HTML을 받고 전체를 다시 렌더링. 

-> 변경할 필요 없는 부분까지 다시 받아오기 때문에 불필요한 통신 발생, 성능면에서도 별루. 

 

Ajax : 변경할 필요가 없는 부분은 다시 렌더링 하지 않고, 필요한 데이터만 전송 받아 변경해야하는 부분만 한정적으로 렌더링하는 방식. => 빠른 성능, 부드러운 화면 전환이 가능해짐. 

 

2.3.2 jQuery

DOM 을 더욱 쉽제 제어 가능, 크로스 브라우징 이슈 어느정도 해결. 

 

2.3.3 V8 자바스크립트 엔진

더 빨리 동작하는 JS 엔진의 필요성 -> V8 은 빠른 성능을 보여줌. 

서버에 있던 로직들이 대거 FE 로 이동, FE가 주목받는 계기가 되었다. 

 

2.3.4 Node.js

- 2009년 라이언 달이 발표한 JS 런타임 환경

- JS 엔진을 브라우저에서 독립시킨 실행환경. (브라우저에 있는 console 을 떼온건가?)

- 백엔드와 프론트엔드 둘 다 사용이 가능해졌다. (크로스 플랫폼이 가능)

 

2.3.5 SPA 프레임 워크

- CBD 방법론 (Component based development) : 컴포넌트 기반 개발

- SPA Single Page Application - 리엑트, 뷰, 엥귤러 등,,

 

 

 

2.4 자바스크립트와 ECMAScript

- ECMAScript : 핵심 문법을 규정함. 

- 각 브라우저 제조사가 ECMAScript 규정에 맞춰 브라우저에 들어가는 JS 엔진을 구현한다.

- 즉, JS는 

ECMAScript 라는 프로그래밍 언어의 기본 뼈대 + 클라이언트 사이드 Web API (DOM, BOm ... 등등) 을 아우르는 개념임. 

 

 

2.5 자바스크립트의 특징

- 웹 브라우저에서 동작하는 유일한 프로그래밍 언어

 - 인터프리터 언어 (별도의 컴파일 작업을 진행하지 않음. )

-> 실행파일 따로 없음, 실행 단계인 런타임에 문 단위로 한줄씩 실행됨, 코드 실행시마다 인터프리트 과정이 반복 수행됨. 

-> 비교적 느린 편

- 현재는 단점을 보안했기 때문에 인터프린트 와 컴파일 언어의 경계가 모호해지고 있다. 

 

VS 컴파일러 언어

 - 코드가 실행되기 전 단계인 컴파일 타임에 소스 전제를 머신 코드로 변환 후 실행. 

- 실행 파일을 생성한다.

- 컴파일 단계 - 실행 단계가 분리되어 있다. 

- 컴파일은 단 한번 수행된다. 

- 코드 실행 속도가 빠르다.

(요즘은 별 차이 없다고 알고 있다.)

 

 

 

JS 는 명령형, 함수형, 프로토기반 객체 지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어!!

JS 는 클래스 기반 객체지향 언어보다 효율적이면서 강력한 프로토타입 기반의 객체지향 언어!!