<div id="readability-page-1" class="page"><div><h2 id="jwt"><a href="#jwt" aria-label="jwt permalink"></a>JWT</h2>
<h2 id="토큰-기반-인증"><a href="#%ED%86%A0%ED%81%B0-%EA%B8%B0%EB%B0%98-%EC%9D%B8%EC%A6%9D" aria-label="토큰 기반 인증 permalink"></a>토큰 기반 인증</h2>
<h2 id="서버-기반-인증-시스템"><a href="#%EC%84%9C%EB%B2%84-%EA%B8%B0%EB%B0%98-%EC%9D%B8%EC%A6%9D-%EC%8B%9C%EC%8A%A4%ED%85%9C" aria-label="서버 기반 인증 시스템 permalink"></a>서버 기반 인증 시스템</h2>
<p>기존의 인증 시스템은 서버 기반의 인증 방식이었는데, 서버 측에서 사용자의 정보를 기억하고 있어야 했다. 이를 위해 세션을 유지해야 했는데, 세션의 유지는 메모리, 디스크 또는 db 등을 통해 관리되었다. 서버 기반 인증 시스템은 client의 요청을 받으면 클라이언트의 상태를 서버가 유지하고, 이 정보를 서비스에 이용하는데, 이러한 서버를 Stateful 서버라고 한다. 예를들어 사용자가 로그인을 하면, 세션에 사용자 정보를 저장해두고, 서비스를 제공할 때 사용하곤 한다. </p>
<p><img src="https://media.vlpt.us/images/dnjscksdn98/post/a397e6cf-ef32-4b07-8132-45e0931d556a/session.png" alt="server_base"></p>
<h3 id="서버-기반-인증-시스템의-문제점"><a href="#%EC%84%9C%EB%B2%84-%EA%B8%B0%EB%B0%98-%EC%9D%B8%EC%A6%9D-%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%9D%98-%EB%AC%B8%EC%A0%9C%EC%A0%90" aria-label="서버 기반 인증 시스템의 문제점 permalink"></a>서버 기반 인증 시스템의 문제점</h3>
<p>소규모 시스템에서는 아직 많이 사용되는 방식이지만, 서버를 확장하기 어렵다는 등의 문제가 발생한다. </p>
<ol>
<li>
<p>세션</p>
<p>사용자가 인증할 때, 서버는 사용자의 정보를 저장해야 하는데 이를 세션이라 부른다. 대부분의 경우 메모리에 저장하는데, 로그인 중인 사용자가 늘어날 경우에 서버 ram에 과부화가 걸린다. 이를 피하기 위헤 db에 저장할 경우에도 db에 무리가 갈 수 있다.</p>
</li>
<li>
<p>확장성 </p>
<p>사용자가 늘어나게 되면 더 많은 트래픽을 처리하기 위해 여러 프로세스를 돌리거나 컴퓨터를 추가하는 등의 방법으로 서버를 확장해야 한다. 세션을 사용한다면 세션을 분산시키는 시스템을 설계해야 하지만 이러한 과정은 복잡하고 어렵다.</p>
</li>
<li>
<p>CORS</p>
<p>웹 어플리케이션에서 세션을 관리할 때 자주 사용되는 쿠키는 단일 도메인 및 서브 도메인 에서만 작동하도록 설계되어있다. 따라서 쿠키를 여러 도메인에서 관리하는 것은 번거롭다</p>
</li>
</ol>
<h2 id="토큰-기반-인증-시스템"><a href="#%ED%86%A0%ED%81%B0-%EA%B8%B0%EB%B0%98-%EC%9D%B8%EC%A6%9D-%EC%8B%9C%EC%8A%A4%ED%85%9C" aria-label="토큰 기반 인증 시스템 permalink"></a>토큰 기반 인증 시스템</h2>
<p>토큰 기반 인증 시스템은 인증받은 사용자에게 토큰을 발급하고, 서버에 요청을 할 때 헤더에 토큰을 함께 보내도록 하여 유효성을 검사한다. 이러한 시스템에서는 사용자의 인증 정보를 서버나 세션에 유지하는 것이 아닌, 클라이언트 측에서 들어오는 요청만으로 작업을 처리한다. 즉 서버 기반의 인증 시스템과 달리 상태를 유지하지 않으므로 stateless한 상태이다. </p>
<h3 id="인증-과정"><a href="#%EC%9D%B8%EC%A6%9D-%EA%B3%BC%EC%A0%95" aria-label="인증 과정 permalink"></a>인증 과정</h3>
<p><img src="https://media.vlpt.us/images/dnjscksdn98/post/679cd6f4-94f2-4d3b-b5b3-3530e5684955/token.png" alt="token_process"></p>
<ol>
<li>사용자가 아이디와 비밀번호로 로그인을 한다.</li>
<li>서버 측에서 해당 정보를 검증한다.</li>
<li>정보가 정확하다면 서버 측에서 사용자에게 Signed 토큰을 발급한다.(Signed는 해당 토큰이 서버에서 정상적으로 발급된 토큰임을 증명하는 Signature를 가지고 있다는 것)</li>
<li>클라이언트 측에서 전달받은 토큰을 저장해두고, 서버에 요청을 할때마다 해당 토큰을 서버에 함께 전달한다. 이때 HTTP 요청 헤더에 토큰을 포함시킨다.</li>
<li>서버는 토큰을 검증하고, 요청에 응답한다.</li>
</ol>
<h2 id="jwt의-정의"><a href="#jwt%EC%9D%98-%EC%A0%95%EC%9D%98" aria-label="jwt의 정의 permalink"></a>JWT의 정의</h2>
<p>JWT는 Json Web Token의 약자이다. 일반적으로 토큰 기반의 인증을 사용한다고 하면, JWT를 통해 인증과 권한부여 과정이 이루어진다. JWT는 사용자에 대한 정보를 JSON 데이터 구조 형태로 저장하는 Claim 기반의 Web Token이다. </p>
<h2 id="claim-이라는-것은-무엇일까"><a href="#claim-%EC%9D%B4%EB%9D%BC%EB%8A%94-%EA%B2%83%EC%9D%80-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C" aria-label="claim 이라는 것은 무엇일까 permalink"></a>Claim 이라는 것은 무엇일까?</h2>
<p>클레임은 사용자의 정보나 데이터 속성 등을 의미하는데, 따라서 클레임 토큰은 토큰 내에 사용자의 정보 등을 담고있는 토큰이다. </p>
<h2 id="jwt의-구조"><a href="#jwt%EC%9D%98-%EA%B5%AC%EC%A1%B0" aria-label="jwt의 구조 permalink"></a>JWT의 구조</h2>
<p>JWT는 크게 세 부분으로 구분할 수 있다 - Header, Payload, Signature
<img src="https://media.vlpt.us/images/dnjscksdn98/post/93750576-b681-4658-ba88-10922ffb4ff3/jwt.png" alt="구조"></p>

