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

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()

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

*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

from http://yeoon.tistory.com/43 by ccl(A) rewrite - 2021-10-13 03:01:31