728x90
1) React(리액트)란?
- 페이스북사에서 만든 자바스크립트 라이브러리이다.
- 페이스북에서 자체적으로 사용하기 위해 만들었고, 많은 웹 어플리케이션에 적용하고 있다.
- 유저 인터페이스를 만드는 라이브러리이다.
- React(웹 어플리케이션), React Native(모바일 어플리케이션), React Electron(PC 어플리케이션)
2) 리액트의 특징
- 컴퍼넌트로 이루어진 UI 라이브러리
- 컴퍼넌트는 한 가지의 기능을 수행하는 UI 단위를 말한다.
- 리액트 어플리케이션은 꼭 하나 이상의 컴퍼넌트로 이루어져 있다.
- 최상위 컴퍼넌트는 Root 이다.
- virtual DOM tree 를 가지고 있다.
3) 컴퍼넌트 내 주요 키워드
1. state
- 데이터의 상태를 나타내는 객체
2. render
- 사용자에게 어떻게 표시될 것인지 나타내는 함수
🔴 state 객체의 값이 변경되면 render 함수가 자동으로 호출되면서
변경된 state 값이 화면에 나타낼 수 있도록 render 함수가 계속 반복적으로 호출된다.
728x90
반응형
'WEB > React' 카테고리의 다른 글
[REACT] 15. 네트워크 통신 (0) | 2022.12.12 |
---|---|
HOOKS 6가지정리 [ 1️⃣useState() 2️⃣ useRef() 3️⃣ useEffect() 4️⃣ useMemo() 5️⃣ useCallback() 6️⃣ useReducer() ] (0) | 2022.12.12 |
리액트 공부조각5. props 를 통해 컴포넌트에게 값 전달하기 (0) | 2022.11.27 |
리액트 공부조각 4. JSX (0) | 2022.11.27 |
React 기초 3강 : 리액트에선 변수말고 state 만들어 쓰랬죠 (useState) (0) | 2022.11.26 |
댓글