컴포넌트 2

React. 이벤트

이벤트 state props 그리고 render 함수 props, state, event 가 서로 상호작용하여 애플리케이션의 역동성을 만듦 리액트에서 props나 state 값이 바뀌면 그 state를 가지고 있는 컴포넌트의 render 함수가 다시 호출되고 그 하위 컴포넌트들의 render 함수들도 다시 호출됨 (render 함수 : 어떤 html을 그릴것인가 결정하는 함수) 이벤트 설치 a 태그를 클릭하면 onClick에 설치된 함수가 실행되도록 함 {this.state.subject.title} function에 e라는 인자를 줌으로써 이벤트를 핸들링 할수 있게 해줌 e.preventDefault( ) : 이벤트가 발생한 태그가 기본적인 동작 방법을 하지 않게 만들어 줌 {this.state.sub..

programming/React 2021.02.18

React. 컴포넌트 만들기, Props, state

※본 포스팅은 생활코딩님의 리액트 강의를 바탕으로 작성한 글입니다. 컴포넌트 만들기 HTML로 코드를 작성했을 때 WEB world wide web! HTML CSS JavaScript HTML HTML is Hyper Text Markup Language. 컴포넌트를 만드는 코드 class App extends Component { render() { return ( Hello, React! ) } } 리액트가 가지고 있는 컴포넌트라는 클래스를 상속해서 새로운 App라는 클래스를 만든다 그리고 그 클래스는 render라는 매서드를 가지고 있다. 위 HTML 코드를 React로 정리하면 class Subject extends Component { render() { return ( WEB world wi..

programming/React 2021.02.18
1