Dev Tools: JSON, JWT, Regex

๊ด‘๊ณ  ํฌํ•จ์ธ์•ฑ ๊ตฌ๋งค
์ฝ˜ํ…์ธ  ๋“ฑ๊ธ‰
์ „์ฒด์ด์šฉ๊ฐ€
0+
๋‹ค์šด๋กœ๋“œ
์ฝ˜ํ…์ธ  ๋“ฑ๊ธ‰
์ „์ฒด์ด์šฉ๊ฐ€
์ž์„ธํžˆ ์•Œ์•„๋ณด๊ธฐ
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€

์•ฑ ์ •๋ณด

Dev Tools๋Š” ํ”„๋กœ๊ทธ๋ž˜๋จธ, ํ•™์ƒ, ๊ธฐ์ˆ  ์ „๋ฌธ๊ฐ€๋ฅผ ์œ„ํ•ด ์„ค๊ณ„๋œ ์˜คํ”„๋ผ์ธ ๊ฐœ๋ฐœ์ž ํˆดํ‚ท์œผ๋กœ, ์—ฌ๋Ÿฌ ์•ฑ์„ ์ „ํ™˜ํ•˜๊ฑฐ๋‚˜ ์ธํ„ฐ๋„ท ์—ฐ๊ฒฐ์— ์˜์กดํ•˜์ง€ ์•Š๊ณ ๋„ ๋น ๋ฅด๊ณ  ์•ˆ์ •์ ์ธ ์œ ํ‹ธ๋ฆฌํ‹ฐ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. JSON ๋””๋ฒ„๊น…, JWT ํ† ํฐ ๋””์ฝ”๋”ฉ, ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ฝ”๋“œ ์Šค๋‹ˆํŽซ ๊ด€๋ฆฌ ๋“ฑ ์–ด๋–ค ์ž‘์—…์„ ํ•˜๋“  ์ด ๊ฐœ๋ฐœ์ž ํˆด ์•ฑ ํ•˜๋‚˜๋กœ ๋ชจ๋“  ๊ฒƒ์„ ๊น”๋”ํ•œ ์ธํ„ฐํŽ˜์ด์Šค์—์„œ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Dev Tools์˜ ์ฃผ์š” ๊ธฐ๋Šฅ: JSON, JWT, ์ •๊ทœ ํ‘œํ˜„์‹

๐Ÿ”ง ํ•ต์‹ฌ ๊ฐœ๋ฐœ์ž ์œ ํ‹ธ๋ฆฌํ‹ฐ

๋‚ด์žฅ๋œ JSON ํฌ๋งทํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ JSON ๋ฐ์ดํ„ฐ๋ฅผ ์ฆ‰์‹œ ๋ณด๊ธฐ ์ข‹๊ฒŒ ๋งŒ๋“ค๊ณ , ์ตœ์†Œํ™”ํ•˜๊ณ , ์œ ํšจ์„ฑ์„ ๊ฒ€์‚ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. API ํ…Œ์ŠคํŠธ, ์‘๋‹ต ๋””๋ฒ„๊น…, ๋ณต์žกํ•œ ํŽ˜์ด๋กœ๋“œ ์ •๋ฆฌ ๋“ฑ์— ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ, JWT๋ฅผ ํ—ค๋”, ํŽ˜์ด๋กœ๋“œ, ์„œ๋ช… ์„น์…˜์œผ๋กœ ๋ถ„๋ฆฌํ•˜๋Š” ๋น ๋ฅธ JWT ๋””์ฝ”๋”๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์–ด ๋ฏผ๊ฐํ•œ ํ† ํฐ์„ ์˜จ๋ผ์ธ JWT ๋””์ฝ”๋”์— ๋ถ™์—ฌ๋„ฃ์ง€ ์•Š๊ณ ๋„ ํด๋ ˆ์ž„์„ ๊ฒ€์‚ฌํ•˜๊ณ  ์ธ์ฆ ๋ฌธ์ œ๋ฅผ ๋””๋ฒ„๊น…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค(๋ชจ๋“  ๋ฐ์ดํ„ฐ๋Š” ๊ธฐ๊ธฐ์— ์ €์žฅ๋ฉ๋‹ˆ๋‹ค).

