클라이언트 사이드> 브라우저 화면
서버 사이드 > 데이터 베이스, 서버컴퓨터, 백엔드 서버 사이드
인풋에 입력하면 > state에 저장
fetch > 요청을 보내고 응답을 받는 메소드
fetch(인자, 두번째 인자)
console.log(인자, 두번째인자)
fetch("api주소(url)", {키와 벨류로 이루어진 객체
method:"POST"
headers: 이 통신이 어떤 통신인지를 알 수 있는 대략적인 정보가 들어감. > 'Conext-Type':'application/json;charset-utf-8'
body: 실질적인 데이터(id, pw) > JSON(객체처럼 생김,키랑 벨류 다 쌍따음표가 붙음) JSON.stringify(id,pw)
}
2-1~2-4
3비동기는 참고
개발자도구> 네트워크 탭 먼저 확인하기
(all이 아니고 Fatch/XHR)
스테이트 갑이 비어있으면 연결 x 빨간줄은 백엔드랑 연결도 안된 것.
{return} 꼭!
폼태그랑 버튼태그를 같이 쓰면 버튼 누르면 화면이 저절로 리로드되는 성질을 갖고 있음.
hi