์ปจํ…์ธ ๋กœ ์ด๋™

Starlight๋กœ ๋ฉ‹์ง„ ๋ฌธ์„œ๋ฅผ ๋งŒ๋“œ์„ธ์š”

์•„๋ฆ„๋‹ค์šด ๋ฌธ์„œ ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“œ๋Š”๋ฐ ํ•„์š”ํ•œ ๋ชจ๋“  ๊ฒƒ. ๋น ๋ฅด๊ณ , ์ ‘๊ทผ์„ฑ์ด ์ข‹์œผ๋ฉฐ ์‚ฌ์šฉํ•˜๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค.

์•„๋ฆ„๋‹ค์šด ๋ฌธ์„œ

์‚ฌ์ดํŠธ ํƒ์ƒ‰, ๊ฒ€์ƒ‰, ๊ตญ์ œํ™”, SEO, ์ฝ๊ธฐ ์‰ฌ์šด ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ, ๊ตฌ๋ฌธ ๊ฐ•์กฐ, ์–ด๋‘์šด ํ…Œ๋งˆ ๋“ฑ์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.

Astro ๊ธฐ๋ฐ˜

Astro์˜ ํž˜๊ณผ ์„ฑ๋Šฅ์„ ํ™œ์šฉํ•˜์„ธ์š”. ์„ ํ˜ธํ•˜๋Š” Astro ํ†ตํ•ฉ ๋ฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ Starlight๋ฅผ ํ™•์žฅํ•˜์„ธ์š”.

Markdown, Markdoc, MDX

์„ ํ˜ธํ•˜๋Š” ๋งˆํฌ์—… ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”. Starlight๋Š” TypeScript ํƒ€์ž… ์•ˆ์ •์„ฑ์„ ๊ฐ–์ถ˜ ๋‚ด์žฅ ํ”„๋ก ํŠธ๋งคํ„ฐ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์„ ํ˜ธํ•˜๋Š” UI ์ปดํฌ๋„ŒํŠธ ์‚ฌ์šฉ

Starlight๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์— ๊ตฌ์• ๋ฐ›์ง€ ์•Š๋Š” ์™„๋ฒฝํ•œ ๋ฌธ์„œ ์†”๋ฃจ์…˜์œผ๋กœ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. React, Vue, Svelte, Solid ๋“ฑ์œผ๋กœ ํ™•์žฅํ•˜์„ธ์š”.

