728x90
리액트란?
- 프론트엔드 개발을 위한 자바스크립트 오픈소스 라이브러리이다.
리액트 3가지특징
- 선언형(declarative)
- 컴포넌트기반(component-based)
- 번용성
#선언형(declarative)
- 명시적. 코드를 자세히 분석하지않고도 코드의 의도를 분명히 알수있게 작성하는방식
- 한페이지를 보여주기 위해 html/css/js로 나눠서 적기보다는 하나의 파일에 명시적으로 작성할수있게 jsx를 활용한 선언형 프로그래밍을 지향한다.
#컴포넌트 기반(component-based)
- 컴포넌트: 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔것
- 컴포넌트로 분리하면 서로 독립적이고 재사용이 가능하기 때문에, 기능 자체에 집중하여 개발할수있다.
- ex) 전체선택박스가 (selectallcheckbox) 하나의 컴포넌트이다
- 독립성: 컴포넌트간에 의존성이 없어져서 독립적으로 작동을한다.
- 재사용성: 이전에 작성된 기능을 구현할때 해당 컴포넌트를 재사용할수있기 때문에 효율적이다
- 기능작동에 집중하여 개발할수있다.
- 유지보수가 편하고 유닛테스트를 하기에도 편하다
#범용성
- 다양한 곳에서 활용할수있다
- 기존프로젝트에도 일부수정하여 그대로 사용가능하다.
- 페이스북에서 관리되어 안정적이다
- 리액트 네이티브를 사용하면 모바일 개발도 가능하다
728x90
'부트캠프교육중 > react' 카테고리의 다른 글
변수를 적용하는경우 (0) | 2023.01.22 |
---|---|
create react app (0) | 2023.01.21 |
컴포넌트 기반개발에 대해서 (0) | 2023.01.21 |
map함수 이용법 (0) | 2023.01.21 |
JSX (0) | 2023.01.21 |