Programming๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป/Web Basic

Json Web Token

Dodal 2021. 11. 25. 15:38

์›น์‚ฌ์ดํŠธ์— ์ˆ˜๋งŽ์€ ์‚ฌ์šฉ์ž๊ฐ€ ์ ‘์†์„ ํ•˜๋Š”๋ฐ ๊ทธ ์ค‘ ํšŒ์›/๋น„ํšŒ์› ์—ฌ๋ถ€์— ๋”ฐ๋ผ ๋กœ๊ทธ์ธ ์ธ์ฆ ๊ฒฐ๊ณผ์— ๋”ฐ๋ผ ์ ‘๊ทผ ๊ถŒํ•œ์„ ๋ถ€์—ฌ๋ฅผ ํ• ์ง€ ๊ฒฐ์ •ํ•ด์„œ ์‘๋‹ต์„ ํ•ด์ค˜์•ผํ•œ๋‹ค.

ํŠน์ • ์‚ฌ์ดํŠธ์—์„œ ์–ด๋–ค ํ™œ๋™์ด๋“  ์‚ฌ์šฉ์ž์˜ ๋กœ๊ทธ์ธ ์—ฌ๋ถ€๊ฐ€ ๋งค๋ฒˆ ํ™•์ธํ•ด์•ผ๋œ๋‹ค.

 

Q) ๋ธŒ๋ผ์šฐ์ €์— ์‚ฌ์šฉ์ž ๋กœ๊ทธ์ธ ์ •๋ณด๋ฅผ ์ €์žฅํ•œ๋‹ค๋ฉด?

A) DB์— ์ €์žฅ๋œ ์‚ฌ์šฉ๋œ ๊ณ„์ •์˜ ํ•ด์‹œ๊ฐ’ ๋“ฑ์„ ๊บผ๋‚ด์˜จ ์ •๋ณด๊ฐ€ ์‚ฌ์šฉ์ž์˜ ์•”ํ˜ธ๋ฅผ ๋ณต์žกํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜์œผ๋กœ ๊ณ„์‚ฐํ•œ ๊ฐ’๊ณผ ์ผ์น˜ํ•˜๋Š”์ง€ ํ™•์ธํ•˜๋Š” ๊ณผ์ •์ด ํ•„์š”ํ•˜์—ฌ ์‚ฌ์ดํŠธ์—์„œ ๋ชจ๋“  ํ™œ๋™์— ๋Œ€ํ•ด ์‹คํ–‰ํ•˜๊ธฐ ๊ต‰์žฅํžˆ ๋ถ€๋‹ด๋˜๋Š” ์ž‘์—…์ด๋‹ค.

์‹œ๊ฐ„+์ž์› ์†ํ•ด/๋งค๋ฒˆ ์•„์ด๋””,ํŒจ์Šค์›Œ๋“œ ์ •๋ณด๊ฐ€ ์ด๋™๋˜๋ฉด ๋ณด์•ˆ์ƒ ์ทจ์•ฝ

 

์ด๋Ÿฌํ•œ ์ทจ์•ฝ์„ฑ์„ ๋ณด์•ˆํ•˜๊ธฐ ์œ„ํ•ด ์ „ํ†ต์ ์œผ๋กœ ์‚ฌ์šฉ๋œ '์„ธ์…˜'

 

์„ธ์…˜๋ฐฉ์‹์€ ์‚ฌ์šฉ์ž๊ฐ€ ๋กœ๊ทธ์ธ์— ์„ฑ๊ณตํ•˜๋ฉด ์„œ๋ฒ„๋Š” '์„ธ์…˜ ํ‘œ๋”ฑ์ง€'๋ž€ ๊ฑธ ์ถœ๋ ฅํ•œ๋‹ค.(a.k.a ์ž…์žฅํ‘œ)

์‚ฌ์šฉ์ž ๋ธŒ๋ผ์šฐ์ € ์ธก์— ๋ฐ˜์ชฝ ์ฐข์€ ์„ธ์…˜ํ‘œ,

๋‹ค๋ฅธ ๋ฐ˜์ชฝ์€ ์ž๊ธฐ ์ฑ…์ƒ(๋ฉ”๋ชจ๋ฆฌ),์„œ๋ž(ํ•˜๋“œ๋””์Šคํฌ),๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค(์ฐฝ๊ณ )์— ์ ํ•ฉํ•œ ๊ณณ์— ๋‘”๋‹ค.

 

๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ด ํ‘œ๋ฅผ Session ID๋ž€ ์ด๋ฆ„์˜ ์ฟ ํ‚ค[๊ฐ์ฃผ:1]๋กœ ์ €์žฅํ•˜๊ณ 

ํ•ด๋‹น ์‚ฌ์ดํŠธ์— ์š”์ฒญ์„ ๋ณด๋‚ผ๋•Œ๋งˆ๋‹ค ์ด ํ‘œ๋ฅผ ๊ฐ™์ด ์‹ค์–ด๋ณด๋‚ธ๋‹ค.

 

์ด ์„ธ์…˜ ์•„์ด๋””๊ฐ€ ์‚ฌ์šฉ์ž๋ถ€ํ„ฐ ์‹ค๋ ค์˜ค๋ฉด ์„œ๋ฒ„๋Š” ๋‚˜๋จธ์ง€ ๋ฐ˜์ชฝ์˜ ์„ธ์…˜ ํ‘œ๋ฅผ ์ฐพ์œผ๋ฉด, authorazation(์–ด์„œ์™€์ œ์ด์…˜~)์ธ๊ฒƒ.

 

์„ธ์…˜ ์•„์ด๋””๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์–ด๋–ค ์‚ฌ์šฉ์ž๊ฐ€ ์„œ๋ฒ„์— ๋กœ๊ทธ์ธ ๋œ๊ฒƒ์ด ์ง€์†๋˜๋Š” ์ƒํƒœ๋ฅผ '์„ธ์…˜'์ด๋ผ๊ณ  ํ•œ๋‹ค.

์ฆ‰ ์‚ฌ์šฉ์ž, ์„œ๋ฒ„์—์„œ ๋‚˜๋ˆˆ ์„ธ์…˜์ด ์–ด๋””์— ๋‘” ๊ฒƒ์„ ๊ธฐ์–ตํ•˜๊ณ  ์žˆ๋Š”๊ฒŒ ์„ธ์…˜.

 

์ด ๋ฐฉ์‹์—๋„ ํ—ˆ์ ์ด ์žˆ๋‹ค.

ํ‘œ๋”ฑ์ง€ ์ˆ˜๋Š” ๊ณง ์‚ฌ์ดํŠธ๋ฅผ ์ด์šฉํ•˜๋Š” ์‚ฌ์šฉ์ž๋“ค ์ˆ˜์ธ๋ฐ, ๋™์‹œ๋‹ค๋ฐœ๋กœ ์ ‘์†์ž๊ฐ€ ๋งŽ์•„์ง€๋ฉด ๋ฉ”๋ชจ๋ฆฌ ๋ถ€์กฑ ํ˜„์ƒ์ด ์˜จ๋‹ค.

๊ทธ๋ฆฌ๊ณ  ์„œ๋ฒ„์— ๋ฌธ์ œ๊ฐ€ ์ƒ๊ฒจ์„œ ๊บผ์ ธ๋ฒ„๋ฆฌ๋ฉด ํœ˜๋ฐœ์„ฑ์œผ๋กœ ์ฃ„๋‹ค ๋‚ ๋ผ๊ฐ€ ์ฃผ์˜ฅ๋จ.

์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•ด์„œ ์ฃ„๋‹ค ์—Ž์–ด๋ฒ„๋ฆฌ๋ฉด = ์„œ๋ฒ„ ์žฌ๋ถ€ํŒ…ํ•ด์•ผ๋  ์ƒํ™ฉ์ด ์˜ค๋ฉด ๋ฉ”๋ชจ๋ฆฌ ๋ฆฌ์…‹..

 

๊ทธ๋ ‡๊ฒŒ ๋˜๋ฉด ์‚ฌ์šฉ์ž๋“ค์€ ์ฃ„๋‹ค ๋กœ๊ทธ์ธ์ด ํŠ•๊ฒจ์„œ ์žฌ์ ‘์†ํ•ด์•ผ๋จ.

๋น„ํœ˜๋ฐœ์„ฑ์ธ ํ•˜๋“œ์—๋‹ค๊ฐ€ ์„ธ์…˜์„ ๋‘๊ฒŒ๋˜๋ฉด? ๋ฉ”๋ชจ๋ฆฌ์—์„œ ๋ฐ”๋กœ๋ฐ”๋กœ ํ˜ธ์ถœํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ๋Š๋ ค์„œ ๋ฌธ์ œ..

 