์ธ์ฝ”๋”ฉ๋œ ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜๋ฆฌํ•ด์•ผ ํ•˜์‹œ๋‚˜์š”? ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์—๋Š” Base64 ์ธ์ฝ”๋”ฉ/๋””์ฝ”๋”ฉ, URL ์ธ์ฝ”๋”ฉ/๋””์ฝ”๋”ฉ, 16์ง„์ˆ˜ ๋ณ€ํ™˜ ๋„๊ตฌ๊ฐ€ ๋ชจ๋‘ ํ•œ ๊ณณ์— ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์— ๋‚ด์žฅ๋œ ์ •๊ทœ ํ‘œํ˜„์‹ ํ…Œ์Šคํ„ฐ๋ฅผ ๋”ํ•˜๋ฉด ์ƒ˜ํ”Œ ๋ฌธ์ž์—ด์— ๋Œ€ํ•ด ์ •๊ทœ ํ‘œํ˜„์‹์„ ์ฆ‰์‹œ ๊ฒ€์ฆํ•˜๊ณ  ๋””๋ฒ„๊น…ํ•  ์ˆ˜ ์žˆ์–ด ํŒจํ„ด ์ผ์น˜ ์—ฌ๋ถ€๋ฅผ ๋” ์ด์ƒ ์ถ”์ธกํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

๐ŸŽจ ๋””์ž์ธ ๋ฐ ์ ‘๊ทผ์„ฑ ๋„๊ตฌ

ํ•ต์‹ฌ ์ฝ”๋”ฉ ์œ ํ‹ธ๋ฆฌํ‹ฐ ์™ธ์—๋„ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์—๋Š” ์œ ์šฉํ•œ ๋””์ž์ธ ๋„๊ตฌ๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. 16์ง„์ˆ˜, RGB, HSL ํ˜•์‹ ๊ฐ„ ์ „ํ™˜์„ ์œ„ํ•œ ์ƒ‰์ƒ ๋ณ€ํ™˜๊ธฐ์™€ ์•ฑ ๋˜๋Š” ์›น์‚ฌ์ดํŠธ ํ…์ŠคํŠธ๊ฐ€ ์ ‘๊ทผ์„ฑ ํ‘œ์ค€์„ ์ถฉ์กฑํ•˜๋Š”์ง€ ํ™•์ธํ•˜๋Š” WCAG ๋ช…์•”๋น„ ๊ฒ€์‚ฌ๊ธฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋„๊ตฌ๋ฅผ ํ†ตํ•ด ๋””์ž์ด๋„ˆ์™€ ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋Š” ๋งค๋ฒˆ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์—ด ํ•„์š” ์—†์ด ํŽธ๋ฆฌํ•˜๊ฒŒ ์ž‘์—…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ“ ์ „์ฒด ํ…์ŠคํŠธ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์ด ์žˆ๋Š” ์ฝ”๋“œ ์Šค๋‹ˆํŽซ ๊ด€๋ฆฌ์ž

ํฉ์–ด์ง„ ๋ฉ”๋ชจ ํŒŒ์ผ์—์„œ ์œ ์šฉํ•œ ์ฝ”๋“œ๋ฅผ ์žƒ์–ด๋ฒ„๋ฆฌ๋Š” ์ผ์ด ์—†๋„๋ก ํ•˜์„ธ์š”. ๋‚ด์žฅ๋œ ์ฝ”๋“œ ์Šค๋‹ˆํŽซ ๊ด€๋ฆฌ์ž๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์Šค๋‹ˆํŽซ์„ ๋กœ์ปฌ์— ์ €์žฅ, ์ •๋ฆฌ ๋ฐ ํƒœ๊ทธ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, Room FTS4 ๊ธฐ๋ฐ˜์˜ ๋น ๋ฅธ ์ „์ฒด ํ…์ŠคํŠธ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ํ•„์š”ํ•œ ์ฝ”๋“œ๋ฅผ ๋ช‡ ์ดˆ ๋งŒ์— ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Dev Toolbox๋Š” ํด๋ผ์šฐ๋“œ ๊ธฐ๋ฐ˜ ์ฝ”๋“œ ์กฐ๊ฐ ๋„๊ตฌ๋ฅผ ๋Œ€์ฒดํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ€๋ณ๊ณ  ์˜คํ”„๋ผ์ธ์œผ๋กœ ์ž‘๋™ํ•˜๋Š” ์•ฑ์ž…๋‹ˆ๋‹ค. ์ƒ์šฉ๊ตฌ ์ฝ”๋“œ, ์ •๊ทœ ํ‘œํ˜„์‹ ํŒจํ„ด, ์„ค์ • ํ…œํ”Œ๋ฆฟ ๋“ฑ์„ ์ €์žฅํ•˜๋Š” ๋ฐ ๋งค์šฐ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ“ฑ ๊ธฐ๊ธฐ ์ง„๋‹จ

์•ฑ์—์„œ ๋ฐ”๋กœ ํ•˜๋“œ์›จ์–ด ์‚ฌ์–‘์„ ํ™•์ธํ•˜๊ณ  ์‹œ์Šคํ…œ ์ƒํƒœ ๋ณด๊ณ ์„œ๋ฅผ ๋น ๋ฅด๊ฒŒ ๋ฐ›์•„๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‹ค์ œ ๊ธฐ๊ธฐ์—์„œ ํ…Œ์ŠคํŠธํ•˜๊ฑฐ๋‚˜ ์„ฑ๋Šฅ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๊ฐœ๋ฐœ์ž์—๊ฒŒ ํŠนํžˆ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ”’ ์˜คํ”„๋ผ์ธ ๋ฐ ๊ฐœ์ธ์ •๋ณด ๋ณดํ˜ธ