์‚ฌ์šฉ ํ›„๊ธฐ๋ฅผ ๋“ค์–ด๋ณด์„ธ์š”

  • Astro ํŒ€์€ ๋ฌธ์„œ ์ž‘์„ฑ ๋ฐฉ๋ฒ•์„ ๋ฐœ์ „์‹œ์ผฐ์œผ๋ฉฐ Starlight ํ”„๋กœ์ ํŠธ๋ฅผ ํ†ตํ•ด ๋ชจ๋“  ๊ฒƒ์„ ์ฆ‰์‹œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • Astro์˜ ๊ณต์‹ ์‹œ์ž‘ ํ‚คํŠธ์ธ Starlight๋Š” ๋ฌธ์„œ ์›น ์‚ฌ์ดํŠธ ๊ตฌ์ถ•์„ ์œ„ํ•œ ์ •๋ง ๋†€๋ผ์šด ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.

  • Starlight๋Š” ํ›Œ๋ฅญํ•œ DX์˜ ๋Œ€ํ‘œ์ ์ธ ์˜ˆ์‹œ์ž…๋‹ˆ๋‹ค. ์†๋„, ํŽธ๋ฆฌํ•จ, ์„ธ๋ถ€ ์‚ฌํ•ญ์— ๋Œ€ํ•œ ๊ด€์‹ฌ์ด ์ธ์ƒ์ ์ž…๋‹ˆ๋‹ค. ๊ธฐ์ˆ ๊ณผ ๋””์ž์ธ์„ ๋ชจ๋‘ ๊ด€๋ฆฌํ•˜๋ฏ€๋กœ ์ฝ˜ํ…์ธ ์— ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ๐Ÿ‘

    StackBlitz ํŒ€์€ ์ด ํ”„๋กœ์ ํŠธ๋ฅผ ์ •๋ง ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค!

  • Starlight๋Š” ์ œ๊ฐ€ ์ฝ˜ํ…์ธ  ์ œ์ž‘์— ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€ ๊ฒŒ์ž„ ์ฒด์ธ์ €์˜€์Šต๋‹ˆ๋‹ค.

    ์ง๊ด€์ ์ธ ๋””์ž์ธ์€ ์ž‘์—… ํ๋ฆ„์„ ๊ฐ„์†Œํ™”ํ•  ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์˜คํ”ˆ ์†Œ์Šค ๊ฐœ๋ฐœ์ž์˜ ์˜จ๋ณด๋”ฉ ์‹œ๊ฐ„๋„ ์ค„์—ฌ์ค๋‹ˆ๋‹ค.

  • Course Builder ๋ฌธ์„œ๋ฅผ ๊ตฌ์ถ•ํ•˜๊ธฐ ์œ„ํ•ด Starlight๋ฅผ ์˜ค๋ž˜ ์‚ฌ์šฉํ•˜์˜€์œผ๋ฉฐ ์ง€๊ธˆ๊นŒ์ง€๋Š” ํ›Œ๋ฅญํ•ฉ๋‹ˆ๋‹ค. ๋งŽ์€ ๋ถ€๋ถ„์ด ์ž˜ ๋งŒ๋“ค์–ด์ ธ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ์ง€์ž‘๊ฑฐ๋ฆฌ์ง€ ์•Š๊ณ  Markdown์„ ์ž‘์„ฑํ•˜๋Š” ๋ฐ ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

    ๐Ÿ’ฏ๐Ÿ’ฏ๐Ÿ’ฏ๐Ÿ’ฏ

  • Starlight๋Š” ๋ฌธ์„œํ™”๋ฅผ ์‹œ์ž‘ํ•˜๋Š” ๊ฐ€์žฅ ์ข‹์€ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. Astro์˜ ์„ฑ๋Šฅ๊ณผ ์†๋„ ๋ฐ Starlight ๋„๊ตฌ๋Š” ํ™˜์ƒ์˜ ์กฐํ•ฉ์ž…๋‹ˆ๋‹ค.

    ํ•œ๋™์•ˆ ๊ณ„์† ์‚ฌ์šฉํ•˜์˜€๊ณ , ๊ณ„์†ํ•ด์„œ ์ข‹์•„ํ•˜๊ณ  ์žˆ์–ด์š”!

  • ๋‚˜๋Š” ์ง€๋‚œ ์ง์žฅ์—์„œ Starlight๋ฅผ ์‚ฌ์šฉํ–ˆ๊ณ  ์ •๋ง ์ข‹์•„ํ–ˆ์Šต๋‹ˆ๋‹ค. ํ›Œ๋ฅญํ•œ ์ปดํฌ๋„ŒํŠธ, ์ง๊ด€์ ์ธ ๋””์ž์ธ, ๋ฐ˜์‘์ด ๋น ๋ฅธ ์ปค๋ฎค๋‹ˆํ‹ฐ (๋ˆ„๊ตฐ๊ฐ€ ํ•„์š”ํ•œ ๊ฒƒ์ด ์žˆ์„ ๋•Œ๋งˆ๋‹ค ์ฆ‰์‹œ ๋ฐฐ์†กํ•˜๊ฑฐ๋‚˜ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค์ค๋‹ˆ๋‹ค). ๋งค์šฐ ์ฆ๊ฑฐ์šด ๊ฒฝํ—˜์ด์—ˆ์–ด์š”.

  • ๋‚ด ๋ชจ๋…ธ๋ ˆํฌ ์‚ฌ์ดํŠธ์˜ ๋ฌธ์„œ๋Š” Starlight ๋•๋ถ„์— ๊ทธ ์–ด๋Š ๋•Œ๋ณด๋‹ค ์ข‹์•„ ๋ณด์ž…๋‹ˆ๋‹ค. Astro์˜ ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ์žƒ์ง€ ์•Š๊ณ  ์‚ฌ์šฉํ•˜๊ธฐ๊ฐ€ ๋งค์šฐ ์‰ฝ์Šต๋‹ˆ๋‹ค. ์ž‘์—…ํ•ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

  • Starlight๋Š” ๋ฌธ์„œํ™”๋ฅผ ์œ„ํ•ด ์ œ๊ฐ€ ์ฆ๊ฒจ ์‚ฌ์šฉํ•˜๋Š” ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ๋„๊ตฌ์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด ํ•˜์œ„ ๋„๋ฉ”์ธ์ด ํ•„์š”ํ•œ ๊ฒƒ์— ๋น„ํ•ด ๊ธฐ์กด Astro ์ œํ’ˆ ์›น์‚ฌ์ดํŠธ์— ๋ฌธ์„œ๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ์ด ๋งค์šฐ ์‰ฌ์›Œ์กŒ์Šต๋‹ˆ๋‹ค.

  • ์ €๋Š” WPEngine Atlas ํ”Œ๋žซํผ ๋ฌธ์„œ๋ฅผ ๋‹ค์‹œ ์ž‘์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค. Starlight์— A+ ๋ฌธ์„œ ํ”Œ๋žซํผ์„ ๋งŒ๋“œ๋Š” ๋ฐ ํ•„์š”ํ•œ ๋ชจ๋“  ๊ฒƒ์ด ์žˆ๋‹ค๊ณ  ๋งํ•  ๋•Œ ์ €๋ฅผ ๋ฏฟ์œผ์‹ญ์‹œ์˜ค. ๐Ÿ™Œ

  • Starlight๋ฅผ ์‚ฌ์šฉํ•ด ๋ณด์„ธ์š”!

    ๋‚˜๋Š” ๋‚ด ์‚ฌ์ดํŠธ ์ค‘ ์ผ๋ถ€์— ์ด ํ”„๋กœ์ ํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ํ›Œ๋ฅญํ•ฉ๋‹ˆ๋‹ค.

์ œ๊ณต Astro

Astro๋Š” ๋น ๋ฅธ ์†๋„๋ฅผ ์œ„ํ•ด ์„ค๊ณ„๋œ ์˜ฌ์ธ์› ์›น ํ”„๋ ˆ์ž„์›Œํฌ์ž…๋‹ˆ๋‹ค. ์„ ํ˜ธํ•˜๋Š” UI ์ปดํฌ๋„ŒํŠธ์™€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์–ด๋””์„œ๋“  ์ฝ˜ํ…์ธ ๋ฅผ ๊ฐ€์ ธ์™€ ๋ฐฐํฌํ•˜์„ธ์š”.

Astro์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ธฐ