[개발필수지식] 웹관련 용어 - 쿠키, 세션, SSR, CSR, SPA

웹화면이 이동해도 유지되어야 하는 정보 : 로그인정보, 작업정보 (장바구니 등), 상태정보 (N일간 사용 안 하기 등)

 

쿠키

- 작업정보, 상태정보 

- 치명적이지 않은 유지 정보만 (로컬pc에 실제 파일로 저장 => 내pc 공간 자원이 분산되지만 위험함)

 

세션

- 로그인정보, 개인정보 등

- 치명적인 유저 정보 보관 (서버 메모리 or 외부 저장소에 보관 => 서버 자원 소모는 증가하나 안전)

 

쿠키 상세정보

- 이름, 값, 만료일, 경로정보 세팅 가능

- 클라이언트에 총 300개 쿠키 저장 가능

- 한 도메인 당 20개 쿠가 가능

- 하나의 쿠키는 4KB까지 저장 가능

 

 

HTTP 요청 전달 방식

- 정보가 적을 때 : GET (조회 조건만 전달. body는 비움)

- 정보가 많을 때 : POST (입력 정보를 다 전달, body에 데이터 넣어서 전달) 

 

 

SSR : 서버에서 다 그려진 (랜더링된) HTML 정보가 이동 / 느림, 화면 리로딩 기반 불편

CSR : 정보를 서버에서 받아서 로컬PC에서 그림 (랜더링), 이후 데이터만 전달 / SEO 문제 있으나 해결중 

 

CSR은 웹과 앱의 개발 구조를 동일하게 해줌

출처 : 인프런 강의 비전공자를 위한 IT필수지식

 

SPA (Single Page Application)

- 클라이언트 사이드에서 화면 랜더링 및 동적 정보 교환이 되도록 한 프로그램

- SPA(CSR) 개발을 위한 프레임 워크 : React 등 (자바스크립트로 만들어진 프레임 워크, 자바스크립트 = 브라우저에서 동작하는 언어)