리액트(React)에 대해 알아보기

React란?

React는 공식 홈페이지에서 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리라고 소개되어있다.

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

메타(Meta)에서 개발한 오픈 소스 자바스크립트 라이브러리이며, 업데이트 해야하는 DOM 요소를 찾아서 해당 부분만 업데이트 하기 때문에, 리렌더링이 잦은 동적인 웹에서 엄청나게 빠른 퍼포먼스를 낼 수 있다. 그리고 기본적으로 모듈형 개발이기 때문에 생산성도 높다.

또한 React Hooks라는 강력한 메소드들을 지원하고 있다.

장점

• 프레임워크가 아닌, 라이브러리이다.
• 리렌더링이 잦은 동적인 웹에서 빠른 퍼포먼스를 낼 수 있다.
• 타입스크립트를 지원한다.
• 다양한 훅을 제공한다.

단점

• UI 렌더링에 초점을 맞췄기 때문에, 상태 관리, 라우팅, 서버 통신은 다른 라이브러리를 연동하여 사용해야한다.
  • zustand, axios..
  • 이는 초기 설정이 필요하고, 다양한 라이브러리를 사용 시에 충돌이 발생할 수도 있다.
• 러닝커브가 있다. (대체로 뷰보다는 어렵다고 느끼는 사람이 다수였다.)

Hooks

useState

useEffect

useMemo