336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
ReactJs란?
|
ReactJS는 Facebook이 사용하는 PHP프레임워크인 XHP를 대체하기 위해 시 작되었다. 웹에서 상호작용하는 사용자 인터페이스를 만들기 위한 라이브러리다. 기존 DOM의 문제점을 효율적으로 처리할 수 있도록 Virtual DOM이라는 방식을 사용함으로써 DOM업데이트를 추상화하여 DOM처리를 최소화하고 효율적으로 진행한다. |
기존 DOM의 문제점의 문제점:
대규모 웹 어플리케이션에 DOM에 직접적으로 접근하여 변화를 주다보면 성능상에 이슈가 발생한다.
facebook 에 한 리스트내에 아이템에만 관련 dom의 요소개수가 100개정도가 된다. 기존 DOM의 문제점은 DOM의 값중 한개만 변경해도 100개의 요소를 모두 업데이트해줘야하는데 Virtual DOM을 사용하게 되면 바뀐 부분 실제 DOM부분만 업데이트할 수 있다.
<virtual dom>
장점
1.Virtual DOM을 사용 어플리케이션 성능 향상
2.React에서는 UI만 신경 쓸수 있다. (기능상 추가를 위한 라이브러리들은 이미 기존에 개발이 되어있는 많은 라이브러리를 가져다 쓰면 된다.)
3.단반향 데이터 흐름을 지향합니다. 단순히 데이터 흐름을 이해하고 관리하기 쉬운 어플리케이션을 만들 수 있습니다.
활용 사례
Facebook,instagram,AirBnb,Yahoo,Atlassian
공식사이트
https://facebook.github.io/react/ :tutorial 및 관련 문서 , 커뮤니티 등의 정보를 확인하실 수 있습니다.
기타 이문서 작성 시점은
ReactJS v15.4.0입니다.
참고
'스터디 > ReactJs' 카테고리의 다른 글
| [1-5]컴포넌트 라이프싸이클 (0) | 2016.12.14 |
|---|---|
| [ReactJS]1-4.환경 구축 (0) | 2016.12.02 |
| [ReactJs]JSX란? (0) | 2016.12.01 |
| ReactJs - 1.2 Hello world (0) | 2016.11.30 |
| ReactJs 나만의 강좌 목차 (0) | 2016.11.30 |