์›น ๊ฐ์‚ฌ

๋ช…์‚ฌ ยท ๊ธฐ์ˆ  ๋ถ„์„

1.

๊ธฐ์ˆ ์  ์„ฑ๋Šฅ, ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO), ๋ณด์•ˆ ๋ฐ ์ ‘๊ทผ์„ฑ์„ ์•„์šฐ๋ฅด๋Š” ์›น์‚ฌ์ดํŠธ์˜ ์‹ฌ์ธต์ ์ด๊ณ  ์ฒด๊ณ„์ ์ธ ๋ถ„์„ โ€” ๊ฒฐํ•จ, ๋ณ‘๋ชฉ ํ˜„์ƒ ๋ฐ ๊ตฌ์ฒด์ ์ธ ๊ฐœ์„  ๊ธฐํšŒ๋ฅผ ์‹๋ณ„ํ•˜๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ํ•ฉ๋‹ˆ๋‹ค.

2.

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

3.

๋ชจ๋“  ๋ฆฌ๋‰ด์–ผ ๋˜๋Š” ์ตœ์ ํ™”์— ์•ž์„œ ์ˆ˜ํ–‰๋˜๋Š” ์ „๋žต์  ๋‹จ๊ณ„๋กœ, Core Web Vitals๋ฅผ ์ธก์ •ํ•˜๊ณ , ๋‚ด๋ถ€ ๋งํฌ ๊ตฌ์กฐ๋ฅผ ๋ถ„์„ํ•˜๋ฉฐ, ๋ฐ์ดํ„ฐ ๋ณด์•ˆ์„ ํ‰๊ฐ€ํ•˜๊ณ , ๊ฒฝ์Ÿ์‚ฌ ๋Œ€๋น„ ์„ฑ๋Šฅ์„ ๋ฒค์น˜๋งˆํ‚นํ•ฉ๋‹ˆ๋‹ค โ€” ์ง๊ฐ์„ ํ˜„๋ช…ํ•œ ์˜์‚ฌ๊ฒฐ์ •์œผ๋กœ ์ „ํ™˜ํ•ฉ๋‹ˆ๋‹ค.

ํ•จ๊ป˜ ๋ณด๊ธฐ
SEO์„ฑ๋Šฅ๋ณด์•ˆCore Web Vitals

์›น์‚ฌ์ดํŠธ ๊ฐ์‚ฌ๋ž€ ์„ฑ๋Šฅ, SEO ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”, ๋ณด์•ˆ, ์ ‘๊ทผ์„ฑ ๋ฐ ์‚ฌ์šฉ์„ฑ์„ ํ‰๊ฐ€ํ•˜๋Š” ์ข…ํ•ฉ์ ์ธ ๊ธฐ์ˆ  ๋ถ„์„์ž…๋‹ˆ๋‹ค. ๊ฐ ์ธก๋ฉด์„ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•œ ์šฐ์„ ์ˆœ์œ„ํ™”๋œ ๊ถŒ์žฅ ์‚ฌํ•ญ์ด ํฌํ•จ๋œ ์ƒ์„ธํ•œ ์ง„๋‹จ ๋ณด๊ณ ์„œ๋ฅผ ์‚ฐ์ถœํ•ฉ๋‹ˆ๋‹ค. Async Code์—์„œ ์ €ํฌ์˜ ๊ฐ์‚ฌ๋Š” 200๊ฐœ ์ด์ƒ์˜ ์ฒดํฌํฌ์ธํŠธ๋ฅผ ๋‹ค๋ฃจ๋ฉฐ, Lighthouse, GTmetrix์™€ ๊ฐ™์€ ์ „๋ฌธ ๋„๊ตฌ์™€ ์†Œ์Šค ์ฝ”๋“œ ์ˆ˜๋™ ๋ถ„์„์„ ํ™œ์šฉํ•˜์—ฌ ๊ตฌ์ฒด์ ์ด๊ณ  ์ธก์ • ๊ฐ€๋Šฅํ•œ ์‹คํ–‰ ๊ณ„ํš์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์›น์‚ฌ์ดํŠธ ๊ฐ์‚ฌ๋Š” ์—ฌ๋Ÿฌ ๋‹จ๊ณ„๋กœ ๋‚˜๋‰ฉ๋‹ˆ๋‹ค: Core Web Vitals(LCP, FID, CLS) ๋ถ„์„, ์ธ๋ฑ์‹ฑ ์˜ค๋ฅ˜ ๊ฐ์ง€๋ฅผ ์œ„ํ•œ ๊ธฐ์ˆ ์  ํฌ๋กค๋ง, ๋‚ด๋ถ€ ๋งํฌ ๊ตฌ์กฐ ๋ฐ ์˜๋ฏธ๋ก ์  ๊ตฌ์กฐ ๊ฐ์‚ฌ, ๋ณด์•ˆ ํ…Œ์ŠคํŠธ ๋ฐ ์ ‘๊ทผ์„ฑ ํ‰๊ฐ€์ž…๋‹ˆ๋‹ค. ๊ฐ ๋‹จ๊ณ„๋Š” ์ธก์ • ๊ฐ€๋Šฅํ•œ ์ง€ํ‘œ๋ฅผ ์‚ฐ์ถœํ•ฉ๋‹ˆ๋‹ค. ์ €ํฌ ์—์ด์ „์‹œ Async Code๋Š” ์ž๋™ํ™” ๋„๊ตฌ์™€ ์ „๋ฌธ์ ์ธ ์ธ์  ์ „๋ฌธ์„ฑ์„ ๊ฒฐํ•ฉํ•œ ๊ฒ€์ฆ๋œ ๋ฐฉ๋ฒ•๋ก ์„ ์‚ฌ์šฉํ•˜์—ฌ ์„ฑ๋Šฅ๊ณผ ๊ฒ€์ƒ‰ ์—”์ง„ ์ˆœ์œ„์— ํฐ ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ์ตœ์ ํ™”๋ฅผ ์‹๋ณ„ํ•ฉ๋‹ˆ๋‹ค.

