โ๋ธ๋ก๊ทธ ํ๋ ๋ง๋๋๋ฐ ์ ์ด๋ ๊ฒ ๋ณต์กํ๊ฒ ํด?โ
์ฃผ๋ณ์์ ๊ฐ๋ ๋ฌป์ต๋๋ค. โ๊ทธ๋ฅ ๋ค์ด๋ฒ ๋ธ๋ก๊ทธ๋ ํฐ์คํ ๋ฆฌ, ์๋๋ฉด ์๋ํ๋ ์ค ์ฐ๋ฉด ํธํ์์. ์ ๊ตณ์ด ์ฝ๋ฉ๊น์ง ํ๋ฉด์ 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๋ฅผ ์
๋ ฅํด ๋ณด์ธ์. ๐