📌 컴포넌트 이벤트 만들기 return ( // Component를 만들 때는 반드시 하나의 최상위 Tag만 (딱 하나) 써야 한다. {this.props.title} {this.props.sub} ); 컴포넌트를 만들고, 사용자 정의 이벤트를 실행하고 싶을 때, 위와 같이 onChanePage라는 이벤트를 만들어서 특정 함수가 호출되게 할 수 있는 것이에요. App.js에서 위와 같이 onChanePage Event에 함수를 만들고, {/*State화 한 뒤 코드*/} Subject.js에 위와 같이 a Tag를 눌렀을 때, 함수가 실행되는데, e.prevenDefulat()로 먼저 Reload를 방지해주고, App.js에 있는 onChagePage Event를 함수 형식으로 호출해 주는 것이에요. 이..

📌 Event setState 함수 이해하기 return ( {/* State화 하기 전 코드 */} {/**/} {/*State화 한 뒤 코드*/} {/**/} {this.state.subject.title} {this.state.subject.sub} 위와 같은 코드에서 컴포넌트가 이미 생성된 이후에 [this.state.mode = 'welcome']처럼 State 값을 직접 변경하면 안되고, 함수 형태로 변경해야 하는 이유를 알아볼 것이에요. constructor(props) { // State 값을 초기화 시키기 위함이고, 그 초기값으로 'title="WEB" sub="word wide web!"'을 설정하려 한다. super(props); this.state = { mode : 'read', ..