회원가입이나 로그인할때 데이터 가져오는방법 개선...

기존에는 email이라던가 password라던가 일일히 document.getelementsById를 사용해서 데이터를 저장하고 이데이터를 쏘고 그랬었는데

export async function login(){
    const url = `${BACK_BASE_URL}/users/login/`
    const email = document.getElementById("email").value
    const password = document.getElementById("password").value
    
    const response = await fetch(url,{
        headers:{
            'Content-Type':'application/json'
        },
        method:'POST',
        body: JSON.stringify({
            'email':email,
            'password':password,
        })
    })

form 을 사용하면서도 application json형식을 유지하면서 데이터를 보내는 법을 배웠다

export async function codeCheck(){
    const form = document.getElementById('signup_form')
    const url = `${BACKEND_URL}/api/user/verify/`
    const response = await fetch(url, {
        method: 'POST',
        headers: contentjson,
        body: JSON.stringify({
            'email': form.email.value,
            'code': form.code.value
        })
    })
    console.log(await response.json())
}

바로 fom.email.value같은 방법으로 원하는 데이터의 값을 가져올수가있다 물론 폼이벤트를 막기위해

code_check.addEventListener('click', (e) => {
        e.preventDefault();
        codeCheck();
    })

발생하는 이벤트의 작동을 막았다