리액트란 유저 인터페이스를 만들기 위한 자바스크립트 라이브러리입니다.
ui를 빠르게 만들고, 간편하게 만들기 위해서 페이스북에서 개발되었습니다.
또한 리액트는 컴포넌트들의 집합체라고도 할 수 있습니다.
SPA(Single Page Application)
는 사용자가 버튼을 클릭했을때 다른 페이지를 다운받아 화면이 깜빡거리면서 리프레쉬 되는 것이 아니라
한 어플리케이션 내에서 해당 컴포넌트를 보여주거나 숨겨서 페이지내에서 자유자재로 네비게이션 할 수 있는것을 말합니다.
CSR(Client Side Rendering)
는 사용자가 웹 어플리케이션에 접속했을때, 바로 즉각적으로 html을 보는 것이아니라
react 라이브러리 모두 다운받은 다음에 사용자 화면 ui에 보여지도록 하는것으로 Client 측에서 렌더링이 이루어집니다.
데이터를 state
(내부 상태), props
(외부로 부터 전달받은 상태)가 존재하고,
이 두가지를 나타내는 render
가 있습니다.
state, props둘 중 하나라도 상태가 변경될때마다 re-render 됩니다.
💡 리액트에서 render는
return
되는 것들을 말합니다.
훅은 재사용 가능한 함수들! use로 시작하는 함수들은 리액트 훅이라 생각하면됩니다.
💡
Hooks
은 (함수들은) 값의 재사용이 아니라 로직의 재사용을 위한 것입니다.