TIL: - 220618

SEO

검색엔진 최적화(Search Engine Optimization)의 약어로 검색 엔진이 보다 컨텐츠를 잘 이해하고, 사용자에게 잘 검색될 수 있도록 도와주어 사이트를 개선하는 프로세스를 의미합니다.

대부분의 웹 크롤러, 봇들은 JS를 실행시키지 못하고 HTML에서만 컨텐츠를 수집하기 때문에
CSR 방식으로 개발된 페이지를 빈 페이지로 인식하게 됩니다.

SSR 방식은 View를 서버에서 전부 렌더링하기 때문에 HTML에
모든 컨텐츠가 저장되어 있어 SEO를 사용하는데 문제가 없습니다.

OAuth

인증을 위한 개방형 표준 프로토콜.
사용자의 비밀번호 없이도 접근 권한을 위임받을 수 있다

외부 정보를 활용해 접근 권한을 부여하는..

동장방식

[사용자:유저, 소비자:앱/웹 서비스, 서비스제공자:구글, 페이스북 등]

1. 소비자가 Request Token 요청
2. 서비스제공자가 Request Token 발급
3. 사용자 인증 페이지 호출
4. 사용자 로그인 완료
5. 사용자의 권한 요청 및 수락
6. 서비스제공자가Access Token 발급
7. Access Token을 이용해 소비자가 서비스제공자에 정보 요청

HTTP와 HTTPS의 차이

HTTP는 HTML과 같은 문서를 전송하기 위한 서버와 클라이언트 간의 통신 프로토콜입니다.

HTTPS는 (HTTP + Secure) HTTP에 보안이 추가된 버전입니다.
HTTP 요청을 SSL 혹은 TLS라는 알고리즘을 이용해 암호화합니다

localStorage vs sessionStorage vs Cookie vs session

1. 로컬스토리지 :

   만료 - 영구 저장 가능
   특징 - 같은 도메인에 같은 정보 저장.
   사용 - 자동 로그인

2. 세션스토리지 :

   만료 - 세션 만료시, 정보 사라짐
   특징 - 같은 도메인이여도 탭, 창별로 서로 다른 정보 저장.
   사용 - 비회원 장바구니, 일회성 로그인, 입력 폼 저장

3. 쿠키 :

   클라이언트의 상태 정보에 대한 저장, 요청하지 않아도 자동으로 저장됨
   만료 - 브라우저를 종료해도 파일로 남아있다. (만료시점 설정 가능)
   위치 - 브라우저

   사용법 - 주로 서버에 HTTP 요청 시 헤더에 같이 집어넣어 사용
   사용 - 사용자 방문 기록, 로그인 정보 저장, 팝업 다시 보지 않음 등

4. 세션 :

   방문자가 웹 서버에 접속해 있는 상태를 하나의 단위로 보는 것
   쿠키를 기반하고 있지만, 사용자 정보 파일을 브라우저에 저장
   브라우저 종료 시 까지 사용자의 인증 요청을 유지할 수 있도록 서버에 정보를 저장함

   만료 - 브라우저 종료시 삭제, 서버에서 세션 삭제시 삭제. (기간 지정 가능)
   위치 - 웹 서버에 저장되는 쿠키. (세션 쿠키)
   사용 - 화면이 이동해도 로그인이 풀리지 않고 로그아웃하기 전까지 유지

5. 클라이언트가 서버에 접속 시 세션 ID를 발급.

6. 클라이언트는 세션 ID에 대해 쿠키를 사용해서 저장하고 가지고 있음

7. 클라리언트는 서버에 요청할 때, 이 쿠키의 세션 ID를 서버에 전달해서 사용.

8. 서버는 세션 ID를 전달 받아서 별다른 작업없이 세션 ID로 세션에 있는 클라언트 정보를 가져옴.