์›น์‚ฌ์ดํŠธ ์„ฑ๋Šฅ์„ ํ…Œ์ŠคํŠธํ•˜๋ ค๋ฉด Google Lighthouse, PageSpeed Insights, GTmetrix, WebPageTest์™€ ๊ฐ™์€ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”. ์ด ๋„๊ตฌ๋“ค์€ Core Web Vitals๋ฅผ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค: LCP(์ฃผ์š” ์ฝ˜ํ…์ธ  ๋กœ๋”ฉ ์‹œ๊ฐ„), FID(์ƒํ˜ธ์ž‘์šฉ ๋ฐ˜์‘์„ฑ), CLS(์‹œ๊ฐ์  ์•ˆ์ •์„ฑ). Async Code์—์„œ๋Š” ์ด๋Ÿฌํ•œ ์ ์ˆ˜๋ฅผ ๋„˜์–ด ์†Œ์Šค ์ฝ”๋“œ, ์—์…‹ ์ตœ์ ํ™”, ์บ์‹œ ์ „๋žต ๋ฐ ์„œ๋ฒ„ ์•„ํ‚คํ…์ฒ˜๋ฅผ ๋ถ„์„ํ•˜์—ฌ ์ž๋™ํ™” ๋„๊ตฌ๋กœ๋Š” ๋ณด์ด์ง€ ์•Š๋Š” ๋ณ‘๋ชฉ ํ˜„์ƒ์„ ์‹๋ณ„ํ•ฉ๋‹ˆ๋‹ค.

