📅 학습 일자 : 22. 12. 08

📜 진행 내용

• [강의] 자바스크립트 심화
  • Chap 5. 클로저
• [과제] 알고리즘 문제 풀기
• [자습] 리액트 강의 - 유튜브
• [자습] 리액트 입문과제 todolist 개선하기

---

💡 배운내용

▣ [자습] 리액트 강의 - 유튜브

• 리액트 숙련 과정 강의를 듣기 전에, 리액트 기초를 다지는 추가 영상 자료로 공부했다.
  • 리마인드
    • props와 state의 차이점
      • props는 컴포넌트를 사용하는 외부자를 위한 데이터
      • state는 컴포넌트를 만드는 내부자를 위한 데이터
    • state
      • state를 만드는 useState 함수는 배열을 리턴하고, 배열의 0번째 값은 상태의 값을 읽을 때 쓰는 데이터가 들어가고, 1번째 값은 0번째(상태의 값)값을 변경할 때 사용하는 함수이다.
      • 메인 작업 파일 App.js의 App 컴포넌트는 1번밖에 실행되지 않기 때문에 state를 이용해 상태를 감지하여, state의 변경이 일어나면 다시 실행되도록 한다.
        • state값이 업데이트 → App 컴포넌트(함수) 재실행
        • 변수는 잠시 저장할 용도로만 사용할 것.

---

🎯 문제와 해결

• 리액트 입문과제 todolist 개선하기

• [React] Each child in a list should have a unique "key" prop.