생활코딩 (2) 3. 이벤트 props 를 이용하여 onClick, onChangeMode 등 이벤트를 적용하기 function Header(props) { return { event.preventDefault(); props.onChangeMode(); }}>{props.title} } function Nav(props) { const lis = []; for(let i=0; i{t.title} ); } return {lis} } function Article(props) { return {props.title} {props.body} } function App() { const topics = [ {id:1, title:'html', body:'html is ...'}, {id:2, title:'css', body:'css is.. 2. props (속성) props(속성)을 html 태그 안에서 사용하려면 { } 안에 props를 넣어준다. function Header(props) { return {props.title} } function Nav() { return html css javascript } function Article(props) { return {props.title} {props.body} } function App() { return ( ); } export default App; props 를 이용하여 동적태그 생성하기 function Header(props) { return {props.title} } function Nav(props) { const lis = []; for(let i=0; i 이전 1 다음