본문 바로가기
부트캠프교육중/react

리액트의미와 특징

by 뭉지야 2023. 1. 21.
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