โ€œ๋ธ”๋กœ๊ทธ ํ•˜๋‚˜ ๋งŒ๋“œ๋Š”๋ฐ ์™œ ์ด๋ ‡๊ฒŒ ๋ณต์žกํ•˜๊ฒŒ ํ•ด?โ€

์ฃผ๋ณ€์—์„œ ๊ฐ€๋” ๋ฌป์Šต๋‹ˆ๋‹ค. โ€œ๊ทธ๋ƒฅ ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ๋‚˜ ํ‹ฐ์Šคํ† ๋ฆฌ, ์•„๋‹ˆ๋ฉด ์›Œ๋“œํ”„๋ ˆ์Šค ์“ฐ๋ฉด ํŽธํ•˜์ž–์•„. ์™œ ๊ตณ์ด ์ฝ”๋”ฉ๊นŒ์ง€ ํ•˜๋ฉด์„œ Jekyll์„ ์จ?โ€

์†”์งํžˆ ๋งํ•˜๋ฉด, ์ฒ˜์Œ์—” ์ข€ ๊ท€์ฐฎ์•˜์Šต๋‹ˆ๋‹ค. ๋ฃจ๋น„(Ruby)๋„ ์„ค์น˜ํ•ด์•ผ ํ•˜๊ณ , ๋งˆํฌ๋‹ค์šด์œผ๋กœ ๊ธ€๋„ ์จ์•ผ ํ•˜๊ณ โ€ฆ ํ•˜์ง€๋งŒ ์ง€๊ธˆ์€ ์ž์‹  ์žˆ๊ฒŒ ๋งํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. โ€œ๊ฐœ๋ฐœ์ž๋ผ๋ฉด(ํ˜น์€ ๊ฐœ๋ฐœ์ž๋ฅผ ๊ฟˆ๊พผ๋‹ค๋ฉด) ๋ฌด์กฐ๊ฑด ์ง€ํ‚ฌ์ž…๋‹ˆ๋‹ค.โ€

์˜ค๋Š˜์€ ์ œ๊ฐ€ ์ด nan-IP ๋ธ”๋กœ๊ทธ๋ฅผ ๊ตฌ์ถ•ํ•˜๋ฉฐ ๋А๋‚€ โ€˜Jamstackโ€™ ์•„ํ‚คํ…์ฒ˜์˜ ๋งค๋ ฅ์„ ํ„ธ์–ด๋†“์Šต๋‹ˆ๋‹ค.


1. ์†๋„๊ฐ€ ๊นกํŒจ๋‹ค (Performance) โšก

์›Œ๋“œํ”„๋ ˆ์Šค ๊ฐ™์€ ๋™์ (Dynamic) ์‚ฌ์ดํŠธ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์ ‘์†ํ•  ๋•Œ๋งˆ๋‹ค ์„œ๋ฒ„์—์„œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค(DB)๋ฅผ ๋’ค์ ธ์„œ ํŽ˜์ด์ง€๋ฅผ โ€˜์กฐ๋ฆฝโ€™ํ•ด์„œ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ์‚ฌ๋žŒ์ด ๋ชฐ๋ฆฌ๋ฉด ๋А๋ ค์งˆ ์ˆ˜๋ฐ–์— ์—†์ฃ .

๋ฐ˜๋ฉด, Jekyll(์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ๊ธฐ)์€ ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด๋‘” HTML ํŒŒ์ผ๋งŒ ํˆญ ๋˜์ ธ์ค๋‹ˆ๋‹ค.

  • ์„œ๋ฒ„ ์—ฐ์‚ฐ? ์—†์Šต๋‹ˆ๋‹ค.
  • DB ์กฐํšŒ? ์—†์Šต๋‹ˆ๋‹ค.
  • ์†๋„? ๋น›์˜ ์†๋„์ž…๋‹ˆ๋‹ค.

ํŽ˜์ด์ง€ ๋กœ๋”ฉ ๋ฐ”๊ฐ€ ๋Œ๊ธฐ๋„ ์ „์— ํ™”๋ฉด์ด ๋œจ๋Š” ์พŒ๊ฐ! ์ด๊ฑด ๊ฒช์–ด๋ณด์ง€ ์•Š์œผ๋ฉด ๋ชจ๋ฆ…๋‹ˆ๋‹ค.

2. ํ•ดํ‚น? ๋šซ์„ ์„œ๋ฒ„๊ฐ€ ์—†๋Š”๋ฐ? (Security) ๐Ÿ›ก๏ธ

์›Œ๋“œํ”„๋ ˆ์Šค๋Š” ์ „ ์„ธ๊ณ„ ํ•ด์ปค๋“ค์˜ ๋ง›์ง‘์ž…๋‹ˆ๋‹ค. ํ”Œ๋Ÿฌ๊ทธ์ธ ํ•˜๋‚˜๋งŒ ์ž˜๋ชป ๊น”์•„๋„ ์‚ฌ์ดํŠธ๊ฐ€ ํ„ธ๋ฆฌ์ฃ . ํ•˜์ง€๋งŒ ์žผ์Šคํƒ(Jamstack) ์‚ฌ์ดํŠธ๋Š” โ€˜ํ•ดํ‚นํ•  DBโ€™ ์ž์ฒด๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ๊ทธ๋ƒฅ HTML ํŒŒ์ผ ๋ฉ์–ด๋ฆฌ์ผ ๋ฟ์ด๋‹ˆ๊นŒ์š”.

