[React] 로그인 & 회원가입 이론

Fetch 함수를 이용한 회원가입 & 로그인 함수

• fetch 함수
• 통신

✔️ Button을 누르면 서버로 Request
✔️ Server 는 그에 대한 응답을 함 (Back-end)

1. Email Input, Password Input - 어떠한 값을 입력했을 때 onChange (Input의 어떤 변화 인지하는 이벤트) 이벤트가 발생하여 변화를 인지하면 setState 함수가 실행 (ex 유효성 검사) 하여 state 를 업데이트 시켜준다

2. Button - onClick 이라는 이벤트를 사용해서 버튼이 눌리는 것을 감지하여 Main 페이지로 navigator 하는 등의 기능을 구현할 수 있음

• HTTP 로 통신을 할 때 body 에 전해줄 값을 입력할 때, 문자 밖에 하지 못함.
  ( JSON stringify )

🔹 작업 순서 🔹

1. 각각의 input 에서 값을 받았을 때 onChange 라는 이벤트를 통해 setState 함수를 실행시켜 state 를 업데이트 시켜준다.
2. Button 클릭했을 때 onClick 으로 클릭을 감지하고, fetch 라는 함수를 사용하여 request 를 함
3. 요청에 따른 응답을 하고, 분기를 나눈다 ( yes or no )

• 두번째로 들어오는 인자는 객체 형식.

• POST 는 백엔드한테 전달해줄 값이 있을 때. GET 은 받을 값만 있을 때. (추가 수정 X)

• method 가 GET 일 경우에는 생략해도 무관

• email 이라는 key, id 라는 value

• password 라는 key, pw 라는 value

• fetch 함수는 비동기 실행을 한다.