• [ ] 정리하기..개념잡아..

// 내가 한거 -> 안됑
await axios({
      url: '<http://localhost:8888/post>',
      method: 'POST',
      headers: {
        'Content-Type': 'application/json; charset=utf-8',
      },
      body: JSON.stringify(board),
    }).then((res) => {
      console.log(res);
    });

const config = {
    Headers: { "Content-Type": "application/json; charset=utf-8" },
  };

  const write = async (e) => {
    //e.preventDefault();
    // 요청 날리면 됨
    await axios
      .post(
        "<http://localhost:8888/post>",
        {
          body: JSON.stringify(board),
        },
        config,
      )
      .then((res) => {
        console.log(res);
      });
  };

// 기본형태
axios.post("url주소",{
    	data객체
    },[,config])

Axios란? / Axios 사용 및 서버 통신 해보기!

const write = (e) => {
    // event 를 받음
    e.preventDefault(); // submit 액션 차단
    fetch("<http://localhost:8888/post>", {
      method: "POST",
      headers: {
        "Content-Type": "application/json; charset=utf-8",
      },
      body: JSON.stringify(board),
    })
      .then((res) => {
        
        return res.json(); // 실제로는 이렇게 하지마라~~~json으로 받아라
      })
      .then((res) => {
        console.log(res);
        // body 데이터가 들어옴
        if (res.code === 1) {
          console.log("통신성공");
          // 화면 동기화 해야됨
          //props.history.push("/");
        } else {
          console.log("통신 실패");
        }
      });
  };

React Hooks : useState() 함수

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bb324611-ba95-4321-acb5-81007f5337b8/react-spring-crud.mp4

프론트엔드 꿈나무인가요..? 왜이렇게 열심히하는지..?

근데..재밌잖아..!!!!!!!!!!!!

개떡같이 코드 짰기때문에 (언젠가) 수정할것이야^^..