SPA(Single Page Application) 서버에서 제공하는 페이지 하나(Single Page)이고, 외관상 페이지를 이동하는 것처럼 보여도 HTML 페이지 자체를 교체하는 것이 아니라 내부의 바뀐 데이터만을 교체한다. 이로써 부분적으로 업데이트하면서 훨씬 사용성이 향상된다. 그리고 사용자들의 PC 성능이 향상되면서 클라이언트단에서 많은 데이터와 동적 화면 변화를 처리할 수 있게 된다. 이를 활용해 CSR(Client Side Rendering)로 화면을 처리할 수 있게 된다. App.js 👉 index.html CRA 커맨드를 통해 리액트 프로젝트를 생성하다보면 기본적으로 index.html 안에 App.js가 렌더링되는 구조를 볼 수 있다. CSR 단점 1. 초기 렌더링이 느림 하지만 초기에..

JWT의 이해 JSON Web Token의 약자로 데이터가 JSON으로 이루어져 있는 토큰을 의미한다. 두 개체가 서로 안전하게 정보를 주고받을 수 있도록 웹 표준으로 정의된 기술이다. 세션 기반 인증 vs. 토큰 기반 인증 세션 기반 인증 서버가 사용자가 로그인 중임을 기억하고 있다는 뜻 세션 기반 인증 시스템에서 사용자가 로그인을 하면, 서버는 세션 저장소에 사용자의 정보를 조회하고 세션 ID를 발급한다. 발급된 ID는 주로 브라우저의 쿠키에 저장한다. 그 다음에 사용자가 다른 요청을 보낼 때마다 서버는 세션 저장소에서 세션을 조회한 후 로그인 여부를 결정하여 작업을 처리하고 응답을 보낸다. 세션 저장소로는 주로 - 메모리 - 디스크 - 데이터베이스 단점 서버를 확장하기가 번거로워질 수 있다. 만약 ..