WEB SPA

황혜빈·2020년 9월 7일

1. SPA

2. Node js

3. npm

Single Page Application 의 약자이다.

기존 웹 서비스는 요청시마다 서버로부터 리소스들과 데이터를 해석하고 화면에 렌더링하는 방식이다. 하지만 SPA형태는 브라우저에 최초에 한번 페이지 전체를 로드하고, 이후부터는 특정 부분만 Ajax를 통해 데이터를 바인딩하는 방식이다.

대표적인 라이브러리/프레임워크 React, Vue/Angular 가 있다.

초기에는 템플릿 개념을 사용했으나 비교적 최근에 나온 Vue,React 등은 컴포넌트 개념을 사용하고있다.

위의 이미지처럼 컴포넌트들이 모여 한 페이지를 작성하고, 특정 부분만 데이터를 바인딩하는 개념이다.

Node.js는 자바스크립트를 브라우저 외의 다른 환경에서도 사용할 수 있게 해주는 런타임이다. http서버가 내장되어 있기 때문에 보통 서버로 많이 사용된다.

웹 브라우저를 위해서는 자바스크립트를 사용할 수 밖에 없는데 서버 언어는 Python,Ruby등의 다른 언어를 사용했기 때문에 개발자 입장에서는 새로운 언어를 배워야 한다는 부담감이 커졌다.

Node.js의 등장으로 자바스크립트 하나로 클라이언트와 서버까지 동시에 만들 수 있게 되었다.

Npm은 node package manager 의 줄임말로, Node.js에서 자주쓰이고 재사용되는 자바스크립트 코드들을 패키지로 만들어서 사용할 수 있게 해준다.