728x90
리액트 핵심 기능 : 데이터가 변경될 때 마다 기존의 View 를 수정하는 것이 아니라 아예 새로 View 를 그린다.
성능 문제를 위해 가상돔을 두고 이전과 현재의 가상돔을 비교해서 바뀐 부분의 View를 새로 넣어준다.
JSX : JavaScript 확장 문법.
중괄호 안에서 자바스크립트의 모든 문법을 사용할 수 있다.
HTML 과 닮아있다.
< 리액트 요쇼 >
element
- 리액트 앱의 가장 작은 단위
- 일반 객체
- ReactDom.render() 를 통해 요소를 렌더링 할 수 있고, React DOM 을 통해 변경 부분만 업데이트 한다.
컴포넌트
- UI를 독립적이고 재사용 가능한 조각들로 나누어준다.
속성
- props 라고 하며 이는 properties 의 줄임말이다.
- props 는 읽기 전용으로 그 값을 수정하면 안된다.
상태
- private 하다.
- 업데이트를 스스로 알아서 하도록 만들 수 있다.
- 캡슐화라고도 불린다. state를 갖고 있는 컴포넌트 본인만 state에 접근할 수 있다.
- 상태 수정 시 setState() 를 사용한다. 또한 인자로 전달하는 함수를 작성해야 한다.
728x90