REACT blog project 230913

• return()안에는 병렬로 태그 2개 이상 기입 금지

return (
	<div className="App">
    </div>
    <div></div>
    );
   }
   
  export default App;

state 사용법

1. import { useState }
2. useState(보관할 자료)
3. let[작명, 작명]
   -> let [a, b] = useState('여자 신발 추천');

• a = state에 보관했던 자료

• b = state 변경 도와주는 함수

  ---

• JS의 Destructuring 문법!

  let num = [1,2];

  여기 있는 걸 변수로 빼고 싶다

  let a = num[0];
  let c = num[1];

  위 코드를 더 쉽게 표현하는 방법은 아래와 같다
  let [a, c] = [1, 2];

  ---

  state문법은 언제쓸까?
  변수 문법이 있는데 왜 굳이 쓸까?

  일반 변수는 갑자기 변경되면 html에 자동으로 반영안됨
  하지만, state는 자동으로 html이 재랜더링 됨 !
  state쓰던 html은 자동으로 재랜더링 됨

  정리 : state 언제 써야함?

  -> 변동시 자동으로 html에 반영되게 만들고 싶으면 state 써라!
  -> 자주 변경될 것 같은 html 부분은 state로 만들어놓기
  (글제목, 날짜, className 등)

  로고 같은 경우는 바뀔 확률이 낮기 때문에 굳이 state로 만들지 않아도 됨