<p>헤더는 <code>typ</code>과 <code>alg</code> 두 가지 정보로 구성되는데, typ은 토큰의 타입을 지정하고 alg은 해싱 알고리즘을 지정한다. alg은 주로 SHA256이나 RSA를 사용하는데, 이 알고리즘은 서명(signature) 에서 사용된다. </p>
<div data-language="json"><pre><code><span>{</span> 
 <span>"typ"</span><span>:</span> <span>"JWT"</span><span>,</span>
 <span>"alg"</span><span>:</span> <span>"HS256"</span>
<span>}</span></code></pre></div>
<h2 id="payload"><a href="#payload" aria-label="payload permalink"></a>Payload</h2>
<p>페이로드에는 사용자의 정보와 같이 클레임이라 부르는 것들이 저장되어 있다 . JSON과 유사한 형태로, Key - Value 형태로 이루어져 있고, 다수의 정보를 넣을 수 있다. 각 부분은 <code>Base64</code> 로 인코딩 되어 표현된다. 각각의 부분을 이어주기 위하여 <code>.</code> 를 구분자로 사용한다. Base64는 암호화된 문자열이 아니라 같은 문자열에 대하여 항상 같은 인코딩 문자열을 반환한다.</p>
<p>클레임은 세 가지로 분류할 수 있다.</p>
<h3 id="registered-claim-등록된-클레임"><a href="#registered-claim-%EB%93%B1%EB%A1%9D%EB%90%9C-%ED%81%B4%EB%A0%88%EC%9E%84" aria-label="registered claim 등록된 클레임 permalink"></a>Registered Claim (등록된 클레임)</h3>
<p>등록된 클레임은 토큰 정보를 표현하기 위해 이미 정해진 데이터 종류이고 선택적 작성이 가능하다.</p>
<ul>
<li>iss : 토큰 발급자 (issuer)</li>
<li>sub : 토큰 제목 (subject)</li>
<li>aud : 토큰 대상자 (audience)</li>
<li>
<p>exp : 토큰의 만료시간 (expiration)</p>
<ul>
<li>numericdate 형식 (ex. 1480849147370)</li>
</ul>
</li>
<li>
<p>iat : 토큰이 발급된 시간 (issued at)</p>
<ul>
<li>이 값을 사용하여 토큰 발급 이후 얼마나 시간이 지났는 지를 알 수 있다.</li>
</ul>
</li>
<li>
<p>jti : JWT의 고유 식별자</p>
<ul>
<li>중복 방지를 위해 사용하며, 일회용 토큰(access token 등)에 사용</li>
</ul>
</li>
</ul>
<h3 id="public-claim-공개-클레임"><a href="#public-claim-%EA%B3%B5%EA%B0%9C-%ED%81%B4%EB%A0%88%EC%9E%84" aria-label="public claim 공개 클레임 permalink"></a>Public Claim (공개 클레임)</h3>
<p>공개 클레임은 서로 충돌이 일어나지 않는 이름을 가져야하는데, 따라서 url 형태로 작성한다.</p>

