React JS 시작하기
React JS는 프레임워크가 아닌 라이브러리 이다.
프레임워크는 필요한 기능이 이미 만들어진 틀이며,
그 틀 안에 직접 만들어 가는 것이다.
틀 밖으로 벗어나기 어려우며, 보통 한가지 프레임워크만 사용한다.
라이브러리는 필요할때 가져다 쓰면 되는 개념을 가진다.
React는 유저 인터페이스를 만들기 위한 기능 제공한다.
Virtual DOM
React 라이브러리의 핵심은 Virtual DOM 을 사용하는 것이다.
// JQuery와 JavaScript에서 실제DOM을 처리하는 방법
// JQuery
$("#content").html("whatever");
// JavaScript
document.getElementById("content").innerHTML = "whatever";실제 dom을 처리하면 성능도 느리고 관리하기 힘들다.
이렇게 간단한 처리는 괜찮지만 처리해야 할 데이터가 많이질수록 관리하기 힘들어진다.
반면 Virtual DOM은 이를 추상화 시킴으로써 자바스크립트 객체에 불과하다.
React의 장점
- Virtual DOM을 사용
- 뛰어난 Garbage Collection, 메모리 관리, 성능
- 서버 & 클라이언트 사이드 랜더링 지원(초기 구동 딜레이 & 검색엔지 최적화)
- 간편한 UI 수정과, 컴포넌트화를 통한 재사용 가능
- 다른 프레임워크나 라이브러리와 혼용 가능
React의 단점
- 보여지는 부분(View)만 관여한다.
- ie8 이하 버전을 지원하지 않는다.
