일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 투포인터
- 타입 좁히기
- SSR
- 이분 검색
- 결정 알고리즘
- TS
- webpack
- CI/CD
- Jest
- 태그된 유니온
- Cypress
- app router
- autosize
- ESlint
- map
- React
- recoil
- 호이스팅
- 인터섹션
- CORS
- useAppDispatch
- 무한 스크롤
- async/await
- dfs
- 반공변성
- RTK Query
- Promise
- 리터럴 타입
- tailwind
- 공변성
Archives
- Today
- Total
짧은코딩
React를 사용해야 하는 이유 본문
반응형
첫번째 이유
웹 페이지에서 각 사람마다 이름이 출력되는 페이지가 있다. 그러기 위해서는 일일이 다 수정을 해야한다. 하지만 페이지의 수가 많아지면 다 출력하기 어렵다. 그래서 html 박스 별로 컴포넌트로 나눠서 사용하면 수정하기 쉬워진다.
컴포넌트 방식을 사용하면 페이지를 하나하나 수정하는 것이 아니라 컴포넌트가 정의된 파일 하나만 수정하면 간편하게 수정이 가능하다.
=>따라서 React를 사용한다.
React는 Component 기반의 UI 라이브러리다. React로 개발을 하면 레고처럼 조립하는 것 같이 개발할 수 있다.
두번째 이유
-명령형 프로그래밍
명령형 프로그래밍의 대표적인 것은 jQuery가 있다.
명령형 프로그래밍은 절차를 하나하나 다 나열 해야한다.
-선언형 프로그래밍
선언형 프로그래밍의 대표적인 것은 React이다.
선언형 프로그래밍은 목적을 바로 말한다. 그렇기 때문에 요즘 더 각광 받고있다.
세번째 이유
-Virtual DOM
DOM은 Document Object Model로 브라우저가 실제로 사용하는 객체이다.
virtual DOM을 사용하면 가상 DOM에 연산을 한다. 그러면 렌더링을 하지 않는다. 그러고 모든 연산이 끝나면 real DOM에 업데이트하여 여러번 할 일을 한번만 연산해주면 된다.
반응형
'인프런, 유데미 > 한입 크기로 잘라 먹는 리액트' 카테고리의 다른 글
간단한 일기장 프로젝트-State로 사용자 입력처리, useRef (2) | 2022.05.23 |
---|---|
React 기초-State, Props (0) | 2022.05.22 |
React 기초-creat react app, jsx (0) | 2022.05.22 |
Node.js (0) | 2022.05.19 |
자바스크립트 응용 (0) | 2022.05.17 |
Comments