state를 쓰는 목적은 UI를 바꾸기 위해서, 즉 렌더링을 다시하기 위해서 입니다(리렌더링)
react에서 변경되는 값은 state로 선언이 되어야 합니다.
DOM(명령형 프로그래밍) 기존방법
리액트 (선언형 프로그래밍)
명령형은 어떻게를 중요하게여겨서 제어의 흐름과 같은 방법을 제시하고 목표를 명시하지 않는 형태.
선언형은 무엇을 중요하게 여겨서 제어의 흐름보다는 원하는 목적을 중요시 여기는 형태.
렌더링이란?
리액트에서 렌더링이란 컴포넌트가 현재 props와 state의 상태에 기초하여 UI를 어떻게 구성할지 컴포넌트에 요청하는 작업 .
map 함수는 원래 데이터를 가공하여 출력하는 방법
JSX내에서 맵함수를 쓸때 key를 반드시 붙여야함
import export 는 export는 port(항구)에서 출항 import는 항구에 도착 이런식으로 외움
중간부턴 실습위주로 했기때문에 메모한게 많이없고, 다음에 복습할 때 메모를 더 할 예정.
'학습' 카테고리의 다른 글
| useContext, memo, useCallback, useMemo, 가상DOM (0) | 2024.01.30 |
|---|---|
| styled Components, useState, useEffect, useRef, html태그 (0) | 2024.01.24 |
| 리액트 기초 CRA, 컴포넌트, JSX, Props (0) | 2024.01.17 |
| 리액트 입문 1주차 (React특징, 자주쓰는 자바스크립트 ES6문법) (0) | 2024.01.17 |
| export,import,map 복습 (0) | 2024.01.16 |