반응형
리액트를 쓰는 이유를 알려면 리액트가 어떤 것인지를 알아야된다.
Single Page Aplication 을 만들때 사용, 앱처럼 부드러운 페이지를 만들때 사용한다.
*Single Page Aplication
말 그대로 하나의 페이지를 사용하는 어플리케이션이다.
서버로부터 새로운 페이지를 가져와서 그려주는것이 아니라,
하나의 페이지에서 동적으로 변경해주는 라이브러리이다.
*React의 장점
1.프레임워크 vs 라이브러리
리액트는 화면출력에 특화된 라이브러리이다.
프레임워크 - 원하는 기능 구현에 집중하여 개발할 수 있도록 필요한 기능을 갖추고 있는것
라이브러리 - 소프트웨어를 개발할 때 프로그래밍 사용하는 비휘발성 자원의 모임, 공통으로 사용 될수 있는 특정한 기능들을 모듈화한것
리액트 공식 홈페이지에도 나오듯이 자바스크립트 라이브러리이다.
말그대로 특정한 기능들을 모듈화하고 효율적으로 사용될수 있도록 만들어놓았는데,
컴포넌트라는 작고 독립적인 코드 블록을 조합하여 빠르게 화면을 구성할 수 있다는 장점이 있다.
(html단위로 구성해놓은것을 재사용하기 편하다.)
2.가상돔(Virtual DOM)
게임 엔진 원리를 도입 하여 화면 출력속도가 빠르다.
-예전에는 한가지만 수정을 해도 전체를 다시 그려야되는 구조였다.
-가상화면(Virtual DOM) 기술을 만들어서 노드를 일부 미리그려놓고 변경된 부분만
수정하는 방식으로 변경함으로 속도가 빨라졌다.
*React의 단점
1.로딩시간이 길다.
2.SEO에 좋지않다.
3.상태관리 - react는 단방향 데이터 바인딩을 사용하기 때문에 상태관리가 복잡해질수있다.
반응형
'React' 카테고리의 다른 글
[React Hooks] useEffect에 대해서 (1) | 2023.11.15 |
---|---|
[React]리액트 컴포넌트(Component)란? (1) | 2023.07.06 |
[REACT] CSR : Client Side Rendering 에 대해서 (0) | 2023.02.16 |
[React] Public 폴더 이미지 불러오기 (0) | 2023.01.31 |
React.js vs NEXT.js 의 차이점! (0) | 2022.11.27 |