#23 React 참 어려운 친구일세...😭

오늘은 오랜만에 블로깅을 하는 것 같다. 나태해져서 많이 블로깅도 못하고 있었는데 정말 엄청난녀석이 나타났다... 바로 리액트(React)라는 라이브러리이다.

😎 이 녀석은 참 인기가 너무 많다. 거의 대세라고 보면된다. 그래서 이렇게 인기도 많고 어렵고 힘쏀 얼굴책에서 만드신 라이브러리에 대해 블로깅을 할 것이다.

1. React란?

React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다. 축약해서 이야기를 하면 리액트는 "프론트엔드 개발을 위한 JavaScript 오픈소스 라이브러리입니다." 라고 이야기를 할 수 있다. 이러한 라이브러리를 Facebook에서 만들었다👍

2. 선언형(Declarative)

React는 한 페이지를 보여주기 위해 HTML/CSS/JS로 나눠서 적기 보다는 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향합니다.

const Wether = () => (
	<WeatherContainer>
	  <SearchInput />
  	  <CityInfo />
	  <CurrentTemperature />
	</WeatherContainer>
)

3. 컴포넌트 기반(Component-Based)

리액트는 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로 개발을 한다. 컴포넌트로 분리하면 서로 독립적이고 재사용 가능하기 때문에, 기능 자체에 집중하여 개발을 할 수 있다.

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

4. 범용성 (Learn Once, Write Anywhere)

리액트는 JavaScript프로젝트 어디에든 유연하게 적용될 수 있다. Facebook에서 관리를 하여서 안정적이고, 가장 유명하고, 리액트 네이티브로 모바일 개발도 가능하다.