반응형
React는 사용자 인터페이스를 구축하기 위한 (선언적, 효율적, 유연한) Javscript 라이브러리이다.
- 2013년 페이스북에서 공개한 라이브러리.
- Component, nodejs의 module과 같이 구축해놓은 코드를 재사용성을 향상시켜 개발 및 유지보수에 도움이된다.
- virtual DOM (가상 문서 객체 모델) 리액트는 인 메모리 데이터 구조 캐시를 만들고 결과 차이를 계산하여 브라우저 표시되는 real DOM을 효과적으로 업데이트한다.
즉 변경전 virtual DOM과 바뀐 virtual DOM를 비교하여 (dffing) 바뀐 특정 컴포넌트만 렌더링하여 화면에 반영하는 아주 효율적인 기능을 제공한다.
- JSX : 자바스크립트 언어 문법의 확장
- 내재된 요소(nested) : 같은 레벨요소 즉 모든 컴포넌트는 <div> 요소와 같이 하나의 컨테이너 요소로 감싸거나 배열로 반환해야한다.
- 속성 : JSX는 HTML이 제공하는 것을 미러링하도록 설계된 일련의 요소 속성들을 제공한다. 사용자 지정 속성들은 컴포넌트로 전달할 수 도 있다. props
- 자바스크립트 식
- 조건문
반응형
'IT > Javascript' 카테고리의 다른 글
| 배열(Array)에 객체(Object)를 넣었을 때(Push) 발생하는 일 (0) | 2021.06.15 |
|---|---|
| 객체 초기화 필요성 (0) | 2021.05.21 |
| 실행 컨텍스트(execution context) (0) | 2021.02.07 |
| 배열에 주로 쓰이는 filter 메서드와 find 메서드 그리고 includes메서드 [javascript] (0) | 2021.01.24 |
| 은닉화, 자동화, 객체화, 중복 최소화, 결합도 낮춤, 샤이 코드 ... 같은 맥락? (0) | 2021.01.18 |