์น ๊ฐ์ฌ
๋ช ์ฌ ยท ๊ธฐ์ ๋ถ์
๊ธฐ์ ์ ์ฑ๋ฅ, ๊ฒ์ ์์ง ์ต์ ํ(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์์๋ ์ด๋ฌํ ์ ์๋ฅผ ๋์ด ์์ค ์ฝ๋, ์์ ์ต์ ํ, ์บ์ ์ ๋ต ๋ฐ ์๋ฒ ์ํคํ ์ฒ๋ฅผ ๋ถ์ํ์ฌ ์๋ํ ๋๊ตฌ๋ก๋ ๋ณด์ด์ง ์๋ ๋ณ๋ชฉ ํ์์ ์๋ณํฉ๋๋ค.
SEO ๊ฐ์ฌ๋ ๊ฒ์ ์์ง์์ ์ฌ์ดํธ์ ์์์ ์ํฅ์ ๋ฏธ์น๋ ๋ชจ๋ ์์์ ๋ํ ์ฌ์ธต ๋ถ์์ ๋๋ค. ๊ธฐ์ ์ SEO(์๋, ์ธ๋ฑ์ฑ, ๋งํฌ์ ), ์จํ์ด์ง SEO(์ฝํ ์ธ , ํค์๋, ์๋ฏธ๋ก ์ ๊ตฌ์กฐ) ๋ฐ ์คํํ์ด์ง SEO(๋ฐฑ๋งํฌ, ๋๋ฉ์ธ ๊ถ์)๋ฅผ ๋ค๋ฃน๋๋ค. ์ ํฌ ์์ด์ ์ Async Code๋ ๊ฐ์์ฑ์ ์ ํดํ๋ ์์ธ์ ์๋ณํ๊ณ Google ์์๋ฅผ ์ง์์ ์ผ๋ก ๊ฐ์ ํ๊ธฐ ์ํ ์ ํํ ๋ก๋๋งต์ ์ ๊ณตํ๋ ์ข ํฉ์ ์ธ SEO ๊ฐ์ฌ๋ฅผ ์ํํฉ๋๋ค.
์น์ฌ์ดํธ ๋นํ ๋ถ์์ ์ฌ์ฉ์ฑ, ์๊ฐ์ ์ผ๊ด์ฑ, ์ฝํ ์ธ ํ์ง, ๊ธฐ์ ์ ์ฑ๋ฅ ๋ฐ ์ ํ ๊ฒฝ๋ก์ ํจ๊ณผ์ฑ์ ๊ฒํ ํฉ๋๋ค. ์ ๋์ ๋ฐ์ดํฐ(์ ๋๋ฆฌํฑ์ค, ํํธ๋งต, 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์์ ์ ํฌ์ ๋ณด์ ๊ฐ์ฌ๋ ์ฌ๊ฐํ ์ทจ์ฝ์ ์ ์๋ณํ๊ณ ์ฌ์ฉ์์ ๊ณ ๊ฐ์ ๋ฐ์ดํฐ๋ฅผ ๋ณดํธํ๊ธฐ ์ํ ์ฆ๊ฐ์ ์ธ ๊ธฐ์ ์ ์์ ์ฌํญ์ ์ ๊ณตํฉ๋๋ค.