오늘도 생활코딩을 본다

https://www.youtube.com/watch?v=5suKe4QxkjI&list=PLuHgQVnccGMDVTrQYa2HRj1OBbT-4HU_v

import React, { Component } from "react";

import "./App.css";

class Nav extends Component {
  state = {
    list: [],
  };
  componentDidMount() {
    fetch(".public/list.json")
      .then(function (result) {
        return result.json();
      })
      .then(
        function (json) {
          this.setState({ list: json });
        }.bind(this)
      );
  }
  render() {
    return(
      <nav>
        <ul>
          <li><a href ="1">HTML</a></li>
          <li><a href ="2">CSS</a></li>
          <li><a href ="3">JS</a></li>
        </ul>

      </nav>
    )
  }
}

function App() {
  return (
    <div className="App">
      <h1>WEB</h1>
      <Nav />
      <article>
        <h2>Welcome</h2>
        Hello, React & amp :ajax
      </article>
    </div>
  );
}

export default App;

React Hook

https://www.youtube.com/watch?v=eX_L39UvZeshttps://www.youtube.com/watch?v=eX_L39UvZes

https://www.youtube.com/watch?v=uStypvlzi8w

https://www.youtube.com/watch?v=C26vJqelKlA&t=13s

https://www.youtube.com/watch?v=1wN95kI1r1Y