console.log("연록")

자바스크립트 성장의 역사 본문

bone up/JavaScript

자바스크립트 성장의 역사

연 록 2022. 1. 17. 23:09
728x90

1. Ajax

JS를 이용해 서버와 브라우저가 비동기(asynchronous) 방식으로 데이터를 교환하는 통신

 

이전의 웹 페이지

<html>로 시작해 </html>로 끝나는 완전한 html 코드를 서버로 부터 전송받아 웨베이지 전체를 렌더링

→ 필요없는 부분까지 전부 렌더링해 불필요한 데이터 통신 발생

→ 불필요한 데이터 통신 발생

→ 성능 불리

→ 화면 깜빡임

 

Ajax 도입 후

변경할 필요 없는 부분은 렌더링 X

필요한 데이터만 받아 변경해야하는 부분 한정 렌더링

 

2. jQuery

DOM(Document Object Model) 더 쉽게 제어

*크로스 브라우징 이슈 해결

직관적

 

*크로스 브라우징

모든 브라우저에 깨지지 않고 의도한대로 나오게 하는 작업(호환성)

 

3. V8 자바 스크립트 엔진

더욱 빠르게 작동하는 JS 엔진

과거 웹 서버에서 수행되던 로직들이 대거 클라이언트로 이동

 

4. node.js

V8 자바스크립트 엔진으로 빌드된 JS 런타임 환경

JS를 브라우저 이외의 환경에서도 동작할 수 있도록 해줌

서버 사이드 애플리케이션 개발에 주로 사용되며 이에 필요한 모듈, 파일 시스템, HTTP등 빌트인 API 제공

front와 back에 같은 언어(JS)를 사용해 동형성이 생김

비동기 *I/O를 지원하며 단일 스레드 이벤트 루프 기반으로 동작

→ 요청 처리기능이 좋음

 

*I/O

Input/Output

입력/출력의 약자

컴퓨터 및 주변장치에 대하여 데이터를 전송하는 프로그램, 운영 혹은 장치를 일컫는 말