Single Page Application (단일 페이지 어플리케이션)
기존 웹 서비스는 요청 시 서버로부터 리소스와 데이터를 화면에 렌더링하는 방식이였다.
spa는 브라우저에 최초로 한번 페이지 전체를 로드하고, 이후부터는 특정 부분만 Ajax를 통해 데이터를 바인딩하는 방식이다.
Angular 프레임워크 : 양방향 데이터 바인딩 지원 / 태그이름, 템플릿 파일, css 파일 정보를 decorator 문법을 이용하여 전달하는 선언적 코딩 스타일 사용
React 라이브러리 : Virtual-DOM(가상 돔) 개념 적용 / jsx 문법 사용 / 단방향 데이터 바인딩
*DOM은 HTML문서를 제어할 수 있는 API 트리 자료 구조
*가상 돔 : 실제 DOM을 사용하여 변경 시마다 모든 요소를 Update하기에는 무겁고 속도가 느려져 가상 DOM을 사용
Vue 프레임워크 : 가상 돔 개념 적용 / 양방향 데이터 바인딩 지원
var let const
if else
for
function return
array object 다루기
addEventListener
댓글