[생활코딩 React] ④ 이벤트

dev_glennn·2019년 11월 18일
0

[생활코딩]React

목록 보기
4/6

🎥 생활코딩 YouTube

1. 이벤트 state,props 그리고 rendor 함수

  • 🎁 이벤트 ?
    : 애플리케이션을 역동적으로 만들어주는 기술

👉 props, state, event 삼자가 서로 상호작용하면서 애플리케이션의 역동성을 만들기 때문에 같이 생각할 것!

2. 이벤트 설치

3. 이벤트에서 state 변경하기 ( setState() )

4. 이벤트 bind 함수 이해하기

bind() : bind 함수는 ()내에 있는 객체를 function에 주입하는 함수이다.

5. 컴포넌트 이벤트 만들기

1) 컴포넌트 나누기

  • 쉬운 코딩을 위해서 Subject.js 코드를 App.js로 가져와 코딩한 부분을 나누고, onChangePage라는 함수를 생성하여 연결하자
  • 기존 태그에 onChangePage 라는 함수를 연결하여 함수내에서 this.props.mode 의 값을 변경하는 코드를 입력한다.
  • Subject.js 내에서는 태그에 onClick 함수를 연결하여 페이지 이벤트를 제어하고 onChangePage를 호출한다.

2) 컴포넌트 이벤트 적용하기

3-1) 속성을 이용하는 방법

3-2) bind 함수를 이용하는 방법

profile
초보 개발자 :O

0개의 댓글