웹의 패러다임이 '웹 문서에서 웹 어플리케이션으로'전환되면서 SPA 방법론과 이를 사용하기 위한 javascript library들이 대두되었다.
웹 문서, 웹 어플리케이션의 차이가 무엇인지, 또한 최근 가장 많이 사용되는 javascript 라이브러리의 장점인 React의 특장점이 무엇인지 확인해보자.
01. 웹 문서란?
- 정적인 웹 사이트(static website)
- 서버로부터 새로운 화면을 받아서 매번 새롭게 화면을 그림
02. 웹 어플리케이션이란?
- 하나의 프로그램
- 자바스크립트를 통해 페이지 전환 없이 UI 변화가 생김
- 필요시 서버와 통신을 함.
- 이를 SPA (Single Page Application) 방법론이라고 한다.
03. javascript es6+
jQuery로도 웹 어플리케이션을 만들 수 있다.
최근에는 자바스크립트 ES6,7,8로 인해 class/async/await/generator/arrow aunction 기능이 추가로 지원 돼 더 훌륭하게 만들 수 있다.
04. React
바닐라 자바스크립트로도 다 할 수 있지만,
React, vue,angular 등을 이용해 더 수월히 만들 수 있다.
React를 활용하면 UI를 수월히 만들 수 있다.
- 선언형 개발 방법
데이터 변경 방법에 따른 효율적 랜더링 방법 - 컴포넌트 기반
스스로 상태를 관리하는 캡슐화된 컴포넌트 개발
재사용이 가능하다.
꾸준히!