๋ณด์•ˆ ์—…๋ฐ์ดํŠธ ์‹ ๊ฒฝ ์“ธ ํ•„์š” ์—†์ด, ๋ฐค์— ๋‘ ๋‹ค๋ฆฌ ๋ป—๊ณ  ์ž˜ ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ. ์ด๊ฒƒ๋งŒ์œผ๋กœ๋„ ์ด์œ ๋Š” ์ถฉ๋ถ„ํ•ฉ๋‹ˆ๋‹ค.

3. ๋‚ด ๋ฐ์ดํ„ฐ๋Š” ์˜จ์ „ํžˆ ๋‚ด ๊ฒƒ (Data Ownership) ๐Ÿ’พ

ํ‹ฐ์Šคํ† ๋ฆฌ๋‚˜ ๋ธŒ๋Ÿฐ์น˜ ๊ฐ™์€ ํ”Œ๋žซํผ์— ๊ธ€์„ ์“ฐ๋ฉด, ์—„๋ฐ€ํžˆ ๋งํ•ด ๊ทธ ๊ธ€์€ ๋‚ด ๊ฒƒ์ด ์•„๋‹™๋‹ˆ๋‹ค. ์„œ๋น„์Šค๊ฐ€ ์ข…๋ฃŒ๋˜๊ฑฐ๋‚˜ ๊ณ„์ •์ด ์ •์ง€๋˜๋ฉด ๋‚ด ์†Œ์ค‘ํ•œ ๊ธ€๋“ค๋„ ์ธ์งˆ์ด ๋ฉ๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ Jekyll ๋ธ”๋กœ๊ทธ๋Š” ๋ชจ๋“  ๊ธ€์ด ๋‚ด ์ปดํ“จํ„ฐ์™€ GitHub ์ €์žฅ์†Œ์— MD(๋งˆํฌ๋‹ค์šด) ํŒŒ์ผ๋กœ ์ €์žฅ๋ฉ๋‹ˆ๋‹ค. ์–ธ์ œ๋“  ๋‹ค๋ฅธ ํ”Œ๋žซํผ์œผ๋กœ ์ด์‚ฌ ๊ฐˆ ์ˆ˜ ์žˆ๊ณ , ๋‚ด ์ž…๋ง›๋Œ€๋กœ ๋””์ž์ธ์„ ๋œฏ์–ด๊ณ ์น  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ง„์ •ํ•œ ์˜๋ฏธ์˜ โ€˜๋ฐ์ดํ„ฐ ์ฃผ๊ถŒโ€™์„ ๊ฐ–๋Š” ์…ˆ์ด์ฃ .

4. ๊ฐœ๋ฐœ์ž์Šค๋Ÿฌ์šด ์„ฑ์žฅ (Git & CLI) ๐Ÿ’ป

๊ธ€์„ ์“ฐ๊ณ  git push๋ฅผ ํ•˜๋ฉด Netlify๊ฐ€ ๊ฐ์ง€ํ•ด์„œ ์ž๋™์œผ๋กœ ๋ฐฐํฌํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ณผ์ •์—์„œ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ Git, CLI, CI/CD ํŒŒ์ดํ”„๋ผ์ธ ๊ฐ™์€ ๊ฐœ๋ฐœ ํ•„์ˆ˜ ์ง€์‹์„ ์ตํžˆ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๋ธ”๋กœ๊ทธ ์šด์˜ ์ž์ฒด๊ฐ€ ๊ณต๋ถ€๊ฐ€ ๋˜๋Š” ๊ตฌ์กฐ, ๋„ˆ๋ฌด ๋งค๋ ฅ์ ์ด์ง€ ์•Š๋‚˜์š”?


๋งˆ์น˜๋ฉฐ: ๋ถˆํŽธํ•จ์ด ์ฃผ๋Š” ์ž์œ 

๋ฌผ๋ก  ๋Œ“๊ธ€ ๊ธฐ๋Šฅ์„ ๋„ฃ์œผ๋ ค๋ฉด ๋ณ„๋„ ์„œ๋น„์Šค๋ฅผ ๋ถ™์—ฌ์•ผ ํ•˜๊ณ , ๊ธ€ ์“ธ ๋•Œ๋งˆ๋‹ค ์ปค๋ฐ‹์„ ํ•ด์•ผ ํ•˜๋Š” ๋ถˆํŽธํ•จ์€ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๊ทธ ์•ฝ๊ฐ„์˜ ๋ถˆํŽธํ•จ์„ ๊ฐ์ˆ˜ํ•˜๋ฉด, ์••๋„์ ์ธ ์†๋„์™€ ์™„๋ฒฝํ•œ ์ž์œ ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์—ฌ๋Ÿฌ๋ถ„๋งŒ์˜ ์ง‘(Home)์„ ์ง“๊ณ  ์‹ถ์œผ์‹ ๊ฐ€์š”? ์ง€๊ธˆ ๋ฐ”๋กœ ํ„ฐ๋ฏธ๋„์„ ์—ด๊ณ  jekyll new my-blog๋ฅผ ์ž…๋ ฅํ•ด ๋ณด์„ธ์š”. ๐Ÿ