<h3 id="private-claim-비공개-클레임"><a href="#private-claim-%EB%B9%84%EA%B3%B5%EA%B0%9C-%ED%81%B4%EB%A0%88%EC%9E%84" aria-label="private claim 비공개 클레임 permalink"></a>Private Claim (비공개 클레임)</h3>
<p>비공개 클레임은 실제 사용하는 개발자가 지정하는 것인데, 서버와 클라이언트가 서로 정의하여 사용하는 클레임이다. 공개 클레임과는 달리 이름이 중복되어 충돌이 될 수 있기 때문에 사용에 유의해야 한다. </p>
<div data-language="json"><pre><code><span>{</span>
    <span>"username"</span> <span>:</span> <span>"2yeseul"</span>
<span>}</span></code></pre></div>
<h3 id="payload-예시"><a href="#payload-%EC%98%88%EC%8B%9C" aria-label="payload 예시 permalink"></a>Payload 예시</h3>
<div data-language="json"><pre><code><span>{</span>
    <span>"iss"</span> <span>:</span> <span>"example.com"</span><span>,</span>
    <span>"exp"</span> <span>:</span> <span>"1485270000000"</span><span>,</span>
    <span>"https://example.com/jwt/auth"</span> <span>:</span> <span>true</span><span>,</span>
    <span>"userId"</span> <span>:</span> <span>"2yeseul"</span><span>,</span>
    <span>"username"</span> <span>:</span> <span>"ys"</span>
<span>}</span></code></pre></div>
<p>-&gt; 2개의 등록된 클레임 (iss, exp), 1개의 공개 프레임 (https~), 2개의 비공개 클레임 (userId, username)</p>
<h2 id="signature"><a href="#signature" aria-label="signature permalink"></a>Signature</h2>
<p>서명은 토큰을 인코딩하거나 유효성을 검증할 때 사용되는 고유한 암호화 코드이다. 서명으로 header와 payload 값을 각각 base64로 인코딩하고, 인코딩한  값을 비밀 키를 이용해 header에서 정의한 알고리즘으로 해싱을 한 뒤, 이 값을 다시 base64로 인코딩한다. </p>
<h2 id="jwt-토큰-예시"><a href="#jwt-%ED%86%A0%ED%81%B0-%EC%98%88%EC%8B%9C" aria-label="jwt 토큰 예시 permalink"></a>JWT 토큰 예시</h2>
<p><img src="https://research.securitum.com/wp-content/uploads/sites/2/2019/10/jwt_ng1_en.png" alt="token_ex"></p>
<p>생성된 토큰은 http 통신을 할 때, <code>Authorization</code>이라는 key의 <code>value</code>가 된다. 일반적으로 value에는 <code>Bearer</code>가 앞에 붙는다. </p>
<div data-language="json"><pre><code><span>{</span>
    <span>"Authorization"</span> <span>:</span> <span>"Bearer {token value}"</span>

<span>}</span></code></pre></div>
<h2 id="jwt의-장단점"><a href="#jwt%EC%9D%98-%EC%9E%A5%EB%8B%A8%EC%A0%90" aria-label="jwt의 장단점 permalink"></a>JWT의 장단점</h2>
<h2 id="장점"><a href="#%EC%9E%A5%EC%A0%90" aria-label="장점 permalink"></a>장점</h2>
<ol>
<li>사용자 인증에 필요한 모든 정보가 토큰 자체에 포함되기 때문에, 별도의 인증 저장소가 필요하지 않다.</li>
<li>쿠키를 전달하지 않으므로 쿠키를 사용할 때 발생하는 보안적 취약점이 사라진다.</li>
<li>URL 파라미터와 헤더로 사용</li>
<li>트래픽에 대한 부담이 낮다.</li>
<li>REST 서비스로 제공이 가능하다.</li>
<li>토큰 만료 시간이 토큰 내에 내장되어 있다.</li>
<li>독립적이다.</li>
</ol>
<h2 id="단점"><a href="#%EB%8B%A8%EC%A0%90" aria-label="단점 permalink"></a>단점</h2>
<ol>
<li>정보를 토큰이 직접 가지고 있으므로 양날의 검이 될 수 있다. </li>
<li>토큰의 페이로드에 3종류의 클레임을 저장하기 때문에 정보가 많아질 수록 토큰의 길이가 늘어나 네트워크에 부하를 야기할 수 있다.</li>
<li>payload 자체는 암호화된 것이 아니라, base64로 인코딩된 것이다. 따라서 payload가 탈취되면 디코딩을 통해 데이터를 볼 수 있기 때문에, jwe로 암호화하거나, payload에 중요 데이터를 넣지 않아야한다.</li>
<li>stateless : 상태를 저장하지 않기 때문에 한 번 만들어진 이후에는 제어가 어렵다. 따라서 토큰을 임의로 삭제하는 것이 불가능하므로 토큰 만료 시간을 꼭 넣어주어야 한다.</li>
<li>토큰은 클라이언트가 관리하므로 토큰을 저장해야 한다.</li>
</ol>
<p>출처 </p>
<ul>
<li><a href="https://elfinlas.github.io/2018/08/12/whatisjwt-01/">https://elfinlas.github.io/2018/08/12/whatisjwt-01/</a></li>
<li><a href="https://velog.io/@dnjscksdn98/JWT-JSON-Web-Token-%EC%86%8C%EA%B0%9C-%EB%B0%8F-%EA%B5%AC%EC%A1%B0">https://velog.io/@dnjscksdn98/JWT-JSON-Web-Token-%EC%86%8C%EA%B0%9C-%EB%B0%8F-%EA%B5%AC%EC%A1%B0</a></li>
<li><a href="https://velog.io/@dnjscksdn98/JWT-%ED%86%A0%ED%81%B0-%EA%B8%B0%EB%B0%98-%EC%9D%B8%EC%A6%9D%EC%9D%B4%EB%9E%80">https://velog.io/@dnjscksdn98/JWT-%ED%86%A0%ED%81%B0-%EA%B8%B0%EB%B0%98-%EC%9D%B8%EC%A6%9D%EC%9D%B4%EB%9E%80</a></li>
</ul></div></div>

