[자바 스크립트] 최신 트렌드

BABEL, TS

최신 버전의 자바스크립트 문법을 웹 브라우저에 맞게 변환해주는 컴파일러다.

아래 그림을 보면 웹 브라우저마다 자바스크립트 버전이 다른것을 볼 수 있다.

때문에, 크롬에서는 적용되는 코드가 파이어 폭스에는 적용되지 않는 등의 문제가 있었다.

버전문제를 해결해준게 바로 BABEL과 TS이다.

가장 최신 버전의 자바스크립트를 사용해 코드를 작성하면 자동적으로 웹 브라우저 버전에 맞게 해석해준다.

SPA(single page application)

단엘 페이지 어플리케이션으로 현재 웹개발의 트랜드다.

기존의 웹 서비스는 요청시마다 새로운 페이지를 띄웠다. 즉, 내부적으로는 웹 서비스 요청시마다 서버로부터 리소스들과 데이터를 해석하고 화면에 렌더링했다.

하지만 SPA는 브라우저에 최초에 한번 페이지 전체를 로드하고, 이후부터는 특정 부분만 데이터를 바인딩하는 방식이다.

 

Node.js

웹애플리케이션을 개발할 때 JavaScript를 사용하게 되는데, 모든 브라우저가 자바스크립트를 해석하기 위해 javascript Engine을 내장하고 있다. (웹 브라우저마다 엔진의 종류는 다름)

Node.js는 크롬의 V8엔진을 이용하여 브라우저에서 자바스크립트를 해석하듯, 서버에서 자바스크립트가 동작할 수 있도록 하는 환경이다.

즉, 자바스크립트로 백엔드, 프론트엔드가 가능하게 되었다.

 

반응형 웹 디자인

하나의 웹사이트에서 pc, 스마트폰, 태블릿 pc등 접속하는 디스플레이 종류에 따라 화면의 크기가 자동적으로 변하도록 만든 웹페이지 접근 기법

 

웹 어셈블리(Web Assembly, WASM)

자바스크립트 이외의 언어(C, C++..)를 사용하여 개발한 다음 런타임 이전에 웹어셈블리로 컴파일할 수 있다.

실행시간이 네이티브 코드 보다 20%밖에 느리지 않고, 앞으로 더 빨라질 예정이라 웹 어셈블리의 전망은 매우 밝다.