Astro.js๋ ์ฝํ
์ธ ์ฃผ๋ํ ์น์ฌ์ดํธ๋ฅผ ์ํด ์ค๊ณ๋ ๋ชจ๋ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ๋ก, ๋ ๋น ๋ฅด๊ณ ํจ์จ์ ์ด๊ณ ridiculously ๊ฐ๋จํ ์น์ฌ์ดํธ ๊ตฌ์ถ์ ์ ๊ณตํฉ๋๋ค. ์ ํต์ ์ธ JavaScript ์ค์ ํ๋ ์์ํฌ์ ๋ฌ๋ฆฌ Astro๋ ๊ธฐ๋ณธ์ ์ผ๋ก 0๊ฐ์ JavaScript๋ฅผ ์ ๊ณตํ์ฌ ๋ธ๋ก๊ทธ, ์ด์ปค๋จธ์ค ์คํ ์ด, ํฌํธํด๋ฆฌ์ค, ๋ฌธ์ ์ฌ์ดํธ์ ์ ํฉํฉ๋๋ค. Astro๋ ์๋๋ฅผ ๊ณ ๋ คํ์ฌ ์๋ฒ์์ HTML์ ๋ ๋๋งํ๊ณ ๋ธ๋ผ์ฐ์ ์ ์ต์ํ์ JavaScript๋ฅผ ์ ์กํ์ฌ ๋ก๋ ์๊ฐ์ ์ค์ด๊ณ SEO๋ฅผ ๊ฐ์ ํฉ๋๋ค. ๋ํ React, Vue, Svelte, Solid, Preact๋ฅผ ๊ฐ์ ํ๋ก์ ํธ์์ ์ฌ์ฉํ ์ ์์ผ๋ฉฐ, ์ํธ์์ฉ์ด ํ์ํ ๊ตฌ์ฑ ์์๋ง ํ์ด๋๋ ์ด์
ํ๊ณ ๋๋จธ์ง๋ ์ ์ HTML๋ก ๋จ๊ฒจ๋ก๋๋ค. Astro์ ๊ธฐ๋ณธ ์ ์ HTML์ ๋ํ SEO ๋ฐ Lighthouse ์ ์๋ฅผ ๊ฐ์ ํ๊ณ , ๋ธ๋ก๊ทธ ํฌ์คํธ ๋ฐ ๋ฌธ์ ์ฒ๋ฆฌ๋ฅผ ์ํ ๊ธฐ๋ณธ Markdown ๋ฐ MDX ์ง์์ ์ ๊ณตํฉ๋๋ค. ์ด ํ๋ ์์ํฌ๋ Netlify, Vercel, Cloudflare์ ๊ฐ์ ์ธ๊ธฐ ์๋ ๋ฐฐํฌ ํ๋ซํผ๊ณผ ํตํฉ๋์ด ๋ฐฐํฌ๋ฅผ ์ฝ๊ณ ๋ฌธ์ ์์ด ์งํํ ์ ์์ต๋๋ค. Astro ์ค์ ์ ์ฝ๊ฒ ํ๋ก์ ํธ๋ฅผ ์์ฑํ๊ณ ์คํํ๋ ๋ฐ ํ์ํ ๋ช ๊ฐ์ ๋ช
๋ น์ด๋ง ํ์ํฉ๋๋ค. Astro์ ์ฑ๋ฅ์ Next.js ๋ฐ Svelte์ ๊ฐ์ ๋ค๋ฅธ ํ๋ ์์ํฌ์ ๋น๊ตํ ์ ์์ผ๋ฉฐ, ๊ฐ๋ฐ์์๊ฒ ์ข์ ์ ํ์ด ๋ฉ๋๋ค. ์ ๋ฐ์ ์ผ๋ก Astro.js๋ ์ฝํ
์ธ ์ฃผ๋ํ ์น์ฌ์ดํธ๋ฅผ ๊ตฌ์ถํ๋ ๋น ๋ฅธ, ํจ์จ์ ์ด๊ณ ๊ฐ๋จํ ๋ฐฉ๋ฒ์ ์ ๊ณตํฉ๋๋ค. Astro๋ฅผ ์ฌ์ฉํ๋ฉด ๊ฐ๋ฐ์๋ ์น์ฌ์ดํธ์ ์ฑ๋ฅ, SEO ๋ฐ ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฐ์ ํ ์ ์์ต๋๋ค.
dev.to
๐ Stop Wasting Time! Hereโs Why You Should Start Using Astro.js for Frontend Development
Create attached notes ...
