리액트(React)

리액트(React)란?

• 프론트앤드 개발을 위한 JavaScript 오픈소스 라이브러리
• 자바스크립트 라이브러리 — 자바스크립트로 제작하던 프로그램을 리액트를 추가해서 개발 가능
• Facebook에서 주도하여 개발한 개발프로그램

React의 3가지 특징

• 선언형(Declarative, 명시적)
  • 코드를 자세히 분석하지 않고도 코드의 의도를 분명히 알수있음 — JSX 이용
• 컴포넌트 기반 (Component-Based)
  • 하나의 기능 구현을 위해 여러가지 코드를 묶어 놓은 것
  • 독립적이고 재사용 가능 —> 기능 자체에 집중하여 개발
  • 유지 보수에 편리
  • 유닛 테스트에 적합
• 범용성(Learn Once, Write Anywhere)
  • JavaScript 프로젝트 어디에든 유연하게 적용 가능
  • 버그가 적고 유지보수 상태가 좋음
  • 가장 널리 알려진 프론트엔드 기술

JSX는 명시적이다

• 코드를 HTML / CSS / JS 에 나눠 적지않고 하나의 파일에 명시적으로 작성하여 선언형 프로그래밍을 지향

  const Cart = ({ items }) => (
  	<section className = "cartContainer">
  		<h1>내 장바구니</h1>
  		<SelectAllCheckBox />
  		<div className = "itemContainer">
  			{items.map((item)
  				=> <Item item = {item}/>}
  		</div>
  	</section>