TIL - [20.08.27] : 프로젝트 D-6. 로그인/회원가입 구현 시작

오늘은 알바도 약속도 없는 날~
목표한만큼 코딩 열심히 하고 저녁엔 쉬러 가자! :)

프로젝트 마감일 D-6!

 

- 본격 코딩하기 전, 다음주 수업에 필요한 가입/다운로드! (가비아 회원가입)

 

 

TIL

<회원가입, 로그인 기능 구현>

*** 구현 전 코드 : 20.08.26 깃허브 업로드분 ***

-회원가입

: id와 pw를 받아서 DB에 저장한다. (pw는 암호화해서 저장한다. 그렇지 않으면 개발자들이 사용자의 비번을 볼 수 있음 + 불법이다!)

-로그인

: id와 pw를 받아서, pw를 암호화시킨 뒤 DB에 있는 정보와 비교한다. DB의 정보와 일치하면 '몇 시간짜리 토큰'을 준다.

-쿠키

: 페이지에 관계없이 브라우저에 임시로 저장되는 정보. 딕셔너리 형태(키:밸류)로 저장됨.
로그인 구현에 반드시 사용되는 개념. why? 토큰을 키 값으로 쿠키에 저장하므로.
: 삭제는 브라우저를 닫을 때 자동으로 삭제되게 하거나, 일정시간이 지나면 삭제되게 할 수 있다.

-로그인 이후

: 사용자가 모든 API를 요청할 때, '몇 시간짜리 토큰'을 같이 준다.
서버는 동작을 수행하기 전에 해당 토큰이 유효한 것인지 판단하고, API의 본래 역할을 수행한다.

 

내 프로젝트에 적용하려면..

(어제TIL)
로그인시스템을 위해 할 일.
- index.html에서 로그인, 회원가입, 로그아웃이 가능한 UI를 만들기. 그리고 회원가입, 로그인, 로그아웃 함수 밑에 내 페이지 원래 내용 나오게 하기.
- login.html에서 로그인 창을 간단히 만들기.
- register.html에서 회원가입 창을 간단히 만들기.
- app.py의 샘플 로그인,회원가입 서버 코드를 복붙해 넣고 내 프로젝트에 맞게 고쳐보기.

여기까지는 오늘 모두 완성함!

 

<수업자료의 샘플 뜯어보기>

***
회원가입, 로그인 기능 담은 서버(파이썬 파일) 코드를 보다 보니 SECRET KEY 같은, 깃허브에 업로드되면 안 되는 정보도 들어있다.
나중에 아마존 서버에 올리고 런칭할 때는 깃허브와 연결을 끊어야 하나? 아니면 서버 파일 자체를 .gitignore 에 넣어야 하나? 
튜터님께 나중에 여쭤봐야겠다.

-

샘플 로그인시스템의 로그인 만료시간은 너무 짧아서(30초..) 로그인 유지 시간을 10분 정도로 수정했다.
exp(만료시간)을 수정하기 위해 datetime.timedelta() 값을 바꿔 주었다.
참고 :https://minus31.github.io/2018/07/28/python-date/    (파이썬 날짜, 시간 수정하기)                              

seconds=30 에서 minutes=10으로 수정.

 

-

 

-'멍이와 나' 페이지에서도 표면적인 로그인은 가능해졌다!

-이메일 형식 검사 (아이디에 최소 @, . 을 포함하게 하는 조건문) 완성.
** 가능하다면 아이디(이메일) 중복검사도 하자.

-로그인하지 않은 방문객이 볼 수 있는 설명 영역을 추가하고(guest_info), html구조를 약간 변경.

-내일 할 일을 위한 기초 : API 통해 회원ID값 주고받기 예습.
->index.html에 회원닉네임과 함께 아이디도 보여주기. 성공!

html에 DB로부터 받아온 닉네임(로그인구현) 과 아이디(아이디) 정보를 표시하는 데 성공!

이제..

 

내일 할 일

1.기존에 만들어 둔 api들에 정보가 전달될 때, ID값이 함께 전달되도록 해야 한다.
그래야 각 회원별로 저장한 정보를 불러오고 보여줄 수 있기 때문!

->모든 CRUD에 이를 반영해야 한다.

-일정 생성 : 일정명, 시작일, 종료일..과 함께 회원명(ID)를 넣어서 함께 DB 로 전송.

-일정 조회 : 로그인한 회원이 저장한 일정정보만을 DB에서 조회해 보여줌.

-일정 편집 :
(1)로그인한 회원이 저장한 일정정보를 조회함.
(2)조회한 그 정보에서 수정된 값을 다시 그 회원ID와 함께 DB에 업데이트함.

-일정 삭제 : 로그인한 회원이 선택한 일정 중 하나를 DB에서 삭제함.

-일정 검색 : 로그인한 회원이 일정정보 중 검색어와 일치하는/유사한 일정을 DB에서 조회해 보여줌.

 

 

앞으로 할 일

1. 회원가입과 로그인 기능 구현!
스파르타 샘플 파일 뜯어보며 개념 간단히 정리하고 구현하기.

2. 날씨 openAPI찾아서 정리하기

3. 알림 기능 구현하기
-카톡: 카카오톡 openAPI 활용해 파이썬으로 카톡 보내기 (참고:https://ai-creator.tistory.com/23) 나에게 메시지 보내기.
-메일: 수업자료 '한걸음 더' 참고해 파이썬으로 메일 보내기.
->둘다 사용자가 설정한 시간에 알림 보내기!

+ 일정검색 조건 완화?하기(어제자 TIL 참고)

+ 기존 일정명->_id값으로 고칠 수 있는 부분은 서버, 클라이언트 고치기

+ 7일, 30일 레이아웃 만들기

시간 있을 때 열심히 해서 마감 전까지 프로젝트 완성도를 높이자!! 💪

-아이디(이메일) 중복검사기능 만들기. (버튼과 함수는 미리 만들어 둠)

 

오늘의 순수공부시간 : 5:15:30!🎉