์›น์‚ฌ์ดํŠธ ๋น„ํ‰ ๋ถ„์„์€ ์‚ฌ์šฉ์„ฑ, ์‹œ๊ฐ์  ์ผ๊ด€์„ฑ, ์ฝ˜ํ…์ธ  ํ’ˆ์งˆ, ๊ธฐ์ˆ ์  ์„ฑ๋Šฅ ๋ฐ ์ „ํ™˜ ๊ฒฝ๋กœ์˜ ํšจ๊ณผ์„ฑ์„ ๊ฒ€ํ† ํ•ฉ๋‹ˆ๋‹ค. ์ •๋Ÿ‰์  ๋ฐ์ดํ„ฐ(์• ๋„๋ฆฌํ‹ฑ์Šค, ํžˆํŠธ๋งต, Core Web Vitals)์™€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์— ๋Œ€ํ•œ ์ •์„ฑ์  ํ‰๊ฐ€๋ฅผ ๊ต์ฐจ ๋ถ„์„ํ•ฉ๋‹ˆ๋‹ค. Async Code์—์„œ๋Š” ๊ณ ๊ฐ์˜ ๋น„์ฆˆ๋‹ˆ์Šค ๋ชฉํ‘œ๋ฅผ ์ค‘์‹ฌ์œผ๋กœ ๋น„ํ‰ ๋ถ„์„์„ ๊ตฌ์„ฑํ•˜์—ฌ ์ธก์ • ๊ฐ€๋Šฅํ•œ ํˆฌ์ž ์ˆ˜์ต๋ฅ ์„ ์ฐฝ์ถœํ•˜๋Š” ์‹คํ–‰ ๊ฐ€๋Šฅํ•œ ๊ถŒ์žฅ ์‚ฌํ•ญ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์›น ๊ฐ์‚ฌ๋ž€ ์›น์‚ฌ์ดํŠธ์˜ ๊ธฐ์ˆ ์ ยท์ „๋žต์  ๊ฑด๊ฐ• ์ƒํƒœ์— ๋Œ€ํ•œ ์ข…ํ•ฉ ๊ฒ€์‚ฌ์ž…๋‹ˆ๋‹ค. ๋กœ๋”ฉ ์„ฑ๋Šฅ, ์ฝ”๋“œ ํ’ˆ์งˆ, ๋ณด์•ˆ, SEO ์ตœ์ ํ™”, ์ ‘๊ทผ์„ฑ ๋ฐ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํ‰๊ฐ€ํ•ฉ๋‹ˆ๋‹ค. ์‚ฐ์ถœ๋ฌผ์€ ์ ์ˆ˜, ์Šคํฌ๋ฆฐ์ƒท ๋ฐ ์šฐ์„ ์ˆœ์œ„ํ™”๋œ ๊ถŒ์žฅ ์‚ฌํ•ญ์ด ํฌํ•จ๋œ ์ƒ์„ธ ๋ณด๊ณ ์„œ์ž…๋‹ˆ๋‹ค. ์ €ํฌ ์—์ด์ „์‹œ Async Code๋Š” ์‚ฌ์ดํŠธ์˜ ์•ฝ์ ์„ ๊ตฌ์ฒด์ ์ด๊ณ  ์ธก์ • ๊ฐ€๋Šฅํ•œ ์„ฑ์žฅ ๊ธฐํšŒ๋กœ ์ „ํ™˜ํ•˜๋Š” ์ „๋ฌธ์ ์ธ ์›น ๊ฐ์‚ฌ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์›น์‚ฌ์ดํŠธ ๊ฐ์‚ฌ๋Š” ๊ฒ€์ƒ‰ ์—”์ง„ ์ˆœ์œ„๋ฅผ ์ €ํ•ดํ•˜๊ณ , ์‚ฌ์ดํŠธ๋ฅผ ๋А๋ฆฌ๊ฒŒ ๋งŒ๋“ค๋ฉฐ, ๋ฐฉ๋ฌธ์ž๋ฅผ ์ดํƒˆ์‹œํ‚ค๋Š” ๋ณด์ด์ง€ ์•Š๋Š” ๋ฌธ์ œ๋ฅผ ์‹๋ณ„ํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ๊ฐ์‚ฌ๋Š” ๊ธฐ์ˆ ์  ์˜ค๋ฅ˜(๊นจ์ง„ ๋งํฌ, ๋ˆ„๋ฝ๋œ ํƒœ๊ทธ), ๋ณด์•ˆ ์ทจ์•ฝ์  ๋ฐ ํ™œ์šฉ๋˜์ง€ ์•Š์€ SEO ์ตœ์ ํ™” ๊ธฐํšŒ๋ฅผ ๋“œ๋Ÿฌ๋ƒ…๋‹ˆ๋‹ค. Async Code์—์„œ ์ €ํฌ์˜ ๊ฐ์‚ฌ๋ฅผ ํ†ตํ•ด ๊ณ ๊ฐ๋“ค์€ ํ‰๊ท  Lighthouse ์ ์ˆ˜๋ฅผ 30~50์  ํ–ฅ์ƒ์‹œ์ผฐ์œผ๋ฉฐ, ์ด๋Š” ์ž์—ฐ ๊ฒ€์ƒ‰ ํŠธ๋ž˜ํ”ฝ๊ณผ ์ „ํ™˜์œจ์— ์ง์ ‘์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์ณค์Šต๋‹ˆ๋‹ค.