Dev Toolbox ์•ฑ์€ ์˜คํ”„๋ผ์ธ์—์„œ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ์ €์žฅํ•˜๋Š” ๋ชจ๋“  JSON ํฌ๋งทํ„ฐ, JWT ๋””์ฝ”๋”, Base64 ๋„๊ตฌ ๋ฐ ์ฝ”๋“œ ์กฐ๊ฐ์€ ๊ธฐ๊ธฐ์— ์ €์žฅ๋˜๋ฉฐ, ์ ˆ๋Œ€ ์—…๋กœ๋“œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋ณด์•ˆ์„ ๊ฐ•ํ™”ํ•˜๋ ค๋ฉด ์ƒ์ฒด ์ธ์‹ ์•ฑ ์ž ๊ธˆ ๊ธฐ๋Šฅ์„ ํ™œ์„ฑํ™”ํ•˜์—ฌ ์ €์žฅ๋œ ์ฝ”๋“œ ์กฐ๊ฐ๊ณผ ๋ฐ์ดํ„ฐ๋ฅผ ์•ˆ์ „ํ•˜๊ฒŒ ๋ณดํ˜ธํ•˜์„ธ์š”.

๋ชจ๋ฐ”์ผ ๊ฐœ๋ฐœ์ž, ๋ฐฑ์—”๋“œ ์—”์ง€๋‹ˆ์–ด, ์ฝ”๋”ฉ์„ ๋ฐฐ์šฐ๋Š” ํ•™์ƒ, QA ํ…Œ์Šคํ„ฐ ๋“ฑ ํ•„์ˆ˜ ๊ฐœ๋ฐœ ๋„๊ตฌ์— ๋น ๋ฅด๊ฒŒ ์˜คํ”„๋ผ์ธ์œผ๋กœ ์ ‘๊ทผํ•ด์•ผ ํ•˜๋Š” ๋ชจ๋“  ๊ฐœ๋ฐœ์ž์—๊ฒŒ Dev Toolbox๋Š” ๋น ๋ฅด๊ณ  ๊ฐ€๋ฒผ์šฐ๋ฉฐ ์‹ค์งˆ์ ์ธ ๋„์›€์„ ์ œ๊ณตํ•˜๋„๋ก ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ง€๊ธˆ ๋ฐ”๋กœ Dev Toolbox๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜์„ธ์š”. ์—ฌ๋Ÿฌ๋ถ„์˜ ์˜คํ”„๋ผ์ธ ๊ฐœ๋ฐœ ๋„๊ตฌ ๋ชจ์Œ์ž…๋‹ˆ๋‹ค.
์˜คํ”„๋ผ์ธ ๊ฐœ๋ฐœ ํˆดํ‚ท: JSON, JWT, Base64, ์ •๊ทœ ํ‘œํ˜„์‹, ์ƒ‰์ƒ ๋„๊ตฌ ๋ฐ ์ฝ”๋“œ ์Šค๋‹ˆํŽซ
์—…๋ฐ์ดํŠธ ๋‚ ์งœ
2026. 8. 20.

๋ฐ์ดํ„ฐ ๋ณด์•ˆ

๋ณด์•ˆ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ง‘ ๋ฐ ๊ณต์œ ํ•˜๋Š” ๋ฐฉ์‹์„ ํŒŒ์•…ํ•˜๋Š” ๊ฒƒ์—์„œ ์‹œ์ž‘๋ฉ๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ ๊ฐœ์ธ ์ •๋ณด ๋ณดํ˜ธ ๋ฐ ๋ณด์•ˆ ๊ด€ํ–‰์€ ์‚ฌ์šฉ์ž์˜ ์•ฑ ์‚ฌ์šฉ, ์ง€์—ญ, ์—ฐ๋ น์— ๋”ฐ๋ผ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ œ๊ณตํ•œ ์ •๋ณด์ด๋ฉฐ ์ถ”ํ›„ ์—…๋ฐ์ดํŠธ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์ œ3์ž์™€ ๊ณต์œ ๋˜๋Š” ๋ฐ์ดํ„ฐ ์—†์Œ
    ๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ๊ณต์œ ๋ฅผ ์„ ์–ธํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.
  • ์ˆ˜์ง‘๋œ ๋ฐ์ดํ„ฐ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.
    ๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ์ˆ˜์ง‘์„ ์„ ์–ธํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.
  • ์ „์†ก ์ค‘ ๋ฐ์ดํ„ฐ ์•”ํ˜ธํ™”๋จ
  • ๋ฐ์ดํ„ฐ๋ฅผ ์‚ญ์ œํ•  ์ˆ˜ ์—†์Œ