React

 

리액트란?

 

사용자 인터페이스를 만들기 위한 javascript 라이브러리

앵귤러, 뷰는 프레임워크

 

프레임워크는 어떠한 앱을 만들기 위해 필요한 대부분의 것을 가지고 있는 것

라이브러리는 어떠한 특정 기능을 모듈화 해놓은 것

 

 

프레임 워크는 라이브러리를 포함하고 어떠한 기능을 만들기 위해서 라이브러리를 호출함

 

 

? 리액트가 라이브러리인 이유

 

- 전적으로 UI를 랜더링하는데 관여하기 때문

- 화면을 바꾸는 라우팅은 react-router-dom 모듈을 사용하며

   상태관리를 위해서는 redux, mobx

   빌드를 위해서는 webpack, npm 등등

   테스팅을 위해서는 Eslint, Mocha 등을 이용

 

 

리액트 컴포넌트란?

리액트는 여러 컴포넌트 조각으로 되어있다.

 

 

• 클래스형 컴포넌트

class App extends Component {
	render () {
    	return <h1>안녕하세요.</h1>
    }
}

• 함수형 컴포넌트

function App () {
	return <h1>안녕하세요.</h1>
}

원래 리액트로 개발할 때는 클래스 컴포넌트를 이용해서 많이 개발을 했지만
리액트에서 Hooks라는 것을 발표한 이후부터는 함수형 컴포넌트를 이용하여 개발을 많이 한다.