항해 99 - 2023.01.11 TIL

오늘은 로그인 파트 부분에서 비밀번호를 암호화하고, jwt 토큰과 쿠키를 사용하여 좀 더 보안??적인 로그인 방식을 구현해보았다.

 

처음 해보는 것이고, 익숙치 않은 파이썬과 자바스크립트 코드를 보면서 진행하니 어렵게 느껴졌던 것 같다.

 

오늘 했던 작업 중에 발생했던 문제들에 대해서 회고해보고자 한다.

 

 

패키지 import 문

그동안 패키지 사용 시 패키지를 설치하고, alt+shift+enter 를 사용해서 import문을 추가했다.

jwt 에 대한 import 문을 추가하였음에도 동작하지 않아서 확인해보니,

import jwt가 아닌 from jwt import jwt 로 추가되어 있어 발생한 문제였다.

편리한 기능이라고 막 사용하지 말고, 한번 더 확인하는 습관을 들일 필요가 있다.

 

 

jwt 패키지

jwt를 사용하기 위해서 jwt 패키지를 설치했는데, 아무런 동작도 하지 않았다.

구글링해보니 jwt가 아니라 PyJWT 패키지를 설치해야 했다.

패키지 설치 후에 정상적으로 코드가 동작하는 것을 확인했다.

 

 

쿠키 관련

1. 쿠키를 생성해도 동작하지 않음

$.cookie('mytoken', response['token'])

쿠키를 생성하여도 동작하지 않는 문제가 발생했다. 토큰 값을 잘 받아오는 것을 확인했음에도 동작하지 않아 의아했다. 구글링해보니 jquery 관련 코드를 추가해야했다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>

 

2. 쿠키 생성 후 get 해올 때 실패 (미해결)

token_receive = request.cookies.get('mytoken')

기존에 정상적으로 동작하다가 어느 순간 token_receive에 값이 아예 들어오지 않는 문제가 발생했다.

원인을 찾지 못한채로 재부팅 후에 다시 시도하니 값을 잘 가져왔다.

추후에 다시 발생하면 원인 파악이 필요할 것 같다.

 

 

 

느낀 점

아무 지식도 없는 채로 토큰과 쿠키를 사용한 로그인을 시도해보았다. 구글링과 선배 기수가 진행했던 풀스택 미니 프로젝트의 코드를 분석해보면서 진행했다. 모르는 것을 어느정도 구현해봤다는 점에 있어서 뿌듯했다.

 

백엔드에서 프론트로, 프론트에서 백엔드로 데이터를 주고받는 방법에 대해서 숙달할 수 있었다.

다만, 파이썬에서 JS로 코드를 넘겨줄 때 아직까지 JS 코드에 익숙하지 않아 어려움이 있는 것 같다. 내일이 마지막 날인데 끝까지 마무리를 잘 할 수 있도록 분발해야겠다.