[Day 13] React 애플코딩 강의

📌 State는 언제 사용?

---

자주 바뀌는 값 같은 경우 그냥 변수로 담아 놓으면 HTML 반영이 바로 안 된다. HTML에서 따로 변경해줘야 되니까 매우 번거로움. 'useState'해서 state를 사용하면?

let [글제목, b] = useState('스페인 맛집 추천');

'스페인'을 '이탈리아'로 바꿀 때 위 단어만 변경하면 바로 웹사이트에 반영이 된다.

결론: 자주 변경되는 HTML 부분은 state를 사용하자

예) 날짜, 팀원 이름, 강의실

회사 로고같이 몇 년에 한 번씩 바뀌면 state 필요 없음

✏️ Components 만들기

1. function 만들고
2. return () 안에 html 담기
3. <함수명></함수명> 쓰기

✏️ Components 언제 사용?

• 반복적인 html 축약할 때
• 큰 페이지들
• 자주 변경되는 것들

📌 동적인 UI 만드는 step

---

1) HTML, CSS로 미리 디자인 만들기
2) UI 현재 상태를 state로 저장
3) State에 따라 UI가 어떻게 보일지 작성