[TIL] 24-12-30

오늘 공부 내용

프론트엔드 log-in 부분을 만들고,

튜터님께 백엔드와 어떻게 연결해서 데이터를 전송하는지 배웠다.

그리고 코드를 작성해서 성공적으로 로그인해 쿠키를 받아 올 수 있었다.

//login.js

const logInSubmit = document.querySelector('.logInSubmit');
const email = document.querySelector('#email');
const password = document.querySelector('#password');
logInSubmit.addEventListener("click", function(e) {
  e.preventDefault();

  fetch('/api/login', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      },
    body: JSON.stringify({
      email: email.value,
      password: password.value,
    })
  })
  .then((response) => {
    if(!response.ok) throw new Error('로그인에 실패하였습니다');
    return response.json()
  })
  .then((result) => {
    console.log(result)
    window.location.href = 'index.html';
  })
    
  .catch((err) => {
    console.log('에러: ', err);
  });
})