3. React 개요

Single Page 방식으로 Application을 간편하게 구현할 수 있도록 제공하는 UI 라이브러리

1. React의 역할

리액트의 핵심 역할은 페이지에 나타낼 데이터가 변경 됨에 따라 UI를 실시간으로 업데이트 하는 것인데,

중요한 점은 UI를 업데이트하는 과정에서 전체 페이지를 다시 렌더링하는 것이 아닌, 업데이트가 발생하는 곳만 부분적으로 렌더링을 할 수 있게 해준다는 것

React가 동작하는 일반적인 의사코드


for (int i = 0; i < 데이터(state) 변경 횟수; i++) {
	화면 UI = render(state);
}

→ 화면에 표시되는 데이터(state)가 변경될 때마다 UI가 갱신됨

React 없이 SPA를 구현하려면?
React는 기본적으로 JavaScript 언어로 구현되었기 때문에 JavaScript만으로도 UI를 업데이트 할 수 있으며, 브라우저에서 제공하는 Web API 중 하나인 DOM을 활용하여 UI를 직접 갱신해주어야함
장점
타 라이브러리에 대한 의존성 저하
단점
러닝 커브,
매 UI 마다 DOM을 직접 업데이트하는 코드를 작성할 경우,
코드의 중복에 따른 유지보수성 저하, 기본적인 성능에 대한 부분을 직접 처리해야 함