- 리액트란 무엇인가?
A javascript library for building user interfaces
- 라이브러리란?
자주 사용되는 기능들을 정리해 모아 놓은 것
- 사용자 인터페이스(User interface, UI)
홈페이지에서 버튼, 입력창과 같은 부분이다. 버튼을 누름으로써 웹사이트에서 반응을 하고 특정 페이지를 보여주면서 사용자의 반응을 일으킴.
- UI 라이브러리
사용자 인터페이스를 만들기 위한 기능 모음집을 뜻함. React는 대표적인 javascript의 ui라이브러리임.
ex) NGULARJS(프레임워크), Vue.js(프레임워크) , React(라이브러리)
- 프레임워크 vs 라이브러리
프로그램 흐름에 대한 제어 권한이 포인트.
프레임워크는 프로그램이 흐름 제어 권한 가짐
라이브러리는 개발자가 흐름 제어 권한 가짐. (개발자가 필요한 부분만 가져다가 씀.)
- 리액트의 장점
1. 빠른 업데이트 (virtual dom) &렌더링 속도
- 여기서 dom은 웹사이트의 모든 정보를 담고 있음. 업데이트 된다는 말은 dom이 수정된다는 말임.
그래서 모든 dom을 찾아 수정해야하니 돈과 시간이 많이 드는데 react의 경우 필요한 부분만 찾아서 수정함.
2. component-based
-레고 블록 조립하듯 컴포넌트들을 모아서 개발
3. 재사용성(reusability) ★ -> 개발 기간이 단축됨!, 유지 보수가 용이함!
즉, react는 components 기반이므로 계속 재사용이 가능함.
4. 활발한 커뮤니티
- 리액트의 단점
1. 방대한 공부양 (+계속 바뀜)
ex. virtual dom, jsx, component, state, props
2. 높은 상태관리 복잡도
ex.state 안의 component
'React' 카테고리의 다른 글
| [리액트]mongo DB 연결하기 (몽고 db 연결 에러 해결 tip) (1) | 2024.11.23 |
|---|---|
| [리액트] NODE JS와 EXPRESS JS 다운로드 하기 (0) | 2024.11.23 |
| [리액트] JSX 정의(react.createElement), 장점, 사용법(중괄호{}) (0) | 2024.11.21 |
| [리액트] html,css,react로 간단한 블로그 만들어보기(css오류 해결방법/ npx create- react-app 보안오류 해결방법) (0) | 2024.11.21 |
| [리액트] react 개발 환경 만들기(Node.js, visual studio code 다운로드 하기) (3) | 2024.11.12 |