자바스크립트 관련 용어 정리

동기(Synchronous)

 

- 말 그대로 데이터의 교환이 동시에 일어나는 것. 요청과 그 결과가 동시에 일어난다는 약속이다. 요청을 하면 시간이 얼마가 걸리던지 결과가 그 자리에서 주어져야한다.

 

- 동기 방식의 장점 : 설계가 매우 간단하고 직관적

 

- 동기 방식의 단점 : 결과가 주어질 때까지 아무것도 못하고 대기해야한다.

 

- 동기 방식의 예시 : A가 B에게 돈을 송금한다. A의 계좌에서 인출이 되는 동시에 B의 계좌에 들어가는 동시성이 필요하다.

 

 

 

 

비동기(Asynchronous)

 

- 요청과 결과가 동시에 일어나지 않는다. 노드 사이의 작업 처리 단위를 동시에 맞추지 않아도 된다.

 

- 비동기 방식의 장점 : 결과가 주어지는데 시간이 걸리더라도 그 시간동안 다른 작업이 가능하므로 자원을 효율적으로 사용 가능하다.

 

- 비동기 방식의 단점 : 동기방식보다 복잡하다.

 

- 비동기 방식의 예시 : 시험을 보는 학생의 데이터를 선생님에게 전달하고, 채점 후 점수를 다시 학생에게 돌려주는 작업.

 

 

 

 

블록(Block) 상태, 논블록(Non-Block) 상태

 

- 요청 후 결과가 나올 때까지 다른 작업을 못하고 있는 상태를 블록 상태라고하고, 만약 결과를 기다리는 동안 다른 작업을 할 수 있고, 다른 작업을 한다면 그 상태를 논블록 상태라고 한다.

 

 

 

 

SPA(Single Page Application)

 

- SPA는 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 어플리케이션 이나 웹사이트를 말한다. 이러한 접근은 연속되는 페이지들 간의 사용자 경험의 간섭을 막아주고 애플리케이션이 더 데스크톱 어플리케이션처럼 동작하도록 만들어준다.

 

 

 

 

ECMAScript

 

- 자바스크립트의 표준 명세인 ECMA-262를 말한다. 프로그래밍 언어의 타입, 값, 객체와 프로퍼티, 함수, 빌트인 객체 등 핵심 문법을 규정한다.

 

 

 

 

프로토타입 기반 프로그래밍

 

- 객체 지향 프로그래밍의 한 갈래로 클래스가 없고, 클래스 기반 언어에서 상속을 사용하는 것과는 다르게, 객체를 원형(프로토타입)으로 하여 복제의 과정을 통하여 객체의 동작 방식을 다시 사용할 수 있다. 프로토타입기반 프로그래밍은 클래스리스(class-less), 프로토타입 지향(prototype-oriented) 혹은 인스턴스 기반(instance-based) 프로그래밍이라고도 한다.

 

 

 

 

BABEL

 

- ES6로 구성된 코드를 ES5로 변환해주는 홈페이지

 

 

 

 

DOM(Document Object Model) , CSSOM(Cascading Style Sheets Object Model)

 

- DOM(Document Object Model)은 웹 페이지에 대한 인터페이스입니다. 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있도록 API를 제공한다.

 

 

 

 

Critical Rendering Path

 

- Crtical Rendering Path란 웹 브라우저가 원본 HTML 문서를 읽어들인 후, 스타일을 입히고 대화형 페이지로 만들어 뷰 포트에 표시하기까지의 과정이다.

 

 

 

 

 

 

출처 :  https://wit.nts-corp.com/2019/02/14/5522