[ 변수 ]

- 데이터를 저장하는 하나의 공간

[ state ]

- 데이터를 저장하는 리액트에서의 또 다른 방법

import React, from 'react'; // 기본 임폴트에 내용을 추가해주어야 함.

[ 사용법 ]

import React, { useState } from 'react'; // 리액트에 있는 내장 함수 하나를 쓰겠습니다.


function App() {
  
  // var [a, b] = [10, 100]; a=10, b=100의 값이 담김.
  
  let [글제목, 글제목변경] = useState('맛집 추천'); //을 입력하면 2칸의 배열이 생김  [ a, b ]
  // a에는 '맛집 추천'이라는 값이 들어가고, b에는 a를 수정하기 위한 함수를 지정.
  
  //let [변수명, 함수명] = useState(['맛집 추천', '초밥 맛집'])
  //변수명[0] = '맛집 추천'
  //변수명[1] = '초밥 맛집'

[ state에 데이터를 저장하는 이유 ]

- state값이 변경되면 HTML이 재렌더링이 됨.
즉, HTML이 새로고침 없이 부드럽게 변경됨.

자주 바뀌는 데이터값은 state에 저장해주면 효율적임.