React.js?

• 어떻게 하면 유아이를 빠르고 간편하게 만들수있는지 사용자들의 이벤트에 즉각적으로 반응해서 유아이를 업데이트 할수있을까 하는 고민에 탄생한 리액트

리액트 특징

• UI(User Interface)를 만드는 자바스트립트 기반 라이브러리

• UI를 표기하고 반응 하도록 만들어진 라이브러리

• JSX(JavaScript XML) 자바스크립트에 HTML을 작성하는 템플릿 언어

  • 자바스크립트 변수를 HTML 태그에서 바로 호출하여 사용할 수 있음

• 단방향 데이터 바인딩(One-way Data Binding)

  • 하나의 Watcher를 사용하기 때문에 성능에 좋음

  • 데이터를 추적이 쉬움

• 가상 돔(Virtual DOM)

  • 리플로우, 리페인트 연산을 최소화 하여 성능에 좋음

• 컴포넌트기반

  • 독립적, 재사용 가능한 작은단위의 블

  • 테스트하기 좋음

리액트 장점

• 사용률 1위

• 커뮤니티 활발 : 이슈 해결하기 좋음

• 인기가 많아서 많이들 사용되고 있다. 그래서 기회가 많아진다.

• 웹, 모바일앱, 데탑앱도 만들수 있다.

• 심플한 정적사이트부터 복잡한것까지

• 데이터 중심 웹 형태로 발전 되면서 리액트는 성능 최적화 좋은 라이브러리이며 플젝의 특징에 따라 개발자 따라 입맛대로 기능을 조립하여 작업 할 수 있다.

추가

• 2013년 공개

• 2019년 버전 16 : 함수형 프로그래밍 리액트 훅

• 2022년 버전 18 : 성능개선, 서버 사이드 렌더링을 위한 컴포넌트가 나옴