이벤트 (2) 썸네일형 리스트형 [React] 이벤트 1. 이벤트1 - 인자값이 없는 경우 태그 안에 원하는 이벤트를 수행할 함수를 넣어서 사용하면 된다. function( ) 대신 arrow function 문법으로 써도 된다.(보통 이렇게 많이 씀) ## function( ) # Header 컴포넌트 function Header(props) { return ( {props.title} ); } # function App() function App() { return ( ); } ## arrow function # Header 컴포넌트 function Header(props) { return ( { event.preventDefault(); props.onChangeMode(); }} > {props.title} ); } # function App() f.. [JavaScript] button과 이벤트 버튼의 이벤트 속성으로는 무조건 JS가 와야한다. 1. 버튼 만들기 을 사용하면, button을 만들 수 있다. value는 button위에 나타날 글자를 설정해줄 수 있다. 2. onclick 이벤트 onclick 을 사용하면 버튼을 눌렀을 때 일어날 이벤트를 만들어줄 수 있다. 위 코드에서는 버튼을 눌렀을 때, " button clicked! "라는 알림이 뜨도록 했다. onclick 이외에도 onchange, onselect 등 많은 이벤트들이 있다. 3. 나이트 모드와 라이트 모드 구현 나이트 모드와 라이트 모드 onclick 에 document.querySelector('body')는 'body' 태그 내에 적용할 효과라는 의미이고, .style.backgroundColor(또는 color)은 .. 이전 1 다음
