React 는 변수말고 state

state 만드는 법

import { useState } from 'react';  //state를 사용하겠다~ useState쓰면 얘 알아서 생김
import './App.css'

function App(){
 
  let [a,b] = useState('남자 코트 추천'); // 여기가 state 생성한 부분
  let posts = '강남 우동 맛집';
  return (
    <div className="App">
      <div className="black-nav">
        <div>개발 blog</div>
      </div>
      <div className="list">
        <h4>글제목</h4>
        <p>2월 17일 발행</p>
        <hr/>
      </div>
    </div>
  )
}

원하는곳에서 useState('보관할자료') 쓰면 state에 자료 잠깐 저장 가능

근데 저장만 하면 뭐함 나중에 써야하니까 담아놔야지

담아놓는방식은 let[a,b] = useState('보관할자료'); 이건데

여기서 a는 state 이름이라 자유롭게 작명하면 되고 b는 state변경할때 쓰는 함수 같은거라 보면됨

---

변수 말고 state에 데이터 저장해서 쓰는 이유

생각해보면 변수랑 다른거 없는데 왜 쓰는지..?

state는 변동사항 생기면 state 쓰는 html 자동으로 재렌더링 해줌 그래서 쓰는거임

Q. 그럼 블로그 로고 같은 그런 데이터도 state로 만들어두고 {데이터바인딩} 합니까?

블로그 로고는 바뀔일이 거의 없는데 뭐하러 state합니까요 걍 변수쓰지

많이 바뀌는 상품명,가격 이런거만 state 쓴다고 생각하면 될듯

---

• 빡대가리식 정리

자주변경될 것 같은 데이터는 state에 저장했다가 html에 {데이터바인딩} 해주고

변경될일 없는 애들은 걍 변수에 저장해서 쓴다

라고 쳐 외우자