13일차- 내일배움캠프 1기 TIL(Today I learned)_ 로그인/회원가입 기능

1. 드디어,, 개발 구현 시작 

 

지난주 3일치 정도의 개발일지를 쓰지 못했다. 

3일간 네이버 API 사용하기,  AWS 서비스를을 연결해서 인프라 구축하기를 했는데,

생각보다 머리에 정리가 안되서,, 쓰지 못 했다..

(금주 내로 블로그에 따로 정리 예정....)

 

 

2. 아쉬운점

 

자꾸 제공된 코드를 사용하는 경향이 있다.

const, let  사용 정확히하고, 

ajax 사용할 때 서버에서 보내는  result 값,   error 처리를 생활화할 필요가 있다.  

 

3. 잘한점 

 

처음으로 영상이 이해가 잘 안되서, 교재 위주로 공부했는데

영상 강의보다 더 집중되고 속도도 빠른 것 같아서 좋았다.

좋은 공부법 발견!

 

[공부 내용!!!]

 

4. 회원가입 기능

 

자바스크립트가 아주 약간 익숙해진거 같다. 

3가지를 생각하면서 코드를 쓰려고 하니 많은 도움이 된다. 

 

1.  함수는 기능별로 묶는다. 그리고 함수 안에 함수를 쓸 수 있다.

2. 함수 안에 사용하는 함수는 미리 매개변수를 설정하고, 상위 함수의 변수를 받아서 쓴다. 

3. html의 클래스들 추가, 제거, 변경하고, 비교하고 확인하는 방법으로 화변 동작을 제어한다.  

 

** 새로 배운 내용 :

*JS

 

-정규식 사용법 

-. focus()

-클래스와 빈 <p>태그 이용해서 아이디 중복 결과 알려주기

 

*Python3

 

-해쉬함수 sha256 : 항상 256바이트 고정 길이로 값을 암호화

-.hexdigest()

-DB 값 bool()로 감싸서 활용하기 

 

 

5. 로그인 기능

 

큰 흐름과 꼭 알아야하는 부분을 남겨둔다.

 

HTTP  통신은 1번의 응답 후에 연결이 끊긴다. 상태가 남지 않는다. ( stateless), 과거에 대한 정보를 남기지 않는다.

HTTP 통신은  header / body  공간으로 구성된다. 

헤더에는 요청에 대한 정보, 바디는 보내야할 데이터가 담긴다.

주로 인증은 헤더에 담긴다. 

 

<인증의 방식!>

-Passport란?  

-세션이란? -> 계정 정보 -> 서버(고유 id  부여) -> 세션 저장소 저장(변수 같은 공간) ->세션  id  발행 / 클라에 전달 -> 클라 쿠키에  세션  id 저장 -> 요청 시 헤더에 넣어서 인증   (단점, 해킹 위험, 세션 저장소 서버에 부하)

-JWT란? 인증에 필요한 정보들을  payload에 넣고,  암호화 후 토큰에 저장 

-Oauth 2.0이란? 

 

출처: https://tansfil.tistory.com/58?category=255594 

쉽게 알아보는 서버 인증 1편(세션/쿠키 , JWT)