์„œ๋น„์Šค๊ฐ€ ์–ด๋Š์ •๋„ ๊ทœ๋ชจ๊ฐ€ ์žˆ์–ด์„œ ์„œ๋ฒ„๋ฅผ ์—ฌ๋Ÿฌ๋Œ€ ๋‘๊ณ  ์‚ฌ์ดํŠธ๋ฅผ ์šด์˜ํ•  ๋•Œ๋Š” ์—ฌ๋Ÿฌ ์„œ๋ฒ„๊ฐ€ ๊ฐ€๋™์ค‘์ธ๋ฐ ํด๋ผ์ด์–ธํŠธ ์š”์ฒญ์ด ๋“ค์–ด์˜ค๋ฉด ํ•ด๋‹น ์š”์ฒญ์œผ๋กœ ์—ฌ๋Ÿฌ ์„œ๋ฒ„๋“ค ์‚ฌ์ด์— ๋ถ„์‚ฐ์„ ํ•ด์„œ ๋กœ๋“œ๋ฐœ๋ž€์‹ฑ์„ ํ•ด์ฃผ๋Š”๋ฐ,,

 

๋งŒ์•ฝ ๋กœ๊ทธ์ธ์€ 1๋ฒˆ ์„œ๋ฒ„์— ์—ฐ๊ฒฐ๋ผ์„œ ํ•˜๊ณ , ์ด๋ฉ”์ผ ํŽ˜์ด์ง€๋กœ ๊ฐ€๋Š” ์š”์ฒญ์€ 3๋ฒˆ ์„œ๋ฒ„๋กœ ๋ถ„์‚ฐ๋˜๋ฉด

1๋ฒˆ์—” ์„ธ์…˜์ด ์žˆ๋Š”๋ฐ 3๋ฒˆ์—” ์—†์œผ๋ฉด ์„ธ์…˜ ์œ ์ง€๊ฐ€ ๋˜ ์•ˆ๋˜๋Š” ๊ฒƒ.. ํ™˜์žฅ

 

๊ทธ๋ ‡๋‹ค๊ณ  ์š”์ฒญ์ด ๊ฐ์ž ํ• ๋‹น๋œ ์„œ๋ฒ„๋กœ๋งŒ ๋ณด๋‚ด์ง€๋Š” ๊ฒƒ๋„ ๋ฒˆ๊ฑฐ๋กœ์šด ์ผ..

๋‹ค๋ฅธ ํ•ด๊ฒฐ์ฑ…์œผ๋กœ๋Š” ํ‘œ๋”ฑ์ง€(์„ธ์…˜)์„ ๊ณต์šฉ ์ฐฝ๊ณ (DB ์„œ๋ฒ„)์— ๋„ฃ์–ด๋‘๊ฑฐ๋‚˜ ๋ ˆ์ด๋””์Šค, MenCached ๊ฐ™์€ ๋ฉ”๋ชจ๋ฆฌํ˜• ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์„œ๋ฒ„(a.k.a. ๊ธธ๋‹ค๋ž€ ๊ณต์šฉ ์ฑ…์ƒ)์„ ๋”ฐ๋กœ ๋‘ฌ์„œ ์„ธ์…˜์„ ๊ด€๋ฆฌ.....๊ทผ๋ฐ ์ด๊ฒƒ๋„ ์ฑ…์ƒ์ด ์—Ž์–ด์ง€๋ฉด ์ƒํ™ฉ์ด ๋‹ฌ๋ผ์ง€์ง€ ์•Š์Œ

 

