TIL Merge 하고 다시 작업하기 아이디 중복확인 기능 로그인 JWT token 221116

오늘은 아침에 일어나는 게 너무 힘들었는데 막상 또 일어나서 컴퓨터 앞에 앉으니까 열정이 샘솟았습니다. 제가 어제 걱정하고 씨름했던 오류가 말끔히 해결이 되었거든요. 껐다 켰다는 진리입니다..... 원격 repo에 푸시하지 않는이상 로컬은 상관없으므로 몽땅 merge를 했더니 잘 됐습니다.

 

거의 다 해간다!!!

merge 오류에 대해서

왜 오류가 생기나 했더니 .gitignore에 .idea와 __pycache__넣어서 환경설정을 방해하지 못하게 했었어야했습니다.

• .gitignore 파일에 .idea와 __pycache__ 를 넣는다.

 

새로 원격 repo를 받았는데 실행이 안되는 건에 대하여...

다시 처음부터 받았는데 몇 개 페이지 실행이 안됐다. 알고보니... 

DB를 끌어와서 구현하는 페이지들이었습니다. 환경설정도 처음부터 해야했었던겁니다.

• .env 파일을 만들고 DB 정보를 저장하니 실행이 잘 되었습니다.

 

환경변수 처리 .env

• JWT 토큰 실행을 위한 SECRET_KEY 정보를 .env 넣었습니다.
• SECRET_KEY가 필요한 파일에 다음과 같이 코드를 넣어줍니다.

from dotenv import load_dotenv
import os

load_dotenv()
SECRET_KEY = os.getenv('SECRET_KEY')

 

발급한 JWT 토큰을 같은 도메인에서 계속 쓰는 방법

function login() {


    $.ajax({
        type: "POST",
        url: "/login/login",
        data: {
            user_id_give: $('#user_id').val(),
            user_pw_give: $('#user_pw').val()
        },
        success: function (response) {
            if (response['result'] == 'success') {
                $.cookie('mytoken', response['token'], {path: '/'}); //path 추가해서 '/' 넣기
                alert('로그인 완료!')
                window.location.href = '/bulletin-board'
            } else {
                // 로그인이 안되면 에러메시지를 띄웁니다.
                alert(response['msg'])
            }
        }
    })
}

• 왜 페이지 바뀌면 안되지 했는데 path를 설정해주지 않아서 였습니다.
• 구글링 강의를 들은 게 도움이 되었습니다.

 

회원가입 아이디 중복확인 하는 법

function id_overlap_check() {
    let userid = $('#user_id').val()
    if (userid == '') {
        alert('아이디를 입력해주세요.'); //공백인 경우
    } else {
        $.ajax({
            type: "GET",
            url: "/join/check?user_id=" + userid, //get 할 때 url은 "/url"+찾는값
            data: {},
            success: function (response) {
                alert(response['message']);
                if (response['success'] == false) {
                    let input = document.getElementById("user_id");
                    input.value = null; //input 값 없앰
                } else{$('.user_id').attr("check_result", "success");
                    $('.id_overlap_button').hide(); //중복확인버튼 없앰
                         }
                }
        });
    }
}

 

이렇게 했는데 중복을 필수로 확인해야 회원 가입 버튼이 작동하게 수정했습니다.

 

function join() {
    if ($('.user_id').attr("check_result") == "fail") {
        alert("아이디 중복체크를 해주시기 바랍니다.") //중복체크가 안되어 있을 때
    }
    else if ($('.name_input').val() == '') {
        alert("닉네임을 입력해주시기 바랍니다."); //닉네임 input 이 없을때
        $('.user_name').focus();
    } else if ($('.pw_input').val() == '') {
        alert('비밀번호를 입력해주세요.')
        $('.user_pw').focus(); //pw input이 공백인 경우
    } else {
        $.ajax({
            type: "POST",
            url: "/join/join",
            data: {
                id_give: $('#user_id').val(),
                pw_give: $('#user_pw').val(),
                name_give: $('#user_name').val()
            },
            success: function (response) {
                if (response['result'] == 'success') {
                    alert('회원가입이 완료되었습니다.')
                    window.location.href = '/login'
                } else {
                    alert('다시 시도하세요.')
                }
            }
        })
    }}