Seulog💘

이예슬

JWT
토큰 기반 인증
서버 기반 인증 시스템
기존의 인증 시스템은 서버 기반의 인증 방식이었는데, 서버 측에서 사용자의 정보를 기억하고 있어야 했다. 이를 위해 세션을 유지해야 했는데, 세션의 유지는 메모리, 디스크 또는 db 등을 통해 관리되었다. 서버 기반 인증 시스템은 client의 요청을 받으면 클라이언트의 상태를 서버가 유지하고, 이 정보를 서비스에 이용하는데, 이러한 서버를 Stateful 서버라고 한다. 예를들어 사용자가 로그인을 하면, 세션에 사용자 정보를 저장해두고, 서비스를 제공할 때 사용하곤 한다. 
서버 기반 인증 시스템의 문제점
소규모 시스템에서는 아직 많이 사용되는 방식이지만, 서버를 확장하기 어렵다는 등의 문제가 발생한다. 
세션
사용자가 인증할 때, 서버는 사용자의 정보를 저장해야 하는데 이를 세션이라 부른다. 대부분의 경우 메모리에 저장하는데, 로그인 중인 사용자가 늘어날 경우에 서버 ram에 과부화가 걸린다. 이를 피하기 위헤 db에 저장할 경우에도 db에 무리가 갈 수 있다.
확장성 
사용자가 늘어나게 되면 더 많은 트래픽을 처리하기 위해 여러 프로세스를 돌리거나 컴퓨터를 추가하는 등의 방법으로 서버를 확장해야 한다. 세션을 사용한다면 세션을 분산시키는 시스템을 설계해야 하지만 이러한 과정은 복잡하고 어렵다.
CORS
웹 어플리케이션에서 세션을 관리할 때 자주 사용되는 쿠키는 단일 도메인 및 서브 도메인 에서만 작동하도록 설계되어있다. 따라서 쿠키를 여러 도메인에서 관리하는 것은 번거롭다
토큰 기반 인증 시스템
토큰 기반 인증 시스템은 인증받은 사용자에게 토큰을 발급하고, 서버에 요청을 할 때 헤더에 토큰을 함께 보내도록 하여 유효성을 검사한다. 이러한 시스템에서는 사용자의 인증 정보를 서버나 세션에 유지하는 것이 아닌, 클라이언트 측에서 들어오는 요청만으로 작업을 처리한다. 즉 서버 기반의 인증 시스템과 달리 상태를 유지하지 않으므로 stateless한 상태이다. 
인증 과정
사용자가 아이디와 비밀번호로 로그인을 한다.
서버 측에서 해당 정보를 검증한다.
정보가 정확하다면 서버 측에서 사용자에게 Signed 토큰을 발급한다.(Signed는 해당 토큰이 서버에서 정상적으로 발급된 토큰임을 증명하는 Signature를 가지고 있다는 것)
클라이언트 측에서 전달받은 토큰을 저장해두고, 서버에 요청을 할때마다 해당 토큰을 서버에 함께 전달한다. 이때 HTTP 요청 헤더에 토큰을 포함시킨다.
서버는 토큰을 검증하고, 요청에 응답한다.
JWT의 정의
JWT는 Json Web Token의 약자이다. 일반적으로 토큰 기반의 인증을 사용한다고 하면, JWT를 통해 인증과 권한부여 과정이 이루어진다. JWT는 사용자에 대한 정보를 JSON 데이터 구조 형태로 저장하는 Claim 기반의 Web Token이다. 
Claim 이라는 것은 무엇일까?
클레임은 사용자의 정보나 데이터 속성 등을 의미하는데, 따라서 클레임 토큰은 토큰 내에 사용자의 정보 등을 담고있는 토큰이다. 
JWT의 구조
JWT는 크게 세 부분으로 구분할 수 있다 - Header, Payload, Signature
Header
헤더는 typ과 alg 두 가지 정보로 구성되는데, typ은 토큰의 타입을 지정하고 alg은 해싱 알고리즘을 지정한다. alg은 주로 SHA256이나 RSA를 사용하는데, 이 알고리즘은 서명(signature) 에서 사용된다. 
{ 
 "typ": "JWT",
 "alg": "HS256"
}
Payload
페이로드에는 사용자의 정보와 같이 클레임이라 부르는 것들이 저장되어 있다 . JSON과 유사한 형태로, Key - Value 형태로 이루어져 있고, 다수의 정보를 넣을 수 있다. 각 부분은 Base64 로 인코딩 되어 표현된다. 각각의 부분을 이어주기 위하여 . 를 구분자로 사용한다. Base64는 암호화된 문자열이 아니라 같은 문자열에 대하여 항상 같은 인코딩 문자열을 반환한다.
클레임은 세 가지로 분류할 수 있다.
Registered Claim (등록된 클레임)
등록된 클레임은 토큰 정보를 표현하기 위해 이미 정해진 데이터 종류이고 선택적 작성이 가능하다.
iss : 토큰 발급자 (issuer)
sub : 토큰 제목 (subject)
aud : 토큰 대상자 (audience)
exp : 토큰의 만료시간 (expiration)
numericdate 형식 (ex. 1480849147370)
iat : 토큰이 발급된 시간 (issued at)
이 값을 사용하여 토큰 발급 이후 얼마나 시간이 지났는 지를 알 수 있다.
jti : JWT의 고유 식별자
중복 방지를 위해 사용하며, 일회용 토큰(access token 등)에 사용
Public Claim (공개 클레임)
공개 클레임은 서로 충돌이 일어나지 않는 이름을 가져야하는데, 따라서 url 형태로 작성한다.
{
    "https://url" : true
}
Private Claim (비공개 클레임)
비공개 클레임은 실제 사용하는 개발자가 지정하는 것인데, 서버와 클라이언트가 서로 정의하여 사용하는 클레임이다. 공개 클레임과는 달리 이름이 중복되어 충돌이 될 수 있기 때문에 사용에 유의해야 한다. 
{
    "username" : "2yeseul"
}
Payload 예시
{
    "iss" : "example.com",
    "exp" : "1485270000000",
    "https://example.com/jwt/auth" : true,
    "userId" : "2yeseul",
    "username" : "ys"
}
-> 2개의 등록된 클레임 (iss, exp), 1개의 공개 프레임 (https~), 2개의 비공개 클레임 (userId, username)
Signature
서명은 토큰을 인코딩하거나 유효성을 검증할 때 사용되는 고유한 암호화 코드이다. 서명으로 header와 payload 값을 각각 base64로 인코딩하고, 인코딩한  값을 비밀 키를 이용해 header에서 정의한 알고리즘으로 해싱을 한 뒤, 이 값을 다시 base64로 인코딩한다. 
JWT 토큰 예시
생성된 토큰은 http 통신을 할 때, Authorization이라는 key의 value가 된다. 일반적으로 value에는 Bearer가 앞에 붙는다. 
{
    "Authorization" : "Bearer {token value}"
}
JWT의 장단점
장점
사용자 인증에 필요한 모든 정보가 토큰 자체에 포함되기 때문에, 별도의 인증 저장소가 필요하지 않다.
쿠키를 전달하지 않으므로 쿠키를 사용할 때 발생하는 보안적 취약점이 사라진다.
URL 파라미터와 헤더로 사용
트래픽에 대한 부담이 낮다.
REST 서비스로 제공이 가능하다.
토큰 만료 시간이 토큰 내에 내장되어 있다.
독립적이다.
단점
정보를 토큰이 직접 가지고 있으므로 양날의 검이 될 수 있다. 
토큰의 페이로드에 3종류의 클레임을 저장하기 때문에 정보가 많아질 수록 토큰의 길이가 늘어나 네트워크에 부하를 야기할 수 있다.
payload 자체는 암호화된 것이 아니라, base64로 인코딩된 것이다. 따라서 payload가 탈취되면 디코딩을 통해 데이터를 볼 수 있기 때문에, jwe로 암호화하거나, payload에 중요 데이터를 넣지 않아야한다.
stateless : 상태를 저장하지 않기 때문에 한 번 만들어진 이후에는 제어가 어렵다. 따라서 토큰을 임의로 삭제하는 것이 불가능하므로 토큰 만료 시간을 꼭 넣어주어야 한다.
토큰은 클라이언트가 관리하므로 토큰을 저장해야 한다.
출처 
https://elfinlas.github.io/2018/08/12/whatisjwt-01/
https://velog.io/@dnjscksdn98/JWT-JSON-Web-Token-%EC%86%8C%EA%B0%9C-%EB%B0%8F-%EA%B5%AC%EC%A1%B0
https://velog.io/@dnjscksdn98/JWT-%ED%86%A0%ED%81%B0-%EA%B8%B0%EB%B0%98-%EC%9D%B8%EC%A6%9D%EC%9D%B4%EB%9E%80

JWT

댓글