강의소개
사용자 정의 태그인 컴포넌트를 만드는 방법을 소개합니다.
강의
소스코드
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | import logo from './logo.svg';import './App.css';function Header(){ return <header> <h1><a href="/">WEB</a></h1> </header>}function Nav(){ return <nav> <ol> <li><a href="/read/1">html</a></li> <li><a href="/read/2">css</a></li> <li><a href="/read/3">js</a></li> </ol> </nav>}function Article(){ return <article> <h2>Welcome</h2> Hello, WEB </article>}function App() { return ( <div> <Header></Header> <Nav></Nav> <Article></Article> </div> );}export default App; |
라이브 데모