์›น๋งˆ์ผ€ํŒ… ๊ฐ์‚ฌ๋Š” ์ „์ฒด ๋””์ง€ํ„ธ ํ”„๋ ˆ์ฆŒ์Šค๋ฅผ ๋ถ„์„ํ•ฉ๋‹ˆ๋‹ค: ์‚ฌ์ดํŠธ ์„ฑ๋Šฅ, SEO ์ „๋žต, ๊ด‘๊ณ  ์บ ํŽ˜์ธ(SEA), ์†Œ์…œ ๋ฏธ๋””์–ด ํ”„๋ ˆ์ฆŒ์Šค, ์ „ํ™˜์œจ ๋ฐ ์‚ฌ์šฉ์ž ๊ฒฝ๋กœ์ž…๋‹ˆ๋‹ค. ์ด ๋ฐ์ดํ„ฐ๋ฅผ ๊ต์ฐจ ๋ถ„์„ํ•˜์—ฌ ๊ฐ ์œ ์ž… ์ฑ„๋„์˜ ROI๋ฅผ ํ‰๊ฐ€ํ•ฉ๋‹ˆ๋‹ค. ์ €ํฌ ์—์ด์ „์‹œ Async Code๋Š” ์‹ฌ์ธต์ ์ธ ๊ธฐ์ˆ  ๊ฐ์‚ฌ๋กœ ๋งˆ์ผ€ํŒ… ๋ถ„์„์„ ๋ณด์™„ํ•ฉ๋‹ˆ๋‹ค. ์ฝ”๋“œ ์„ฑ๋Šฅ๊ณผ ์ธํ”„๋ผ๊ฐ€ ์บ ํŽ˜์ธ ํšจ์œจ์„ฑ๊ณผ ์œ ์ž… ๋น„์šฉ์— ์ง์ ‘์ ์œผ๋กœ ์˜ํ–ฅ์„ ๋ฏธ์น˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

ํšจ๊ณผ์ ์ธ ์›น์‚ฌ์ดํŠธ ๊ฐ์‚ฌ๋ฅผ ์ˆ˜ํ–‰ํ•˜๋ ค๋ฉด ๋จผ์ € Lighthouse๋กœ Core Web Vitals๋ฅผ ์ธก์ •ํ•˜๊ณ , Google Search Console๋กœ ์ธ๋ฑ์‹ฑ์„ ๋ถ„์„ํ•˜๋ฉฐ, SSL ๋ณด์•ˆ๊ณผ HTTP ํ—ค๋”๋ฅผ ํ™•์ธํ•œ ๋‹ค์Œ, WAVE๋‚˜ axe์™€ ๊ฐ™์€ ๋„๊ตฌ๋กœ ์ ‘๊ทผ์„ฑ์„ ํ‰๊ฐ€ํ•˜์„ธ์š”. ์ด๋Ÿฌํ•œ ์ž๋™ํ™” ๋ถ„์„์„ ์ฝ”๋“œ์™€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์— ๋Œ€ํ•œ ์ˆ˜๋™ ๊ฒ€ํ† ์™€ ๊ฒฐํ•ฉํ•˜์„ธ์š”. Async Code์—์„œ๋Š” ์ด ๋ชจ๋“  ์ธก๋ฉด์„ ๋‹ค๋ฃจ๊ณ  ๋ชฉํ‘œ์— ๋งž์ถ˜ ์šฐ์„ ์ˆœ์œ„ํ™”๋œ ์‹คํ–‰ ๊ณ„ํš์„ ์ œ๊ณตํ•˜๋Š” ์ข…ํ•ฉ ๊ฐ์‚ฌ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์›น์‚ฌ์ดํŠธ์˜ ์ทจ์•ฝ์„ฑ์„ ๊ฐ์ง€ํ•˜๋ ค๋ฉด SSL ์ธ์ฆ์„œ์˜ ์œ ํšจ์„ฑ์„ ํ™•์ธํ•˜๊ณ , HTTP ๋ณด์•ˆ ํ—ค๋”(CSP, HSTS, X-Frame-Options)๋ฅผ ํ…Œ์ŠคํŠธํ•˜๋ฉฐ, XSS ์ทจ์•ฝ์ ๊ณผ SQL ์ธ์ ์…˜์„ ๊ฒ€์ƒ‰ํ•˜๊ณ , ์†Œํ”„ํŠธ์›จ์–ด ์˜์กด์„ฑ์„ ๋ถ„์„ํ•˜์—ฌ ์˜ค๋ž˜๋œ ๋ฒ„์ „์„ ์ฐพ์œผ์„ธ์š”. OWASP ZAP๊ณผ Mozilla Observatory ๊ฐ™์€ ๋„๊ตฌ๊ฐ€ ์ด๋Ÿฌํ•œ ๊ฒ€์ฆ์˜ ์ผ๋ถ€๋ฅผ ์ž๋™ํ™”ํ•ฉ๋‹ˆ๋‹ค. Async Code์—์„œ ์ €ํฌ์˜ ๋ณด์•ˆ ๊ฐ์‚ฌ๋Š” ์‹ฌ๊ฐํ•œ ์ทจ์•ฝ์ ์„ ์‹๋ณ„ํ•˜๊ณ  ์‚ฌ์šฉ์ž์™€ ๊ณ ๊ฐ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณดํ˜ธํ•˜๊ธฐ ์œ„ํ•œ ์ฆ‰๊ฐ์ ์ธ ๊ธฐ์ˆ ์  ์ˆ˜์ • ์‚ฌํ•ญ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.