๊ทธ๋ž˜์„œ ๊ฒฐ๋ก ์€ ์„œ๋ฒ„ ์„ค๊ณ„๋Š” ๋นก์นœ๋‹ค.(??????

 

์ด ๋ถ€๋‹ด์„ ์—†์• ๊ธฐ ์œ„ํ•ด 'ํ† ํฐ ๋ฐฉ์‹'์ด ์ถœํ˜„ํ•œ๋‹ค.

 

JSON WEB TOKEN . ์ค„์—ฌ์„œ JWT 

 

ํ† ํฐ ๋ฐฉ์‹์€ JWT๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์„œ๋น„์Šค์—์„œ ์‚ฌ์šฉ์ž๊ฐ€ ๋กœ๊ทธ์ธ์„ ํ•˜๋ฉด ํ† ํฐ์ด๋ผ๋Š” ํ‘œ๋ฅผ ์ถœ๋ ฅํ•ด์„œ ๊ฑด๋„ค์ค€๋‹ค.

๋Œ€์‹  ์ด๋ฒˆ์—” ์„ธ์…˜์ฒ˜๋Ÿผ ์‚ฌ์šฉ์ž,์„œ๋ฒ„ ๋ฐ˜๋ฐ˜ ๋‚˜๋ˆ ๊ฐ–๋Š” ๊ฒƒ์ด ์•„๋‹Œ ๊ทธ๋ƒฅ ๋ชฝ๋•… ์ค€๋‹ค.

 

์‚ฌ์šฉ์ž๊ฐ€ ๋ฐ›๋Š” ํ† ํฐ์€ ์•„๋ž˜์™€ ๊ฐ™์ด ๋งˆ์นจํ‘œ๊ธฐ์ค€์œผ๋กœ 3๊ฐœ์˜ ๋ฐ์ดํ„ฐ(header, payload, verify signature)๋กœ ์กฐํ•ฉ๋˜์–ด ์žˆ๋‹ค.

์‚ฌ์šฉ์ž ํ† ํฐ

์‹œ์ž‘์€ 2๋ฒˆ ํŽ˜์ด๋กœ๋“œ๋กœ Base64๋กœ ๋””์ฝ”๋”ฉ ํ•˜๋ฉด JSONํ˜•์‹์œผ๋กœ ์•„๋ž˜ ์˜ˆ์‹œ ๋ฐ์ดํ„ฐ๊ฐ€ ๊ตฌ์„ฑ๋˜์–ด์žˆ๋‹ค.

payload ์ •๋ณด

์ด ํ† ํฐ์€

a. ๋ˆ„๊ฐ€ ๋ˆ„๊ตฌ์—๊ฒŒ ๋ฐœ๊ธ‰ํ–ˆ๋Š”์ง€

b. ํ† ํฐ์ด ์œ ํšจ๊ธฐ๊ฐ„

c. ํ† ํฐ์„ ํ†ตํ•ด ๊ณต๊ฐœํ•˜๊ธฐ ์›ํ•˜๋Š” ๋‚ด์šฉ ๋“ฑ์„

์„œ๋น„์Šค ์ธก์—์„œ ์›ํ•˜๋Š”๋Œ€๋กœ ๋‹ด์„ ์ˆ˜ ์žˆ๋‹ค.

 

์ด๋Ÿฌํ•œ ํ† ํฐ์— ๋‹ด๊ธด ์‚ฌ์šฉ์ž ์ •๋ณด ๋“ฑ์˜ ๋ฐ์ดํ„ฐ๋ฅผ Claim์ด๋ผ๊ณ  ํ•œ๋‹ค.

 

์‚ฌ์šฉ์ž๊ฐ€ ๋กœ๊ทธ์ธํ•˜๊ณ  ๋‚˜์„œ ๋ฐ›์€ ํ† ํฐ์— ์ด ์ •๋ณด๋“ค์ด ํด๋ ˆ์ž„์ด๋ผ๋Š” ๊ฒƒ์œผ๋กœ ์‹ค๋ ค์˜จ๋‹ค.

์ดํ›„ ์‚ฌ์šฉ์ž๋กœ๋ถ€ํ„ฐ ์„œ๋ฒ„ํ•œํ…Œ ๋ณด๋‚ด์ง„๋‹ค.

์‚ฌ์šฉ์ž๊ฐ€ ๋ฐ›์•„์„œ ๊ฐ–๊ณ  ์žˆ๋Š” ํ† ํฐ ์ž์ฒด์— ์ด๋Ÿฐ ์ •๋ณด๋“ค์ด ๋“ค์–ด์žˆ์œผ๋ฉด ์„œ๋ฒ„ ์š”์ฒญ๋งˆ๋‹ค ์ผ์ผ์ด ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์—์„œ ์ฐพ๋Š” ์ž‘์—…์ด ์ค„์–ด๋“ ๋‹ค.

 

Base64๋กœ ์ธ์ฝ”๋”ฉ๋˜์–ด ์žˆ๋‹ค๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋ญ๋“  ๋‹ค์‹œ ๋””์ฝ”๋”ฉ ์ž‘์—…์œผ๋กœ ๋ณผ ์ˆ˜ ์žˆ๊ณ , ์•…์šฉ์ด ๋  ์ˆ˜ ์žˆ๋Š”๊ฑด๋ฐ?

ํ† ํฐ ์œ ํšจ๊ธฐ๊ฐ„์„ ํ•œ 50๋…„ ๋Š˜๋ ค๋†“๋Š”๋‹ค๋˜๊ฐ€!

๊ด€๋ฆฌ์ž ์—ฌ๋ถ€ ๊ฐ™์€๊ฒŒ ํ† ํฐ์— ๋‹ด๊ฒจ ์žˆ์œผ๋ฉด ์ด๊ฑด true๋กœ ๋ฐ”๊ฟˆ ๊ถŒํ•œ ์ธ๊ฐ€๋ฅผ ๋ฐ›์œผ๋ฉด?! ๋ฆฌ์–ผ ์ง€์˜ฅ

 

ํ•˜์ง€๋งŒ ํ† ํฐ์€ 1ํ—ค๋”, 3๋ฒˆ ์„œ๋ช… ๋ฐ์ดํ„ฐ๋กœ ์ธํ•ด์„œ ๋ณด์•ˆํ•  ์ˆ˜ ์žˆ๋‹ค.

 

1๋ฒˆ ํ—ค๋”๋Š” ๋””์ฝ”๋”ฉํ•˜๋ฉด ๋‘๊ฐ€์ง€ ์ •๋ณด๊ฐ€ ๋‹ด๊ฒจ์žˆ๋‹ค.

a. ํ† ํฐ ํƒ€์ž… (=JWT)

b. alg(์•Œ๊ณ ๋ฆฌ์ฆ˜์•ฝ์ž) ์•Œ๊ณ ๋ฆฌ์ฆ˜ ํƒ€์ž…

header ๋ฐ์ดํ„ฐ

1๋ฒˆ ํ—ค๋”, 2๋ฒˆ ํŽ˜์ด๋กœ๋“œ ๊ทธ๋ฆฌ๊ณ  '์„œ๋ฒ„์— ๊ฐ์ถฐ๋†“์€ ๋น„๋ฐ€ ๊ฐ’'์ด ์…‹์„ ์•”ํ˜ธํ™” ์•Œ๊ณ ๋ฆฌ์ฆ˜์— ๋„ฃ๊ณ  ๋Œ๋ฆฌ๋ฉด 3๋ฒˆ ์„œ๋ช…๊ฐ’์ด ๋‚˜์˜จ๋‹ค!

 

์„œ๋ฒ„๋Š” ์š”์ฒญ์— ํ† ํฐ ๊ฐ’์ด ์‹ค๋ ค๋“ค์–ด์˜ค๋ฉด 1๋ฒˆ,2๋ฒˆ์˜ ๊ฐ’์„ '์„œ๋ฒ„์— ๊ฐ์ถฐ๋†“์€ ๋น„๋ฐ€ ๊ฐ’''์™€ ํ•จ๊ป˜ ๋Œ๋ ค๋ด์„œ ๊ณ„์‚ฐ๋œ ๊ฒฐ๊ณผ๊ฐ’์ด 3๋ฒˆ ์„œ๋ช… ๊ฐ’๊ณผ ์ผ์น˜ํ•˜๋Š” ๊ฒฐ๊ณผ๊ฐ€ ๋‚˜์˜ค๋Š”์ง€ ํ™•์ธํ•œ๋‹ค.

 

3๋ฒˆ ์„œ๋ช… ๊ฐ’๊ณผ ๊ณ„์‚ฐ ๊ฐ’์ด ์ผ์น˜ํ•˜๊ณ  ์œ ํšจ๊ธฐ๊ฐ„๋„ ์ง€๋‚˜์ง€ ์•Š์•˜๋‹ค๋ฉด ์‚ฌ์šฉ์ž๋Š” ๋กœ๊ทธ์ธ ๋œ ํšŒ์›์œผ๋กœ์„œ ์ธ๊ฐ€๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค.

 

์„œ๋ฒ„๋Š” ์‚ฌ์šฉ์ž๋“ค์˜ ์ƒํƒœ๋ฅผ ์–ด๋”˜๊ฐ€์— ๋”ฐ๋กœ ๊ธฐ์–ตํ•ด ๋‘˜ ํ•„์š”๊ฐ€ ์—†์ด ์ด ๋น„๋ฐ€ ๊ฐ’๋งŒ ์†์— ์ฅ๊ณ  ์žˆ๋‹ค๋ฉด, ์š”์ฒญ์ด ๋“ค์–ด์˜ฌ๋•Œ๋งˆ๋‹ค ์Šค์บ”ํ•˜์—ฌ ์‚ฌ์šฉ์ž๋“ค์„ ๊ฑธ๋Ÿฌ๋‚ผ ์ˆ˜ ์žˆ๋‹ค!

์ด์ฒ˜๋Ÿผ ์ƒํƒœ๊ฐ’์„ ๊ฐ–์ง€ ์•Š๋Š”๊ฑธ stateless, ์„ธ์…˜์€ ๋ฐ˜๋Œ€๋กœ stateful์ด๋‹ค.

 

๊ทธ๋Ÿผ JWT๊ฐ€ ์งฑ ๋จน์Œ ๋˜์ง€ ์•Š์„๊นŒ?

NOPE...

JWT๋ฅผ ์„ธ์…˜์ฒ˜๋Ÿผ stateful์ด ๋œ๋‹ค๋ฉด ๊ธฐ์–ตํ•˜๋Š” ๋Œ€์ƒ์˜ ์ƒํƒœ๋ฅผ ์–ธ์ œ๋“  ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์˜๋ฏธ์ด๋‹ค..!

์˜ˆ๋ฅผ ๋“ค๋ฉด ํ•œ ๊ธฐ๊ธฐ์—์„œ ๋กœ๊ทธ์ธ ๊ฐ€๋Šฅํ•œ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๋ ค๋Š” ๊ฒฝ์šฐ PC์—์„œ ๋กœ๊ทธ์ธํ•œ ์ƒํƒœ์˜ ์–ด๋–ค ์‚ฌ์šฉ์ž๊ฐ€ ํ•ธ๋“œํฐ์—์„œ ๋˜ ๋กœ๊ทธ์ธํ•˜๋ฉด PC์—์„œ๋Š” ๋กœ๊ทธ์•„์›ƒ๋˜๋„๋ก ๊ธฐ์กด ์„ธ์…˜์„ ์ข…๋ฃŒํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ..

 

์„ธ์…˜์€ ์„œ๋ฒ„์—์„œ ๋Š์–ด๋ฒ„๋ฆฌ๋ฉด ๋˜๋Š”๋ฐ, JWT์—์„œ๋Š” ๋ถˆ๊ฐ€๋Šฅํ•œ ์ผ์ด๋‹ค.

์‚ฌ์šฉ์ž์—์„œ ์ด๋ฏธ ๊ฑด๋‚ธ ํ† ํฐ์„ ๋บ์„ ์ˆ˜๋„ ์—†๊ณ , ํ† ํฐ ๋ฐœ๊ธ‰ ๋‚ด์—ญ์ด๋‚˜ ์ •๋ณด๋ฅผ ์„œ๋ฒ„๊ฐ€ ๊ธฐ๋กํ•˜๊ณ  ์žˆ๋Š” ๊ฒƒ๋„ ์•„๋‹ˆ๋‹ค..

 

์„œ๋ฒ„๊ฐ€ ์น˜ํŠธํ‚ค๋ฅผ ์ฅ๊ณ  ์žˆ๊ธฐ๋•Œ๋ฌธ์— ํ†ต์ œ๊ฐ€ ์–ด๋ ต๋‹ค.. ํŽธํ•˜๊ธดํ•œ๋ฐ ์ฉ-_-;

 

๊ทธ๋ž˜์„œ ๋ณด์•ˆ ๋ฐฉ๋ฒ•์œผ๋กœ ํ† ํฐ์„ ๋‘๊ฐœ ๋ฐœ๊ธ‰ํ•œ๋‹ค.

์ˆ˜๋ช…์ด ๋ช‡์‹œ๊ฐ„~ ๋ช‡ ๋ถ„ ์ดํ•˜๋กœ ์งง์€ accessํ† ํฐ๊ณผ ๊ฝค ๊ธธ๊ฒŒ, ๋ณดํ†ต 2์ฃผ ์ •๋„๋กœ ์žกํ˜€ ์žˆ๋Š” refresh ํ† ํฐ์ด๋‹ค.

 

๋‘ ํ† ํฐ์„ ๋ฐœ๊ธ‰ํ•˜๊ณ  ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ณด๋‚ด๊ณ  ๋‚˜์„œ refresh ํ† ํฐ์€ ์ƒ์‘๊ฐ’์„ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์—๋„ ์ €์žฅํ•œ๋‹ค.

 

ํด๋ผ์ด์–ธํŠธ๋Š” accessํ† ํฐ์˜ ์ˆ˜๋ช…์ด ๋‹คํ•˜๋ฉด refresh ํ† ํฐ์„ ๋ณด๋‚ธ๋‹ค.

์„œ๋ฒ„๋Š” ๊ทธ๊ฑธ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์— ์ €์žฅ๋œ ๊ฐ’๊ณผ ๋Œ€์กฐํ•ด๋ณด๊ณ , ๋งž๋‹ค๋ฉด ์ƒˆ accessํ† ํฐ์„ ๋ฐœ๊ธ‰ํ•ด์ค€๋‹ค.

 

์ธ๊ฐ€๋ฅผ ๋ฐ›์„ ๋•Œ ์“ฐ๋Š” ์ˆ˜๋ช…์ด ์งง์€ ํ† ํฐ์ด accessํ† ํฐ,

์—‘์„ธ์Šค ํ† ํฐ์„ ์žฌ๋ฐœ๊ธ‰ ๋ฐ›์„ ๋•Œ ์“ฐ๋Š” ๊ฒƒ์ด refresh ํ† ํฐ์ด๋‹ค.

 

๊ทธ๋ ‡๊ฒŒ ๋˜๋ฉด ์—‘์„ธ์Šค ํ† ํฐ์ด ํƒˆ์ทจ ๋‹นํ•ด๋„ ์œ ํšจ๊ธฐ๊ฐ„์„ ๊ทธ๋ฆฌ ๊ธธ์ง€ ์•Š๋‹ค.

๋ˆ„๊ตฌ๋ฅผ ๊ฐ•์ œ ๋กœ๊ทธ์•„์›ƒ ์‹œํ‚ค๋ ค๋ฉด ๋ฆฌํ”„๋ ˆ์‹œ ํ† ํฐ์„ ๊ฐ–๋‹ค๊ฐ€ DB์—์„œ ์ง€์›Œ๋ฒ„๋ ค๊ฐ€์ง€๊ณ  ํ† ํฐ ๊ฐฑ์‹ ์ด ์•ˆ ๋˜๊ฒŒ ํ•˜๋ฉด ๋˜๋Š” ๊ฒƒ~!

 

๊ทธ์น˜๋งŒ ํ† ํฐ์ด ์‚ด์•„ ์žˆ๋Š” ๋™์•ˆ์—๋Š” ์•”๊ฒƒ๋„ ๋Œ€์ฒ˜ํ•  ์ˆ˜ ์—†๋Š”๊ฒŒ ํฐ ์•ฝ์ ์ด๊ธดํ•˜๋‹ค.

 

ํ† ํฐ ํ•˜๋‚˜๋กœ๋งŒ ์“ฐ๋Š”๊ฒƒ๋ณด๋‹จ ๋‚ซ๊ฒ ์ง€๋งŒ ์ด๊ฒƒ๋„ ์™„๋ฒฝํ•œ ํ•ด๊ฒฐ์ฑ…์€ ์•„๋‹˜....๊ณ ๊ตฌ๋ฏธ

 

 

์ฐธ๊ณ ์ž๋ฃŒ ์–„์ฝ”์ฝ”๋”ฉ https://www.yalco.kr/48_jwt/

  1. ๋ธŒ๋ผ์šฐ์ €์— ์ €์žฅ๋˜๋Š” ์ •๋ณด [๋ณธ๋ฌธ์œผ๋กœ]
๋ฐ˜์‘ํ˜•

'Programming๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป > Web Basic' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

2 JavaScript  (0) 2021.04.27
JavaScript 1  (0) 2021.04.26