본문 바로가기
수업자료

20230201 실습내용

by ^..^v 2023. 2. 2.
728x90
반응형

my-app_20230201.zip
0.31MB

 

 

신호등, 댓글 컴포넌트를 함수형 컴포넌트를 클래스형 컴포넌트로 변경

  • Lamp.js
  • TrafficLight.js
  • Comment.js
  • CommentList.js

 

부모 컴포넌트의 state 변수를 props 변수로 자식 컴포넌트로 전달

  • Title.js
  • Todo.js

 

컴포넌트의 생명주기 함수 사용

  • Notification.js
  • NotificationList.js

 

자식 컴포넌트에서 발생한 이벤트로 부모 컴포넌트의 state 변수를 변경

  • App.js - Parent, Child

 

프로젝트 생성 방법은 아래 글 참조

https://myanjini.tistory.com/entry/20230131-%EC%8B%A4%EC%8A%B5%EB%82%B4%EC%9A%A9

728x90
반응형

'수업자료' 카테고리의 다른 글

20230203 실습내용  (0) 2023.02.03
20230202 실습내용  (0) 2023.02.03
20230131 실습내용  (0) 2023.02.01
20230126 실습내용  (0) 2023.01.26
페이징 기능 추가  (0) 2023.01.17

댓글