오늘은
미니 프로젝트가 생각처럼 진행되지 않아 고생한 날.
회원가입/로그인 기능은 프로젝트 초반에 비교적 빠르게 구현했는데, 아이디/비밀번호 형식 확인, 아이디 중복확인 등등 조금씩 기능을 추가하다보니 꽤 시간이 걸렸다.
실제로 네이버 회원가입 창을 켜두고 회원가입 시 어떻게 동작하는지를 보면서 코딩을 하다보니, 욕심히 생겨서 아이디/비밀번호 관련 메세지 띄우는 코드를 정말 열심히 짰다🔥
그리고 자신만만하게 테스트를 하는데, 돌연 Side Effect와 조우했다.
아이디 중복확인 후, 비밀번호를 입력 하다가 갑자기 아이디를 변경하고 싶어서 변경했는데, 중복확인을 안해도 회원가입이 되어버려서 당황당황😅
심지어 이미 존재하는 아이디임에도 회원가입이 되어버리던...
두세시간을 씨름했는데, 아이디 중복확인을 안했을 때 아이디 중복확인을 해주세요.같은 메세지를 띄워주려 했을 때 함수를 호출하도록 하는 지점을 바꿔주니 의도대로 작동을 했다!!
그리고 혹시나 그냥 넘어가서 회원가입이 되지 않도록, 아이디를 입력한 input 값이 바뀌는 것을 실시간으로 확인하고 값이 바뀌면 바로 중복확인 요청 메세지를 띄우도록 했다.
$(document).ready(function () {
$("#input-username").on("propertychange change paste input", function () {
$('#help-id').text('아이디 중복확인을 해주세요.').removeClass('is-safe').removeClass('is-success').addClass('is-danger')
$('#input-username').focus()
return;
})
});이렇게 겨우겨우 생각했던 회원가입/로그인 기능을 구현했다고 생각했더니, 팀원분 코드랑 Merge 후에 갑자기 페이지 접속이 안되는 것이다!!
처음엔 Merge하면서 뭐가 잘못 됐다보다하고(팀원 전부가 깃허브를 이용한 협업이 처음이라 어디서 문제가 생길지 모른다..) 파이참으로 새로 프로젝트를 생성하고 내가 작성한 파일들만 복붙으로 가져와 실행해봤는데도 안되는 거다..
그렇게 새 프로젝트를 4번쯤 새로 생성했을 때 아 혹시 내 코드에 문제가 있나? 하는 기본적인 의문이 생겼다.
결론부터 말하면 역시나 내가 문제였다.
@app.route('/api/login', methods=['POST'])
def sign_in():
......이런식으로 api와 함수명이 조금씩 어긋나는 점들이 있어, 예쁘게 통일해준다고 함수명을 변경했던 게 문제였다.
사실 지금도 함수명을 변경했던게 원인이었다는 건 알지만, 그게 왜 문제였는지는 잘 모르겠다.
그저 다시 프로그램이 실행된다는 것만이 기쁘고 또 기쁘기만 하다🥹
내일(11/17) 미니프로젝트 제출일인데, 지금 이시간(01:45 am)에도 갈길이 까마득하다.
제 시간내에 완성할 수 있을까 그저 걱정될 뿐이지만, 팀원들 모두 같이 힘내보면 어떻게든 되지않을까?!
