1"use strict";(self.webpackChunksample=self.webpackChunksample||[]).push([[1758],{16284:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>c,default:()=>a,frontMatter:()=>s,metadata:()=>l,toc:()=>o});var r=i(74848),t=i(28453);const s={slug:"OAuth2 Simplified",title:"OAuth2 Simplified",authors:"ryukato",date:new Date("2018-05-14T16:52:19.000Z"),tags:["OAuth2"]},c="OAuth2",l={permalink:"/blog/OAuth2 Simplified",source:"@site/blog/2018-05-14-OAuth2-simplified.md",title:"OAuth2 Simplified",description:"\uc6d0\ubcf8//aaronparecki.com/oauth-2-simplified/",date:"2018-05-14T16:52:19.000Z",tags:[{label:"OAuth2",permalink:"/blog/tags/o-auth-2"}],readingTime:14.63,hasTruncateMarker:!0,authors:[{name:"Ryukato",title:"BackEnd Software Developer",url:"https://github.com/ryukato",imageURL:"https://github.com/ryukato.png",key:"ryukato"}],frontMatter:{slug:"OAuth2 Simplified",title:"OAuth2 Simplified",authors:"ryukato",date:"2018-05-14T16:52:19.000Z",tags:["OAuth2"]},unlisted:!1,prevItem:{title:"ESLint \uc624\ub958 \ucc3e\uae30 \uadf8\ub9ac\uace0 \uc218\uc815",permalink:"/blog/ESLint \uc624\ub958 \ucc3e\uae30 \uadf8\ub9ac\uace0 \uc218\uc815"},nextItem:{title:"Issuing and Operational Addresses",permalink:"/blog/2018/03/05/Issuing and Operational Addresses"}},d={authorsImageUrls:[void 0]},o=[{value:"OAuth2 Simplified",id:"oauth2-simplified",level:2},{value:"Roles",id:"roles",level:3},{value:"Client",id:"client",level:4},{value:"Resource Server",id:"resource-server",level:4},{value:"Authorization Server",id:"authorization-server",level:4},{value:"Resource Owner",id:"resource-owner",level:4},{value:"Creating App (Client)",id:"creating-app-client",level:3},{value:"Redirect URIs",id:"redirect-uris",level:4},{value:"Client ID\uc640 Secret",id:"client-id\uc640-secret",level:4},{value:"Creating an Application",id:"creating-an-application",level:3}
1,{value:"Redirect URLs and State",id:"redirect-urls-and-state",level:3},{value:"Authorization",id:"authorization",level:3},{value:"Web Server Apps",id:"web-server-apps",level:3},{value:"Authorization",id:"authorization-1",level:4},{value:"Token Exchange",id:"token-exchange",level:4},{value:"Single-Page Apps",id:"single-page-apps",level:3},{value:"Authorization",id:"authorization-2",level:4},{value:"Token Exchange",id:"token-exchange-1",level:4}];function h(e){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h2:"h2",h3:"h3",h4:"h4",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,t.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(n.p,{children:["\uc6d0\ubcf8: ",(0,r.jsx)(n.a,{href:"https://aaronparecki.com/oauth-2-simplified/",children:"https://aaronparecki.com/oauth-2-simplified/"})]}),"\n",(0,r.jsx)(n.h2,{id:"oauth2-simplified",children:"OAuth2 Simplified"}),"\n",(0,r.jsx)(n.h3,{id:"roles",children:"Roles"}),"\n",(0,r.jsx)(n.h4,{id:"client",children:"Client"}),"\n",(0,r.jsx)(n.p,{children:"OAuth2\uc5d0\uc11c Client\ub294 \uc81c 3\uc790\uac00 \uac1c\ubc1c\ud588\uac70\ub098, \uac1c\ubc1c\ud558\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9d0\ud55c\ub2e4. \ud574\ub2f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc740 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \ud544\uc694\ud55c \uc0ac\uc6a9\uc790 \uc815\ubcf4\uc5d0 \uc811\uadfc \ud558\uae38 \uc6d0\ud558\uace0 \uc0ac\uc6a9\uc790 \uc815\ubcf4\uc5d0 \uc811\uadfc\ud558\uae30\uc704\ud574\uc11c\ub294 \uc0ac\uc6a9\uc790 \uc815\ubcf4\ub97c \uac00\uc9c0\uace0 \uc788\ub294 \uc11c\ube44\uc2a4(\uc560\ud50c\ub9ac\ucf00\uc774\uc158) \ud639\uc740 \uc0ac\uc6a9\uc790\ub85c\ubd80\ud130 \uc2b9\uc778\uc744 \ubc1b\uc544\uc57c \ud55c\ub2e4."}),"\n",(0,r.jsx)(n.h4,{id:"resource-server",children:"Resource Server"}),"\n",(0,r.jsx)(n.p,{children:"Resource Server\ub294 \uc0ac\uc6a9\uc790 \uc815\ubcf4\uc5d0 \uc811\uadfc\ud560 \uc218 \uc788\ub294 API\ub97c \uc81c\uacf5\ud558\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158(\ud639\uc740 \uc11c\ube44\uc2a4)\ub97c \ub9d0\ud55c\ub2e4."}),"\n",(0,r.jsx)(n.h4,{id:"authorization-server",children:"Authorization Server"}),"\n",(0,r.jsx)(n.p,{children:"Authorisation Server\ub294 Client, \uc989, \uc81c 3\uc790\uc758 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc73c\ub85c\ubd80\ud130 \uc0ac\uc6a9\uc790 \uc815\ubcf4\uc5d0 \uc811\uadfc\ud558\uace0\uc790 \ud558\ub294 \uc694\uccad\uc744 \uc0ac\uc6a9\uc790\uac00 \uc2b9\uc778\ud558\uac70\ub098 \ud639\uc740 \uac70\uc808\ud560 \uc218 \uc788\ub294 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uc81c\uacf5\ud558\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ud639\uc740 \uc11c\ube44\uc2a4\ub97c \ub9d0\ud55c\ub2e4. \uaddc\ubaa8\uac00 \uc791\uc740 \uacbd\uc6b0, Resource Server\uc640 \ud568\uaed8 \uad6c\ud604\ub420 \uc218 \uc788\uc73c\uba70, \uaddc\ubaa8\uac00 \ud070 \uacbd\uc6b0\ub294 \ubcc4\ub3c4\uc758 \uc560\ud50c\uc774\ucf00\uc774\uc158 \ud639\uc740 \uc11c\ube44\uc2a4\ub85c \uad6c\ud604\ud55c\ub2e4."}),"\n",(0,r.jsx)(n.h4,{id:"resource-owner",children:"Resource Owner"}),"\n",(0,r.jsx)(n.p,{children:"\uc0ac\uc6a9\uc790\uc5d0 \ud574\ub2f9\ud558\uba70, \uc790\uc2e0\uc758 \uc815\ubcf4\uc5d0 \uc811\uadfc\uc744 \ud544\uc694\ub85c \ud558\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc694\uccad\uc744 \uc2b9\uc778\ud558\uac70\ub098 \uac70\uc808\ud560 \uc218 \uc788\ub2e4."}),"\n",(0,r.jsx)(n.h3,{id:"creating-app-client",children:"Creating App (Client)"}),"\n",(0,r.jsxs)(n.p,{children:["OAuth2\ub97c \ud1b5\ud55c \uc778\uc99d \ucc98\ub9ac\ub97c \uc704\ud574\uc120 \uba3c\uc800 App(Client)\ub97c \ub4f1\ub85d\ud574\uc57c \ud55c\ub2e4. App\uc744 \ub4f1\ub85d\ud560\ub54c App\uc774\ub984, \uc6f9 \uc0ac\uc774\ud2b8 \uc8fc\uc18c, \ub85c\uace0 \ubc0f \uae30\ud0c0 \ub4f1\ub4f1\uc758 \uc815\ubcf4\ub97c \ud568\uaed8 \ub4f1\ub85d\ud55c\ub2e4. \ub610\ud55c \uc0ac\uc6a9\uc790\ub97c \ub3cc\ub824\ubcf4\ub0bc \uc8fc\uc18c\uc778 ",(0,r.jsx)(n.strong,{children:"redirectURI"}),"\ub97c \ubc18\ub4dc\uc2dc \ub4f1\ub85d\ud574\uc57c \ud55c\ub2e4."]}),"\n",(0,r.jsx)(n.h4,{id:"redirect-uris",children:"Redirect URIs"}),"\n",(0,r.jsxs)(n.p,{children:["Authorization \uc11c\ube44\uc2a4\ub294 \ub4f1\ub85d\ub41c URI\uc73c\ub85c\ub9cc \uc0ac\uc6a9\uc790\ub97c \uc774\ub3d9 \uc2dc\ud0a8\ub2e4. \uadf8 \uc774\uc720\ub294 \uc545\uc758\uc801\uc778 \uacf5\uaca9\uc744 \ubc29\uc9c0\ud558\uae30 \uc704\ud574\uc11c\uc774\uba70, ",(0,r.jsx)(n.strong,{children:"redirectURI"}),"\ub294 ",(0,r.jsx)(n.strong,{children:"TLS \ubcf4\uc548"}),"\uc73c\ub85c \ubcf4\ud638\ub418\uc5b4\uc57c \ud55c\ub2e4. \ub530\ub77c\uc11c Authorization \uc11c\ube44\uc2a4\ub294 **\u201chttps\u201d**\ub85c \uc2dc\uc791\ud558\ub294 ",(0,r.jsx)(n.strong,{children:"redirectURI"}),"\ub85c\ub9cc \uc0ac\uc6a9\uc790\ub97c \ubcf4\ub0b4\uc57c \ud55c\ub2e4. \uc774\ub807\uac8c \ud568\uc73c\ub85c\uc368 \uc778\uc99d \uacfc\uc815\uc911\uc5d0 \ud1a0\ud070(token)\uc774 \ud0c8\ucde8\ub418\ub294 \uac83\uc744 \ubc29\uc9c0 \ud560 \uc218 \uc788\ub2e4. Native App\uc740 ",(0,r.jsx)(n.strong,{children:"redirectURI"}),"\ub97c ",(0,r.jsx)(n.code,{children:"demoapp://redirect"}),"\uc640 \uac19\uc740 \uc0ac\uc6a9\uc790 \uc815\uc758 URL Schema\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub4f1\ub85d\ud560 \uc218 \uc788\ub2e4."]}),"\n",(0,r.jsx)(n.h4,{id:"client-id\uc640-secret",children:"Client ID\uc640 Secret"}),"\n",(0,r.jsxs)(n.p,{children:["Authorization \uc11c\ube44\uc2a4\ub97c \ud1b5\ud574 App(Client) \ub4f1\ub85d\uc744 \uc644\ub8cc\ud558\uac8c \ub418\uba74, \uc751\ub2f5\uc73c\ub85c ",(0,r.jsx)(n.strong,{children:"client ID"}),"\uc640 ",(0,r.jsx)(n.strong,{children:"client secret"}),"\uc744 \ubc1b\uac8c \ub41c\ub2e4. ",(0,r.jsx)(n.strong,{children:"client ID"}),"\ub294 \uc77c\ubc18\uc801\uc778 ID\uc640 \uac19\uc740 \uac12\uc73c\ub85c \ub85c\uadf8\uc778\uc744 \ud560\ub54c \uc8fc\uc18c \ud639\uc740 \ub85c\uadf8\uc778 \ucf54\ub4dc\uc5d0 \uc9c1\uc811 \ucd94\uac00\ud558\uba74 \ub41c\ub2e4. \ud558\uc9c0\ub9cc ",(0,r.jsx)(n.strong,{children:"client secret"}),"\uc740 \ubcf4\uc548\uc744 \uc694\ud558\ub294 \uac12\uc73c\ub85c SPA\uc640 \uac19\uc774 ",(0,r.jsx)(n.strong,{children:"client secret"}),"\uc744 \ubcf4\uc548\uc801\uc73c\ub85c \uc548\uc804\ud558\uac8c \ubcf4\uad00\ud560 \uc218 \uc5c6\ub2e4\uba74, \ud574\ub2f9 \uac12\uc744 \uc751\ub2f5\uc73c\ub85c \ubc1c\uae09\ud558\ub294 \uac83\uc740 \uc801\uc808\ud558\uc9c0 \uc54a\ub2e4."]}),"\n",(0,r.jsx)(n.h3,{id:"creating-an-application",children:"Creating an Application"}),"\n",(0,r.jsxs)(n.p,{children:["OAuth2 service\uc640 \uc5f0\ub3d9\ud558\uae30\uc704\ud574\uc11c\ub294 \ubbf8\ub9ac \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub4f1\ub85d\ud574\uc57c \ud55c\ub2e4. \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ub4f1\ub85d\uc744 \ud1b5\ud574 ",(0,r.jsx)(n.strong,{children:"client_id"}),"\uc640 ",(0,r.jsx)(n.strong,{children:"client_secret"}),"\uc744 \ubc1c\uae09 \ubc1b\uc744 \uc218 \uc788\ub2e4. \ub610\ud55c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub4f1\ub85d\ud560\ub54c ",(0,r.jsx)(n.strong,{children:"redirect_url"}),"\ub4e4\uc744 \ub4f1\ub85d\ud558\uc5ec, \uc778\uc99d\uacfc\uc815\uc5d0\uc11c \ub4f1\ub85d\ub418\uc9c0 \uc54a\uc740 \uc8fc\uc18c\ub85c \uc0ac\uc6a9\uc790\ub97c redirection \uc2dc\ud0a4\ub294 \uac83\uc744 \ubc29\uc9c0 \ud560 \uc218 \uc788\ub2e4."]}),"\n",(0,r.jsxs)(n.p,{children:["\uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ub4f1\ub85d \uc608\ub294 ",(0,r.jsx)(n.a,{href:"https://github.com/settings/developers",children:"Github"}),"\ub97c \ud1b5\ud574 \ud655\uc778\ud574\ubcfc \uc218 \uc788\ub2e4."]}),"\n",(0,r.jsx)(n.h3,{id:"redirect-urls-and-state",children:"Redirect URLs and
1State"}),"\n",(0,r.jsx)(n.p,{children:"OAuth2\ub294 \uc545\uc758\uc801\uc778 \uc758\ub3c4\ub97c \uac00\uc9c4 \uacf5\uaca9\uc790\uc5d0 \uc758\ud574 access-token\uc774 \ud0c8\ucde8\ub418\ub294 \uac83\uc744 \ubc29\uc9c0\ud558\uae30 \uc704\ud574 \uc0ac\uc804\uc5d0 \ub4f1\ub85d\ub41c redirect-url\ub85c\ub9cc \uc0ac\uc6a9\uc790\ub97c \ubcf4\ub0b4\ub3c4\ub85d \ud55c\ub2e4. \ub610\ud55c \uc6b4\uc601 \ud658\uacbd\uc5d0\uc11c redirect-url\ub4e4\uc740 \ubc18\ub4dc\uc2dc https\ub97c \uc0ac\uc6a9\ud55c \uc8fc\uc18c\uc774\uc5b4\uc57c \ud55c\ub2e4. \ub9cc\uc57d https\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294\ub2e4\uba74 \ubc18\ub4dc\uc2dc \ub2e4\ub978 \ubc29\uc548\uc744 \ud1b5\ud574 access-token\uc774 \uacf5\uaca9\uc790\uc5d0 \uc758\ud574 \ud0c8\ucde8\ub418\uc9c0 \uc54a\ub3c4\ub85d \ud574\uc57c \ud55c\ub2e4."}),"\n",(0,r.jsx)(n.p,{children:"state \ub9e4\uac1c\ubcc0\uc218\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790\uac00 redirect url\ub85c \ubcf4\ub0b4\uc84c\uc744\ub54c, \uc778\uc99d \uc694\uccad \uc2dc \uc0ac\uc6a9\ub41c \uac12\uacfc \ub3d9\uc77c\ud55c\uc9c0\ub97c \uac80\uc99d\ud558\uc5ec \uc678\ubd80 \uacf5\uaca9\uc5d0 \ub300\ud55c \ubc29\uc5b4 \uc218\ub2e8\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4. \ub610\ud55c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc5ec\ub7ec \ud398\uc774\uc9c0\uc5d0\uc11c \uc778\uc99d \uc694\uccad\uc744 \ud560 \uc218 \uc788\ub294 \uacbd\uc6b0\uc5d0, state\uac12\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc5b4\ub290 \ud398\uc774\uc9c0\uc5d0\uc11c \uc694\uccad\uc744 \ud588\ub294\uc9c0\ub97c \uad6c\ubd84\ud560 \uc218 \uc788\uc73c\uba70, \uc778\uc99d\uc774 \uc644\ub8cc\ub41c \ud6c4, \ud574\ub2f9 \ud398\u
1c774\uc9c0\ub85c \uc0ac\uc6a9\uc790\ub97c \ubcf4\ub0bc \uc218 \uc788\ub2e4."}),"\n",(0,r.jsx)(n.h3,{id:"authorization",children:"Authorization"}),"\n",(0,r.jsx)(n.p,{children:"OAuth2\uc758 \uccab\ubc88\uc9f8 \ub2e8\uacc4\ub294 \uc0ac\uc6a9\uc790\ub85c\ubd80\ud130 \uc778\uc99d\uc744 \ubc1b\ub294 \uac83\uc73c\ub85c, \uc6f9 \uae30\ubc18\uc758 \uc571\uc774\ub098 \ubaa8\ubc14\uc77c \uc571\uc758 \uacbd\uc6b0 \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc571\uc774 \uc694\uccad\ud55c \uad8c\ud55c\uc5d0 \ub300\ud574 \uc2b9\uc778\uc744 \ud560 \uc218 \uc788\ub294 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uc81c\uacf5\ud574\uc57c \ud55c\ub2e4."}),"\n",(0,r.jsxs)(n.p,{children:["OAuth2\ub294 \uc5ec\ub7ec ",(0,r.jsx)(n.strong,{children:"grant type"}),"\ub4e4\uc744 \uc81c\uacf5\ud558\ub294\ub370, \uac01 ",(0,r.jsx)(n.strong,{children:"grant type"}),"\uc5d0 \ub300\ud55c use case\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4."]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"Authorization Code: web-server, \ube0c\ub77c\uc6b0\uc838 \uae30\ubc18\uc758 \uc571\uacfc \ubaa8\ubc14\uc77c \uc571\uc744 \uc704\ud55c grant type"}),"\n",(0,r.jsx)(n.li,{children:"Password: \uc0ac\uc6a9\uc790 \uacc4\uc815(\uc544\uc774\ub514, \ud328\uc2a4\uc6cc\ub4dc)\ub85c \ub85c\uadf8\uc778 \ud560 \uc218 \uc788\ub294 grant type"}),"\n",(0,r.jsx)(n.li,{children:"Client credentials: \uc0ac\uc6a9\uc790 \uc815\ubcf4\uc5d0 \ub300\ud55c \uc811\uadfc \ubc0f \uc0ac\uc6a9 \uc694\uccad\uc774 \uc544\ub2cc, \ub4f1\ub85d\ub41c App(Client) \uc790\uc2e0\uc758 \uc815\ubcf4\ub97c \ud655\uc778\ud558\uac70\ub098 \uc218\uc815\ud558\uae30 \uc704\ud55c \uc6a9\ub3c4\uc758 grant type."}),"\n",(0,r.jsxs)(n.li,{children:["Implicit: \uc608\uc804\uc5d0\ub294 ",(0,r.jsx)(n.strong,{children:"secret"}),"\uc744 \ud3ec\ud568\ud558\uc9c0 \uc54a\uace0 \uc0ac\uc6a9\ud558\ub3c4\ub85d \uad8c\uc7a5\ub418\uc5c8\uc9c0\ub9cc ",(0,r.jsx)(n.strong,{children:"secret"}),"\uc5c6\uc774 ",(0,r.jsx)(n.strong,{children:"Authorization Code"})," grant type\uc73c\ub85c \ub300\uccb4\ub41c grant type."]}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"\uc704\uc758 \uac01 use case\uc5d0 \ub300\ud55c \uc0c1\uc138 \uc124\uba85\uc740 \ub2e4\uc74c\uc758 \uac1c\ubcc4 \ubd80\ubd84\uc5d0\uc11c \uc0c1\uc138\ud788 \ub2e4\ub8ec\ub2e4."}),"\n",(0,r.jsx)(n.h3,{id:"web-server-apps",children:"Web Server Apps"}),"\n",(0,r.jsxs)(n.p,{children:["OAuth2 \uc778\uc99d \ubc29\uc2dd\uc744 \uc0ac\uc6a9\ud560 \uacbd\uc6b0, Web server \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc740 \uac00\uc7a5 \uc77c\ubc18\uc801\uc778 \ud615\ud0dc\uc758 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774\ub2e4. \uc11c\ubc84 \uac1c\ubc1c \uc5b8\uc5b4\ub85c \uc791\uc131\ub418\uba70, \uc791\uc131\ub41c \ucf54\ub4dc\ub4e4\uc740 \uc678\ubd80\ub85c \uacf5\uac1c\ub418\uc9c0 \uc54a\uae30 \ub54c\ubb38\uc5d0, ",(0,r.jsx)(n.strong,{children:"client secret"}),"\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4."]}),"\n",(0,r.jsx)(n.h4,{id:"authorization-1",children:"Authorization"}),"\n",(0,r.jsx)(n.p,{children:"Web server \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c authorization server\ub85c \ub85c\uadf8\uc778 \uc694\uccad\uc740 \uc544\ub798\uc640 \uac19\ub2e4. (* \ub85c\uadf8\uc778 \uc694\uccad \uc8fc\uc18c\ub294 \uad6c\ud604 \uc2dc \ubcc0\uacbd\uc774 \uac00\ub2a5\ud558\ub2e4. \ucca8\ubd80\ub418\ub294 \ub9e4\uac1c\ubcc0\uc218\ub4e4\uc774 \uc911\uc694\ud558\ub2e4.)"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{children:"https://authorization-server.com/auth?response_type=code&client_id=CLIENT_ID&redirect_uri=REDIRECT_URI&scope=SCOPE&state=STATE\n"})}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["response_type=code: response_type\ub97c ",(0,r.jsx)(n.em,{children:"code"}),"\ub85c \ud558\uac8c \ub418\uba74 \uc751\ub2f5\uc73c\ub85c code=authorization-code \ud615\ud0dc\ub85c \uc778\uc99d \ucf54\ub4dc\ub97c \ubc1b\uc744 \uc218 \uc788\ub2e4."]}),"\n",(0,r.jsx)(n.li,{children:"client_id: \uc0ac\uc804\uc5d0 app\uc744 \ub4f1\ub85d\ud558\uc5ec \ubc1b\uc740 \uc544\uc774\ub514 \uac12"}),"\n",(0,r.jsx)(n.li,{children:"redirect_uri: \uc778\uc99d \uc808\ucc28\ub97c \ub9c8\uce5c \ud6c4, \uc0ac\uc6a9\uc790\ub97c \ubcf4\ub0bc \uc8fc\uc18c\ub97c \ub9d0\ud55c\ub2e4."}),"\n",(0,r.jsx)(n.li,{children:"scope: \uc0ac\uc6a9\uc790\uc758 \uc815\ubcf4 \uc911, \u
1c5b4\ub5a4 \uc815\ubcf4\ub97c \uc6d0\ud558\ub294\uc9c0\ub97c \uc758\ubbf8\ud558\ub294 \uac83\uc73c\ub85c \uc0ac\uc804\uc5d0 \uc815\uc758\ud574\uc57c \ud55c\ub2e4."}),"\n",(0,r.jsxs)(n.li,{children:["state: \ubb34\uc791\uc704\ub85c \uc0dd\uc131\ub41c \uac12\uc744 \uc0ac\uc6a9\ud558\ub418, \uc751\ub2f5\uc5d0 \ud3ec\ud568\ub41c ",(0,r.jsx)(n.em,{children:"state"}),"\uac12\uacfc \uc77c\uce58 \uc5ec\ubd80\ub97c \uac80\uc99d\ud558\uc5ec \uc751\ub2f5\uc758 \uc815\ud569\uc131\uc744 \uac80\uc99d\ud560 \uc218 \uc788\ub2e4."]}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["\uc704\uc758 \uc694\uccad \uc804\uc1a1 \ud6c4, \uc0ac\uc6a9\uc790\ub294 \ud574\ub2f9 \uc694\uccad\uc744 \ud5c8\uc6a9\ud560\uc9c0 \ud639\uc740 \uac70\uc808\ud560 \uc9c0\ub97c \uacb0\uc815\ud560 \uc218 \uc788\ub294 \uc778\ud130\ud398\uc774\uc2a4\ub97c \ubcf4\uac8c \ub41c\ub2e4. \uc0ac\uc6a9\uc790\uac00 \ud574\ub2f9 \uc694\uccad\uc744 \ud5c8\uc6a9\ud560 \uacbd\uc6b0, \uc0ac\uc6a9\uc790\ub294 ",(0,r.jsx)(n.strong,{children:"redirect_uri"}),"\uc5d0 \uc124\uc815\ub41c \uc8fc\uc18c\ub85c \ubcf4\ub0b4\uc9c0\uac8c \ub418\uba70, \uc774\ub54c \ucca8\ubd80\ub418\ub294 \ub9e4\uaca8\ubcc0\uc218\ub4e4\uc740 \uc544\ub798\uc640 \uac19\uc774 ",(0,r.jsx)(n.strong,{children:"code"}),", ",(0,r.jsx)(n.strong,{children:"state"})," \uc774\ub2e4."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.code,{children:"https://example-app.com/callback?code=AUTHORIZATION_CODE&state=STATE"})}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"code: Authorisation code\uac12\uc774\ub2e4. \ud558\uc9c0\ub9cc \ucd5c\uc885\uc801\uc778 Access Token \uac12\uc740 \uc544\ub2c8\ub2e4."}),"\n",(0,r.jsxs)(n.li,{children:["state: \uc694\uccad\uc744 \uc804\uc1a1\ud560 \ub54c \ucca8\ubd80\ub41c ",(0,r.jsx)(n.strong,{children:"state"}),"\uac12\uacfc \ub3d9\uc77c\ud55c \uac12\uc774\uc5b4\uc57c \ud55c\ub2e4."]}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["\uc704\uc640 \uac19\uc740 \uc751\ub2f5\uc744 \ubc1b\uc740 \ud6c4\uc5d0, ",(0,r.jsx)(n.strong,{children:"state"}),"\uac12\uc774 \uc694\uccad\uc744 \ubcf4\ub0bc \ub54c \ucca8\ubd80\ud55c \uac12\uacfc \ub3d9\uc77c\ud55c \uc9c0 \uac80\uc99d\ud574\uc57c \ud55c\ub2e4. \ubcf4\ud1b5 state \uac12\uc744 \ucfe0\ud0a4\ub098 \uc138\uc158\uc5d0 \uc800\uc7a5\ud574\ub193\uc558\ub2e4\uac00 \uc751\ub2f5\uc744 \ubc1b\uc740 \ud6c4\uc5d0 \uc751\ub2f5\uc5d0 \ucca8\ubd80\ub41c ",(0,r.jsx)(n.strong,{children:"state"}),"\uac12\uacfc \ub3d9\uc77c\ud55c \uc9c0 \ube44\uad50\ud55c\ub2e4. ",(0,r.jsx)(n.strong,{children:"state"}),"\uac12\uc758 \ub3d9\uc77c \uc5ec\ubd80 \uac80\uc99d\uc73c\ub85c \uc545\uc758\uc801\uc73c\ub85c \uc784\uc758\uc758 \uc8fc\uc18c\ub85c \ubcf4\ub0b4 authorrization code\ub97c \ubc14\uafd4\uce58\ub294 \uac83\uc744 \ubc29\uc9c0 \ud560 \uc218 \uc788\ub2e4."]}),"\n",(0,r.jsx)(n.h4,{id:"token-exchange",children:"Token Exchange"}),"\n",(0,r.jsxs)(n.p,{children:["\uc778\uc99d \ucf54\ub4dc(Authorization code)\ub97c \ubc1b\uc740 \ub2e4\uc74c, \ub2e4\uc74c\uacfc \uac19\uc774 ",(0,r.jsx)(n.strong,{children:"Access Token"}),"\uc744 \ubc1b\uae30 \uc704\ud55c \uc694\uccad\uc744 \ubcf4\ub0bc \uc218 \uc788\ub2e4."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{children:"POST https://api.authorization-server.com/token\ngrant_type=authorization_code&\ncode=AUTHORIZATION_CODE&\nredirect_uri=REDIRECT_URI&\nclient_id=CLIENT_ID&\nclient_secret=CLIENT_SECRET*\n"})}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"grant_type=authorization_code"})," : Authorization code\ub97c \ud1b5\ud574 ",(0,r.jsx)(n.code,{children:"Access Token"}),"\uc744 \ubc1b\ub294 \ub2e4\ub294 \uac83\uc744 \uba85\uc2dc\ud55c\ub2e4."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"code=AUTHORIZATION_CODE"}),": \uc774\uc804 Authorization \ub2e8\uacc4\uc5d0\uc11c \ubc1b\uc740 ",(0,r.jsx)(n.code,{children:"AUTHORIZATION_CODE"}),"\ub97c \uc804\ub2ec\ud574\uc57c \ud55c\ub2e4."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"redirect_uri=REDIRECT_URI"}),": \uc774\uc804 Authorization \ub2e8\uacc4\uc5d0\uc11c \uc0ac\uc6a9\ud588\ub358 \uac12\uacfc \ub2e4\ub978 \uac12\uc744 \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4. ",(0,r.jsx)(n.code,{children:"Access Token"}),"\uc774 \ucca8\ubd80\ub41c \uc815\uc0c1\uc801\uc778 \uc751\ub2f5\uc744 \ucc98\ub9ac\ud560 \ud398\u
1c774\uc9c0 \uc8fc\uc18c\ub97c \uc804\uc1a1\ud574\uc57c \ud55c\ub2e4."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"client_id=CLIENT_ID"}),": \uc0ac\uc804\uc5d0 app\uc744 \ub4f1\ub85d\ud558\uc5ec \ubc1b\uc740 \uc544\uc774\ub514 \uac12"]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"client_secret=CLIENT_SECRET"}),": \uc0ac\uc804\uc5d0 app\uc744 \ub4f1\ub85d\ud560\ub54c \ubc1b\uc740 ",(0,r.jsx)(n.code,{children:"client_secret"})," (* ",(0,r.jsx)(n.code,{children:"client_secret"})," \uac12\uc740 server\ucabd\uc5d0 \uc548\uc804\ud55c \uacf3\uc5d0 \ubcf4\uad00\ud574\uc57c \ud55c\ub2e4.)"]}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["\uc704\uc640 \uac19\uc774 \uac01 \ud56d\ubaa9\uc5d0 \uc62c\ubc14\ub978 \uac12\uc744 \ub123\uc5b4 \uc804\uc1a1\ud558\uac8c \ub418\uba74, \uc544\ub798\uc640 \uac19\uc774 ",(0,r.jsx)(n.code,{children:"Access Token"}),"\uc744 \ubc1b\uac8c \ub41c\ub2e4."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{children:'{\n"access_token": "RsT5OjbzRn430zqMLgV3Ia",\n"expires_in": 3600\n}\n'})}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["access_token: ",(0,r.jsx)(n.code,{children:"Access Token"})," \uac12\uc73c\ub85c \uc774\ud6c4 \uc694\uccad\uc744 \uc804\uc1a1\ud560 \ub54c \ub9c8\ub2e4, \ubcf4\ud1b5 \ud5e4\ub354\uc5d0 \ucca8\ubd80\ud558\ub294 \uac12\uc774\ub2e4."]}),"\n",(0,r.jsxs)(n.li,{children:["expires_in: \uc751\ub2f5\uc73c\ub85c \ubc1b\uc740 ",(0,r.jsx)(n.code,{children:"Access Token"}),"\uc740 \ubb34\ud55c\uc815 \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc73c\uba70, ",(0,r.jsx)(n.code,{children:"expires_in"}),"\uc5d0 \uba85\uc2dc\ub41c \uc2dc\uac04(milli-seconds) \uc774\ud6c4\uc5d0 \uc0ac\uc6a9\uc774 \ub9cc\ub8cc\ub41c\ub2e4."]}),"\n"]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:["\uc8fc\uc758\n\uc704\uc758 \uc608\uc81c\uc5d0\uc11c\ub294 ",(0,r.jsx)(n.code,{children:"redirect_uri"}),"\ub97c \uc694\uccad \uc2dc \ucca8\ubd80\ud558\uc600\uc9c0\ub9cc, \uc77c\ubc18\uc801\uc73c\ub85c app\uc744 \ub4f1\ub85d\ud560 \ub54c \ud568\uaed8 \ub4f1\ub85d\ud558\ub294 \uac83\uc774 \ubcf4\uc548\uc0c1 \ub354 \uc548\uc804\ud558\ub2e4."]}),"\n"]}),"\n",(0,r.jsx)(n.h3,{id:"single-page-apps",children:"Single-Page Apps"}),"\n",(0,r.jsxs)(n.p,{children:["\ube0c\ub77c\uc6b0\uc838 \uae30\ubc18\uc73c\ub85c \uc791\ub3d9\ud558\uac8c \ub418\ub294 Single-Page App\ub4e4\uc758 \uacbd\uc6b0, \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uad6c\uc131\ud558\ub294 \ud398\uc774\uc9c0\ub4e4\uc758 \uc804\uccb4 \uc18c\uc2a4\ucf54\ub4dc\ub4e4\uc774 \ube0c\ub77c\uc6b0\uc838\ub97c \ud1b5\ud574 \ud655\uc778\uc774 \uac00\ub2a5\ud558\ub2e4. \ub530\ub77c\uc11c \uc678\ubd80\ub85c \ub178\ucd9c\uc774 \ub418\uba74 \uc548\ub418\ub294 ",(0,r.jsx)(n.strong,{children:"client_secret"}),"\uc744 \ucf54\ub4dc \uc0c1\uc5d0 \uc120\uc5b8\ud558\uc5ec \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc73c\uba70, ",(0,r.jsx)(n.strong,{children:"client_secret"}),"\uc744 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774 \uac00\uc9c0\uace0 \uc788\ub3c4\ub85d \ud558\ub294 \uac83\uc740 \ubc14\ub78c\uc9c1\ud558\uc9c0 \uc54a\ub2e4."]}),"\n",(0,r.jsxs)(n.p,{children:["Access-Token\uc744 \ubc1b\ub294 \uacfc\uc815\uc740 \uc704\uc5d0 \uc5b8\uae09\ub41c \uacfc\uc815\ub4e4\uacfc \ub300\ubd80\ubd84 \uc720\uc0ac\ud558\uc9c0\ub9cc, \ub9c8\uc9c0\ub9c9\uc5d0 Access-Token\uacfc authorisation code\ub97c \uad50\ud658\ud558\ub294 \uacfc\uc815\uc5d0\uc11c ",(0,r.jsx)(n.strong,{children:"client_secret"}),"\uc740 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294\ub2e4."]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:["\ucc38\uace0\n\uc774\uc804\uc5d0\ub294 \ube0c\ub77c\uc6b0\uc838 \uae30\ubc18\uc758 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c ",(0,r.jsx)(n.em,{children:"Implicit"})," grant_type\uc744 \uc0ac\uc6a9\ud558\ub3c4\ub85d \ud558\uc600\uc73c\ub098, \ud604\uc7ac \uc0c1\ud669\uc5d0\uc11c ",(0,r.jsx)(n.strong,{children:"client_secret"}),"\uc744 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294 ",(0,r.jsx)(n.strong,{children:"authorization code flow"}),"\uc744 \uc5c5\uacc4 \ud45c\uc900\uc73c\ub85c \ud558\uace0 \uc788\ub2e4."]}),"\n"]}),"\n",(0,r.jsx)(n.h4,{id:"authorization-2",children:"Authorization"}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.code,{children:"https://authorization-server.com/auth?response_type=code&client_id=CLIENT_ID&redirect_uri=REDIRECT_URI&scope=photos&state=1234zyx"})}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["code: ",(0,r.jsx)(n.strong,{children:"authorization code"}),"\ub97c \uc694\uccad\ud55c\ub2e4\ub294 \uc758\ubbf8\uc774\ub2e4."]}),"\n",(0,r.jsx)(n.li,{children:"client_id: \uc0ac\uc804\uc5d0 app\uc744 \ub4f1\ub85d\ud558\uc5ec \ubc1b\uc740 \uc544\uc774\ub514 \uac12"}),"\n",(0,r.jsx)(n.li,{children:"redirect_uri: \uc778\uc99d \uc808\ucc28\ub97c \ub9c8\uce5c \ud6c4, \uc0ac\uc6a9\uc790\ub97c \ubcf4\ub0bc \uc8fc\uc18c\ub97c \ub9d0\ud55c\ub2e4."}),"\n",(0,r.jsx)(n.li,{children:"scope: \uc0ac\uc6a9\uc790\uc758 \uc815\ubcf4 \uc911, \u
1c5b4\ub5a4 \uc815\ubcf4\ub97c \uc6d0\ud558\ub294\uc9c0\ub97c \uc758\ubbf8\ud558\ub294 \uac83\uc73c\ub85c \uc0ac\uc804\uc5d0 \uc815\uc758\ud574\uc57c \ud55c\ub2e4."}),"\n",(0,r.jsxs)(n.li,{children:["state: \ubb34\uc791\uc704\ub85c \uc0dd\uc131\ub41c \uac12\uc744 \uc0ac\uc6a9\ud558\ub418, \uc751\ub2f5\uc5d0 \ud3ec\ud568\ub41c ",(0,r.jsx)(n.em,{children:"state"}),"\uac12\uacfc \uc77c\uce58 \uc5ec\ubd80\ub97c \uac80\uc99d\ud558\uc5ec \uc751\ub2f5\uc758 \uc815\ud569\uc131\uc744 \uac80\uc99d\ud560 \uc218 \uc788\ub2e4."]}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["\uc704\uc758 \uc694\uccad \uc804\uc1a1 \ud6c4, \uc0ac\uc6a9\uc790\ub294 \ud574\ub2f9 \uc694\uccad\uc744 \ud5c8\uc6a9\ud560\uc9c0 \ud639\uc740 \uac70\uc808\ud560 \uc9c0\ub97c \uacb0\uc815\ud560 \uc218 \uc788\ub294 \uc778\ud130\ud398\uc774\uc2a4\ub97c \ubcf4\uac8c \ub41c\ub2e4. \uc0ac\uc6a9\uc790\uac00 \ud574\ub2f9 \uc694\uccad\uc744 \ud5c8\uc6a9\ud560 \uacbd\uc6b0, \uc0ac\uc6a9\uc790\ub294 ",(0,r.jsx)(n.strong,{children:"redirect_uri"}),"\uc5d0 \uc124\uc815\ub41c \uc8fc\uc18c\ub85c \ubcf4\ub0b4\uc9c0\uac8c \ub418\uba70, \uc774\ub54c \ucca8\ubd80\ub418\ub294 \ub9e4\uaca8\ubcc0\uc218\ub4e4\uc740 \uc544\ub798\uc640 \uac19\uc774 ",(0,r.jsx)(n.strong,{children:"code"}),", ",(0,r.jsx)(n.strong,{children:"state"})," \uc774\ub2e4."]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"code: Authorisation code\uac12\uc774\ub2e4. \ud558\uc9c0\ub9cc \ucd5c\uc885\uc801\uc778 Access Token \uac12\uc740 \uc544\ub2c8\ub2e4."}),"\n",(0,r.jsxs)(n.li,{children:["state: \uc694\uccad\uc744 \uc804\uc1a1\ud560 \ub54c \ucca8\ubd80\ub41c ",(0,r.jsx)(n.strong,{children:"state"}),"\uac12\uacfc \ub3d9\uc77c\ud55c \uac12\uc774\uc5b4\uc57c \ud55c\ub2e4."]}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["\uc704\uc640 \uac19\uc740 \uc751\ub2f5\uc744 \ubc1b\uc740 \ud6c4\uc5d0, ",(0,r.jsx)(n.strong,{children:"state"}),"\uac12\uc774 \uc694\uccad\uc744 \ubcf4\ub0bc \ub54c \ucca8\ubd80\ud55c \uac12\uacfc \ub3d9\uc77c\ud55c \uc9c0 \uac80\uc99d\ud574\uc57c \ud55c\ub2e4. \ubcf4\ud1b5 state \uac12\uc744 \ucfe0\ud0a4\ub098 \uc138\uc158\uc5d0 \uc800\uc7a5\ud574\ub193\uc558\ub2e4\uac00 \uc751\ub2f5\uc744 \ubc1b\uc740 \ud6c4\uc5d0 \uc751\ub2f5\uc5d0 \ucca8\ubd80\ub41c ",(0,r.jsx)(n.strong,{children:"state"}),"\uac12\uacfc \ub3d9\uc77c\ud55c \uc9c0 \ube44\uad50\ud55c\ub2e4. ",(0,r.jsx)(n.strong,{children:"state"}),"\uac12\uc758 \ub3d9\uc77c \uc5ec\ubd80 \uac80\uc99d\uc73c\ub85c \uc545\uc758\uc801\uc73c\ub85c \uc784\uc758\uc758 \uc8fc\uc18c\ub85c \ubcf4\ub0b4 authorrization code\ub97c \ubc14\uafd4\uce58\ub294 \uac83\uc744 \ubc29\uc9c0 \ud560 \uc218 \uc788\ub2e4."]}),"\n",(0,r.jsx)(n.h4,{id:"token-exchange-1",children:"Token Exchange"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{children:"POST https://api.authorization-server.com/token\n grant_type=authorization_code&\n code=AUTH_CODE_HERE&\n redirect_uri=REDIRECT_URI&\n client_id=CLIENT_ID\n"})}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"grant_type=authorization_code"})," : Authorization code\ub97c \ud1b5\ud574 ",(0,r.jsx)(n.code,{children:"Access Token"}),"\uc744 \ubc1b\ub294 \ub2e4\ub294 \uac83\uc744 \uba85\uc2dc\ud55c\ub2e4."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"code=AUTHORIZATION_CODE"}),": \uc774\uc804 Authorization \ub2e8\uacc4\uc5d0\uc11c \ubc1b\uc740 ",(0,r.jsx)(n.code,{children:"AUTHORIZATION_CODE"}),"\ub97c \uc804\ub2ec\ud574\uc57c \ud55c\ub2e4."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"redirect_uri=REDIRECT_URI"}),": \uc774\uc804 Authorization \ub2e8\uacc4\uc5d0\uc11c \uc0ac\uc6a9\ud588\ub358 \uac12\uacfc \ub2e4\ub978 \uac12\uc744 \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4. ",(0,r.jsx)(n.code,{children:"Access Token"}),"\uc774 \ucca8\ubd80\ub41c \uc815\uc0c1\uc801\uc778 \uc751\ub2f5\uc744 \ucc98\ub9ac\ud560 \ud398\uc774\uc9c0 \uc8fc\uc18c\ub97c \uc804\uc1a1\ud574\uc57c \ud55c\ub2e4."]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"client_id=CLIENT_ID"}),": \uc0ac\uc804\uc5d0 app\uc744 \ub4f1\ub85d\ud558\uc5ec \ubc1b\uc740 \uc544\uc774\ub514 \uac12"]}),"\n"]})]})}function a(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(h,{...e})}):h(e)}},28453:(e,n,i)=>{i.d(n,{R:()=>c,x:()=>l});var r=i(96540);const t={},s=r.createContext(t);function c(e){const n=r.useContext(s);return r.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:c(e.components),r.createElement(s.Provider,{value:n},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.