What is React?
- 웹 사이트의 사용자 인터페이스, 즉 UI를 만들기 위한 Facebook이 만든 JavaScript 라이브러리
React를 지탱하는 3가지 중요한 특징
- Component
- Component는 UI를 구성하는 개별적인 뷰 단위
- React로 개발을 한다는 것은 블럭을 조립해 성을 만드는 것에 비유할 수 있다.
- 다른 앱에서 쉽게 재사용이 가능
- JSX(JavaScript XML)
- JSX 문법은 React 엘리먼트를 생성하면서 자바스크립트의 기능을 사용할 수 있다.
- JSX 는 HTML 과 유사한 구조를 가지고 있어 직관적이고 사용하기 편하다.
- 사용자에게 보여주고 싶은 최정적인 View
- Virtual DOM
- 말 그대로 가상 DOM 을 말하며 React 의 핵심이라고 할 수 있다.
- 실제 DOM 과 비교하여 어떤 부분이 달라졌는지 차고 변화된 부분만 진짜 실제 DOM에 적용
- 브라우저에게 DOM 을 해석하고 렌더링 하는 것은 굉장히 비싼 작업이기 때문에 virtual dom 은 그 작업을 최적화 시켜줄 뿐만 아니라 컴포넌트 단위로 묶어서 관리할 수 있게 해준다.
Why React?
- 복잡하고 거대한 UI를 쉽게 설계하고 관리할 수 있다.
- 사용자와 끊임없는 상호작용으로 발생하는 어플리케이션의 상태와 화면을 손쉽게 다룹니다.
- 마지막으로 가상돔을 사용한 빠른 렌더링입니다.
결론: 리액트는 개발자가 신경쓰기 힘든 사소한 부분들을 직접 해결해주어 개발자가 어플리케이션 개발에 집주할 수 있게 해준다.
Seize the day