NETWORK 3

서버 사이드 렌더링(SSR) vs 클라이언트 사이드 렌더링(CSR)

서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법반대는 클라이언트 사이드 렌더링SSR 장점첫 페이지 로딩속도가 빠르다검색엔진 최적화가 가능하다SSR 단점초기 로딩 이후 페이지 이동 시 속도가 CSR(Client Sever Rendering)에 비해 느리다.깜빢임 이슈 (매번 새로고침)서버 과부하TTV(Time To View) 와 TTI(Time To Ineract)의 공백 시간클라이언트 사이드 렌더링(CSR)클라이언트가 렌더링을 맡아서 하는 방식클라이언트 = 브라우저ajax(Asynchronous JavaScript and XML) 방식SSR과 달리 HTML 파싱부터 JS 읽기까지 브라우저에서 하기 때문에 처음 화면을 띄우는데 시간이 걸린다.SSR과 달리 화면이 띄워지는 타이밍..

NETWORK 2024.08.11

JWT 토큰

JWT(Jason Web Token)JWT Process세션으로 인증하면 서버에 부하가 걸린다. 구글은 유저가 20억명이다.그래서 나온 게 jwt, 클라이언트에게 부여해버리기, 인증만 하는것이야~JWT = JSON Web Token 약자로 전자 서명 된 URL-safe의 JSON이다서버는 헤더에 포함되어 있는 JWT 정보를 통해 인증토큰 구성AAAAAA.BBBBBB.CCCCCCheader, payload, signatureheader : 토큰의 타입과 해시 암호화 알고리즘payload : 토큰에 담을 클레임(claim) 의 정보를 포함정보의 한 조각을 클레임name : value 한 쌍으로토큰에는 여러개의 클레임을 넣을 수 있다클레임의 정보 : 등록된 클레임, 공개 클레임, 비공개 클레임 세 종류sign..

NETWORK/보안 2024.08.11

REST

RESTREST의 정의 : 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미Representational State Transfer 약자Representational  : 구상적인 /  State : 상태 / Transfer : 옮기다, 나르다자원(resource)의 표현(representation)에 의한 상태 전달자원의 표현자원 : 해당 소프트웨어가 관리하는 모든 것 (문서, 그림, 데이터, 해당 소프트웨어 자체 등)자원의 표현 : 그 자원을 표현하기 위한 이름(DB의 책의 정보가 자원일 때, 'books'를 자원의 표현으로 정함상태(정보) 전달데이터가 요청되어지는 시점에서 자원의 상태(정보)를 전달JSON or XML을 통해 데이터를 주고 받는 것이 일반적..

NETWORK 2024.05.07