📒 [ TIL ] 2022.07.21_66일차 # 최종 프로젝트 (8)

[ 2022-07-21 (목) 오늘의 TIL ]

[ Today Project ]

drf 백엔드개발 + 프론트개발
: 이번 프로젝트는 팀프로젝트로 시작합니다.

[ Today Learn ]

• 마이페이지 회원정보 변경 기능 연동

✏️ 내가 배운것, 얻은것

• 마이페이지 회원정보 변경 기능 연동

async function userInfo() {

    const userInfo = async () => {
        const response = await fetch(`${backend_base_url}/user/api/authonly/`, {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json',
                "Authorization": "Bearer " + localStorage.getItem("access"),
            },
        
        }
    )
    response_json = await response.json()
    }
    userInfo().then((data) => {
        detail = response_json
        let username = detail['username']
        let nickname = detail['nickname']
        let gender = detail['gender']
        let temp_html =`                <h2>현재정보</h2>
        
        <div class="befbio"><p><span style="color:black;">아이디:</span>   ${username}</p></div>
        <div class="befbio"><p><span style="color:black;">닉네임:</span>   ${nickname}</p></div>
        <div class="befbio"><p><span style="color:black;">성별:</span>    ${gender}</p></div>`
        $('#profile').prepend(temp_html)

    })
}


function editInfo() {
    let nickname = document.getElementById("edit-nickname").value
    let password = document.getElementById("edit-password").value
    let selectGender = document.getElementById("edit-gender").value

    if (nickname =='' || password =='' || selectGender ==''){
        alert('빈칸을 입력해주세요!')
    }
    else {
        changeInfo(nickname, password, selectGender)
    }
}