Deploying to master from @ 70c44d8 🚀

about-oauth2/index.html

@@ -89,7 +89,28 @@ <h2 id="oauth-10의-특징" style="position:relative;"><a href="#oauth-10%EC%9D%
 <h2 id="oauth-10의-동작방식" style="position:relative;"><a href="#oauth-10%EC%9D%98-%EB%8F%99%EC%9E%91%EB%B0%A9%EC%8B%9D" aria-label="oauth 10의 동작방식 permalink" class="anchor before"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>OAuth 1.0의 동작방식</h2>
 <p>OAuth 1.0은 기본적으로 user / consumer / service provider가 있어야 한다.</p>
 <p>OAuth 1.0 인증을 3-legged OAuth 라고도 하는데 결국 주체가 셋 이라는 말이다.</p>
-<p><img src="https://drive.google.com/uc?export=view&#x26;id=1sRAjnebUclH0x4Bir5NeTMkVV3RhpifJ" alt="oauth1_triangle"></p>
+<p><span
+        class="gatsby-resp-image-wrapper"
+        style="position: relative; display: block; ; max-width: 624px; margin-left: auto; margin-right: auto;"
+      >
+        <span
+          class="gatsby-resp-image-background-image"
+          style="padding-bottom: 72.11538461538461%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAdCAMAAADvl95BAAACtVBMVEX////u9Pvj7Pjg6/fp8Prc6Pfl7fnv9fvm7vjS4PPX5PTQ3/Pb5vXN3vLt8/rv8/fO1OHU2uXW3OfHztzm7PK6wdKvtsrg5u7q7vSxuMvr7/TQ1+O8w9S0u87Hzdzk6vHL0d+/xda2vdC7wtPl6/Lm7PP///76+/33+fvw8vbq7PHq7PL/+en/6KX/9dn9/v7+/v/7/f7L2uz/+/H/7bn/9+H1+PuKq9O90ObI2Ovc5vLn7vb/8MX/8Mb8/Pz39/f6+vr19fW6urqkpKS1tbXh4eHBwcHV1dW0tLTw9Pn3+fzF1urG1un/6q3/7bru7u6zs7Ourq6hoaH29vbMzMzv7+/g4ODe3t7W4u/p7/f/+eb//vr2+fzN3Oz4+vzM2+z//vv//vza2tq+vr7i4uLDw8Pb29vJycm9vb25ubnIyMjFxcX4+Piqqqrl7fXa5PH/+OX/5Znd3d3Ly8vHx8fS0tK8x9Tr8ffb5fLw8PDo6Ojq6urj4+Pl5eXk5OT09/v//fj/89D/+efR0dHF1un+/v7C1OimpqbP3e3N2+zH1+r5+/3X4vDt8vjV4fDO3O3U4e/r8fju8/n8/f7d5/Lz9vqUlJSbm5vNzc3KysrW1tbd3NmonYyehWnr6ujg9f3j9v2w5fo7v/GG2PfY3d+FhYWysrLGwK37zkf3qj3LvrPT8fwate9+1fYvu/EArO1MxfPGw7v2yDDnkifSy8agu9uat9ni9v0Us++I2PfrsizWeSLOzs7s7Oz5+fmB1vcFru0ZtO/r+f7f39/GnDjBdCj989O8vLy3t7fAwMDX19fs+f5y0fYetu9Tx/Pb8/3r7vHW2dz9/f7D1/C60e6+1O/+///l7vnL3PLQ4PPb5/bO3/PH2vHG2fH6+/7x9vzq8frz9/zw9fvg6vfp8frv9Pvo8PnqNHjaAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH6AEUDTMxebUsbgAAAcVJREFUGBmNwU+IjHEAx+HP952fed+dZoZZF4nUlj+FmTlJ0Vu0K2yiXNj2oL1Q1kaZAynroIRa2gs5yEFzWhe1kT9brBzUNBi5iLZsTiha25DGO+9rZ2Z/JjwP/0tYFKliMVhchapYDBZXQhI2g22BAGFzsHSIQBWbgy1GWw4Wx4njeguxGSwzGcUlYXOoW0XDEi9gYthEYJ30glDuOXV5qcR8hoArEdogQp606clmPfYlTRAyBJIxdStwJ7aIUKeml+Uz2q2vaRERgb36tBghqQh9ugn9Cr1frgYCW9aYUWBIl+GoHnQrNFU8IVXWS083UvspGk7fLgHDUtVjMp071Ttdpskw56xKBIZhYOWbu0ydq/hlmsSc8yrQ6qKkYzQ4/HbJLTDP8VkzQ5MhMqpBLJnJIuDvu7dNh8AAVznIEf5wmLqs+fbyOyC4JmmANq7rwA3V9QEGkpKgP1egVb5MUmOS9hAykJAE+1+N0Gr128GkZqGDiIEPXZL/qBc4MzbykMrQ/Z6tsHOcHRPe504RcWBtInErS+hKYtfHk6kvNWAcnqVSK9I+EcGFHinLvxjYLom2XktICKlL/MU7qeZI+hFfyi8hIVuAG6bD2QAAAABJRU5ErkJggg=='); background-size: cover; display: block;"
+        >
+          <img
+        class="gatsby-resp-image-image"
+        style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;"
+        alt="oauth1 triangle"
+        title=""
+        src="https://images.ctfassets.net/tushy4jlcik7/6LvpjM87Myy9f5IBFqjD6f/35582b3cc46ef5c9f254bb0211c4cb34/oauth1_triangle.png"
+        srcset="https://images.ctfassets.net/tushy4jlcik7/6LvpjM87Myy9f5IBFqjD6f/35582b3cc46ef5c9f254bb0211c4cb34/oauth1_triangle.png?w=156 156w,
+https://images.ctfassets.net/tushy4jlcik7/6LvpjM87Myy9f5IBFqjD6f/35582b3cc46ef5c9f254bb0211c4cb34/oauth1_triangle.png?w=312 312w,
+https://images.ctfassets.net/tushy4jlcik7/6LvpjM87Myy9f5IBFqjD6f/35582b3cc46ef5c9f254bb0211c4cb34/oauth1_triangle.png?w=624 624w"
+        sizes="(max-width: 624px) 100vw, 624px"
+        loading="lazy"
+      />
+        </span>
+      </span></p>
 <p>우리의 서비스에서 트위터 로그인을 연동한다고 가정해보자. 사용자 입장에서는 아이디 / 비밀번호를 통해 가입하면 그 정보를 이용해서 무슨 짓을 할지 모르기 때문에 꺼려한다. OAuth 1.0은 우리의 서비스(Consumer)에게 인증토큰 (Access Token)만을 전달하고 서비스에서 인증토큰으로 트위터 API(Service Provider)를 사용할 수 있도록 해준다.</p>
 <br>
 <h3 id="outh-10-프로세스" style="position:relative;"><a href="#outh-10-%ED%94%84%EB%A1%9C%EC%84%B8%EC%8A%A4" aria-label="outh 10 프로세스 permalink" class="anchor before"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Outh 1.0 프로세스</h3>