React component

•   component 만들기  

- Subject, TOC, Contents 라는 컴포넌트를 만들어 사용함

import { className } from 'postcss-selector-parser';
import React, {Component} from 'react';
import './App.css';

class Subject extends Component {
  render(){
    return (
      <header>
        <h1> web</h1>
        world wide web
      </header>
    )
  }
}
class TOC extends Component {
  render(){
    return (
      <nav>
        <li><a href="1.html"> html</a></li>
        <li><a href="2.html">css</a></li>
        <li><a href="3.html">javascript</a></li>
      </nav>
    )
  }
}

class Contents extends Component {
  render(){
    return (
      <article>
        <h2> html</h2>
        html is hypertext ...
      </article>
    )
  }
}

class App extends Component {
  render(){
    return(
      <div className="App">
        <Subject></Subject>
        <TOC></TOC>
        <Contents></Contents>
        </div>
    )
  }
}

export default App;