ํ๋ถ์ ์์ ๋ถํฐ ์ ๋ฐฐ๋ค์๊ฒ ์ด๋ฐ ๋ง์ ์ญ ๋ง์ด ๋ค์ด์๋ค.
๊ณต๋ถํ ๊ฒ๋ค ๋ธ๋ก๊ทธ์ ์ ๋ฆฌํด์ ๊ธฐ๋กํด๋ผ. ๊ทธ๊ฒ๋ง์ผ๋ก๋ ๊ณต๋ถ๋ ๋ง์ด ๋๋ค. โ๏ธ
๋๋ ๊ท์ฐฎ์ ๊ฑธ ์์ฃผ ์ซ์ดํ๋ค. ๊ทธ๋ฆฌ๊ณ ์ด์ํ๊ฒ ๊ทธ๋ฐ ๊ฒ์ ์ ๋ฆฌ๋ฒฝ์ด๋ ์๋ฒฝ์ฃผ์๊ฐ ์์ด์ ํ์ฐฝ์์ ์ ๋ ธํธ ํ๊ธฐ๋ฅผ ํ๊ฑฐ๋ ๋ฐฐ์ด ๊ฒ๋ค์ ์ ๋ฆฌํ ๋๋ ์์ฃผ ๊ฐ์ง๋ฐํ ๋ด๊ฐ ์ํ๋ ๊ธ์จ์ฒด์ ๊ธ์ ๊ฐ๊ฒฉ์ ์ ์งํด์ผ๋ง ๋ง์กฑ์ ํ๋ค.
์ด์ฌํ ํ๊ธฐ๋ฅผ ๋ช ์ฅ์ด๋ ํ๋ค๊ฐ๋ ๊ธ์จ์ฒด๋ ๊ธ์ ๊ฐ๊ฒฉ์ด ํํธ๋ฌ์ง๋ฉด ์ด์ํ๊ฒ ์ฌ๊ธฐ๊ฐ ๋ถํธํ๊ณ ๊ฒฐ๊ตญ ๊ทธ ์ฅ์ ์ฐข๊ณ ์ผ ๋ง์๋ค. ๊ทธ๋์ ๊ฒฐ๊ตญ ๋ด๊ฐ ๋ ธํธ ํ๊ธฐ๋ฅผ ๋๊น์ง ํ ์ ๋, ๋ญ๊ฐ๋ฅผ ์๋ฒฝํ ๋๊น์ง ์ ๋ฆฌํ ์ ๋ ๋จ ํ ๋ฒ๋ ์๋ค.
๊ฒฐ๊ตญ ์๋ฒฝํ๊ณ ์ถ์๋ฐ ์๋ฒฝํ๊ธฐ ํ๋ค์ด์ ์๋ํ๋ค ๊ท์ฐฎ์์ ํฌ๊ธฐํ๊ฒ ๋๋ผ๊ณ ๋ณด๋ฉด ๋๋ค. ๐คฆ๐ปโโ๏ธ
์ฌ์ค ๋
ธํธ ํ๊ธฐ๋ ๋งค์ฐ ๊ท์ฐฎ์ ์ผ์ธ๊ฑด ๋ถ๋ช
ํ๋ฉฐ ์ผ์ ํ ๊ธ์จ์ฒด์ ๊ธ์ ๊ฐ๊ฒฉ์ ์ ์งํ๋ ๊ฒ ๋ํ ๋งค์ฐ ํ๋ ์ผ์ด๋ค.
์๋ฌดํผ ํ์ฌ๋ก ๋์์์ ๋ณด์๋ฉด ๊ฐ๋ฐ์์๊ฒ ๋ธ๋ก๊ทธ๋ ๊ฑด ๊ทธ๋ฐ ๋ ธํธ ํ๊ธฐ๋ ์ ๋ฆฌ์ ๋น์ทํ๋ค๊ณ ๋ณผ ์ ์๋ค. ๊ณต๋ถํ ๊ฒ์ ๊ธฐ๋กํ๊ณ ๋ณต์ตํ๊ธฐ ์ํด์ ์ ๋ฆฌํ๋ค๋ ์ธก๋ฉด์ ์ผ๋งฅ์ํตํ๋ค. ๊ทผ๋ฐ ๊ทธ๋ฐ๊ฑธ ๊ผญ ์ํด๋ ๊ณต๋ถ ์ํ๋ ์ ๋ค์ ์๋ค. ๋ธ๋ก๊ทธ๋ผ๋ ๊ฑด ํจ์จ์ ์ธ ํ์ต์ ์ํ ํ ๊ฐ์ง ์๋จ์ผ ๋ฟ์ด๋ค.
๊ทธ๋์ ๊ฒฐ๋ก ์ ๊ฐ๋ฐ์๊ฐ ๋ธ๋ก๊ทธ๋ฅผ ๊ผญ ํด์ผ๋ง ํ๋ ๊ฑด ์๋๋ค. ์ํด๋ ์ถฉ๋ถํ ์ํผ ๊ฐ๋ฐ์๊ฐ ๋ ์ ์๊ณ ๊ตฌ๊ธ์๋ ์๋ง์กด์๋ ๋ค์ด๊ฐ ์ ์๋ค.
์์ ๋งํ๋ค์ํผ ๋ด๊ฒ๋ ์ ๋ฆฌ๋ฒฝ์ด ์์๊ณ ๊ณต๋ถํ ๊ฒ๋ค์ ๊ธฐ๋กํ๋ ๊ฒ์ ์ข์ํ๋ ๊ธฐ๋ฌํ ์ฌ๋ฆฌ๊ฐ ์์๋ค. ์ง๊ธ๋ ๋ง์ฐฌ๊ฐ์ง๋ค. ๋๊ตฐ๋ค๋ ์ ๋ฐฐ๋ค์ด ๋ด๊ฒ ๊ทธ๋ฐ ๋ง์ ํด์คฌ๋ค. ๊ทธ๋์ ๋๋ ๋ธ๋ก๊ทธ๋ฅผ ์์ํ๋ค. ๋ ธํธ ํ๊ธฐ๋ ๋ค ์์ํ์ง ๋ชปํ ๋์ง๋ง ๋ธ๋ก๊ทธ๋ ์ ์ด์ํ๋ฆฌ๋ผ ๋ค์งํ๋ฉด์.
ํ์ฐฝ ์์ ์์ฑํ ๋
ธํธ ํ๊ธฐ๋ ๋๋ง ๋ณธ๋ค. ๋๋ถ๋ถ์ ๊ทธ๋ ๋ค. ๊ทธ๊ฑธ ๋ ์ด๋ ๊ฒ ์ ๋ฆฌ ์ํ๋ค~? ํ๋ฉด์ ์๋ํ๋ ค๊ณ ๋ง๋๋ ์ด๋ฆฌ์์ ๋ฐ๋ณด๋ ์์ ๊ฑฐ๋ผ๊ณ ๋ณธ๋ค. ๊ทผ๋ฐ ๋ธ๋ก๊ทธ๋ ๋ค๋ฅด๋ค. ๋จ์ํ ๊ฐ์ธ์ด ๊ฐ๊ณ ์๋ ๋
ธํธ ์์ ํ์๊ฐ ์๋๋ผ ์น์ ํตํด์ ๋ชจ๋ ์ฌ๋์ด ์ ๊ทผํ ์ ์๋ค. ๋ค๋ฅธ ์ฌ๋์ด ๋ด ๊ธ์ ๋ณด๋ฉด์ ์๊ฐ์ ๋ฐ์ ์๋ ์๊ณ ๋ด๊ฐ ๋ค๋ฅธ ์ฌ๋์ ๊ธ์ ๋ณด๊ณ ๋ฐฐ์์ ์ป์ ์๋ ์๋ค.
๋๋ ๋ด๊ฐ ๋๋ ์ ๊ณผ ์๊ณ ์๋ ์ง์, ๋ฐฐ์ด ๊ฒ๋ค์ ๊ธฐ๋กํ๊ณ ์ ๋ฆฌํ๊ธฐ ์ํด์ ๋ธ๋ก๊ทธ๋ฅผ ์ด์ฉํ๋ค. ๋ธ๋ก๊ทธ๋ฅผ ์ด์ฉํ๋ ๋ชฉ์ ์ ์ฌ๋๋ง๋ค ๋น์ทํ๊ฒ ์ง๋ง ๋ค๋ฃจ๋ ์ปจํ ์ธ ์ ๊น์ด๋ ๋๋น๋ ๋ค ๋ค๋ฅผ ๊ฒ์ด๋ค. ๋๊ตฌ๋ ๊ฐ๋จํ๊ณ ์งง๊ฒ ๊ธฐ๋กํ ์๋ ์์ง๋ง ๋ ๋ค๋ฅธ ์ด๋ ํน์ ์ฃผ์ ๋ฅผ ์กฐ๊ธ ์ฌ๋ ๊น๊ฒ ๋ค๋ฃฐ ์๋ ์๊ฒ ๋ค.
๋๋ ํ์์ ํ์ ์ด๋ค. ๊ทธ๋์ ๋ด๊ฐ ์์ฑํ๊ณ ์ ํ๋ ์ปจํ ์ธ ์ ๋ด์ฉ์ ๊ฐ๋จํ๊ณ ์งง์์ง๋ผ๋ ๊ทธ๊ฒ์ ์ค๋ช ํ๊ธฐ ์ํด์๋ ๋ง์ ์์ ๊ธ๊ณผ ์ฑ ์ ๋ฐ๋ณตํด์ ๋ด์ผํ๋ค. ๊ทธ ๊ณผ์ ์์ ๋ชฐ๋๋ ๊ฒ๋ค, ์ ๋งคํ๊ฒ ์์๋ ๊ฒ๋ค, ์๊ณ ์๋ ๊ฒ๋ค์ ๋ค์ ํ์ตํ๋ฉฐ ๋์ ์ง์์ ์ข ๋ ๋จ๋จํ ํ๊ณ ์์ผ๋ก๋ ๊ทธ๋ด ์๊ฐ์ด๋ค.
๋์ฒ๋ผ ๋ธ๋ก๊ทธ๋ฅผ ์ด์ฉํ๋ค๋ฉด ๋ธ๋ก๊ทธ ํฌ์คํ ์ ์๊ธฐ ๋ฐ์ ์ ์ํด ์์ฃผ ์ ํฉํ ์ทจ๋ฏธ๊ฐ ๋ ์ ์๋ค. (๋ฌผ๋ก ๊ฐ๋จํ๊ฒ ๊ธฐ๋กํ๋ ๊ฒ๋ ์ถฉ๋ถํ ์ข์ ์ผ์ด๋ค.) ๊ทธ๋์ ์ ๋ง ๋๋ ๋จผ์ง๊ฐ๊ณ ๋ณ๊ฑฐ ์์ง๋ง ๊ผฐ๋๊ฐ์ด ํ ๋ง๋ ๋จ๊ธด๋ค.
โ ๏ธ ๊ฐ๋ฐ์๋ผ๋ฉด ๋ชจ๋ฆ์ง๊ธฐ ๋ธ๋ก๊ทธ๋ฅผ ํด์ผํ๋ค.
( ๐ฆ์๊น ๊ผญ ํ ํ์ ์๋ค๋ฉฐ? ) ์๋ฌดํผ ํด์ผํ๋ค.
๋๋ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ๋ก ์์ํ์ฌ ๊นํ๋ธ ํ์ด์ง, Jekyll, Hexo, Gatsby ๋ฑ์ ์ ์ ํ์ด์ง ์ ๋ค๋ ์ดํฐ๋ฅผ ์ด์ฉํ ๋ธ๋ก๊ทธ๋ฅผ ๋ชจ๋ ๊ฒฝํํด๋ดค๋ค.
(๋ด๊ฐ ๋ชจ๋ ๋ธ๋ก๊ทธ๋ฅผ ์ฒ์๋ถํฐ ๋ง๋ ๊ฑด ์๋๊ณ ํด๋น ์์ง๊ณผ ๋ธ๋ก๊ทธ ํ
ํ๋ฆฟ์ ์ ์ ํ ์ด์ฉํ๋จ ๋ง์ด๋ค.)
๊ทผ๋ฐ ๋ณดํต ์ ์ ํ์ด์ง ๋ธ๋ก๊ทธ๋ฅผ ์ด์ํ๋ค๋ฉด ์ง์ ์ฒ์๋ถํฐ ์ํ๋๋๋ก ๋ง๋ค ์๋ ์์ง๋ง ๋ค์ํ ํ
ํ๋ฆฟ์ ์์กดํ๊ณ ๊ทธ๊ฒ๋ค์ ์ ์ ํ ์ปค์คํ
ํ๋ค.
โ ๏ธ ๊ทธ๊ฒ ๋ฌธ์ ๋ค. ์ปค์คํ
์ ์์ ๊ฐ ์ฃผ์ด์ง๋ฉด ๊ทธ๊ฒ์ ์ด์ฉํด์ ์ํ๋๋๋ก ๋ง๋๋ ค๊ณ ์ ๋ฅผ ์ด๋ค.
๊ทธ๊ฒ ๋ญ๊ฐ ๋ฌธ์ ์ธ๊ฐ? ์ถ๊ฒ ์ง๋ง ๋ํํ
๋ ๋ฌธ์ ์๋ค. ์ด๋ค ํ
ํ๋ฆฟ๋ ๋ด ๋์ ์ฐจ์ง ์์๊ณ ์ด์ ์ด์ํ๋ ๋ธ๋ก๊ทธ ์์๊ฒ ๋ง๋ค๊ณ ์ถ์ด์ ์ฌ๋ฌ ํ
ํ๋ฆฟ์ ์ ์ ํ๋ฉด์ ์ ๋นํ ์ปค์คํ
ํด์ ์ผ๋ค. ๊ทธ๋ฌ๋ค๋ณด๋ ๋ธ๋ก๊ทธ ์ปจํ
์ธ ๋ณด๋ค๋ ๋ธ๋ก๊ทธ์ UI์ ๋ ์๊ฐ์ ๋ง์ด ์ฐ๊ฒ ๋์๊ณ ์ด๊ฑธ ๋นํจ์จ์ ์ด๋ผ ๋๊ผ๋ค. ๋๋ ์์ ๊ฐ ์ฃผ์ด์ ธ๋ ๊ฑฐ๋ถํ๋ ์ง์ฑ ๋
ธ์์๋ค.
๊ทธ๋ฆฌ๊ณ ๊ทธ๋ฐ ์ ์ ํ์ด์ง๋ค์ ํน์ ํ๋ซํผ์ ๊ธฐ๋ ๊ฒ๋ค์ด ์๋๋ผ ๋ค๋ฅธ ์ ์ ๋ค๊ณผ์ ๊ต๋ฅ๊ฐ ์ฝ์ง ์์๊ณ ๋ฒจ๋ก๊ทธ๋ ์ด ์ ์์ ์ข ๋ ๋งค๋ ฅ์ ์ผ๋ก ๋ค๊ฐ์๋ค. ํฐ์คํ ๋ฆฌ๋ ๋ฌผ๋ก ๊ทธ๋ ์ง๋ง ๊ทธ ์ชฝ์ ๊ฐ๋ฐ์ ํนํ๋ ์๋๋ค๋ณด๋ ๋งค๋ ฅ๋๊ฐ ์ข ๋จ์ด์ง๋ค. ๊ทธ๋์ ๊ฒฐ๊ตญ ๋ ๊ฐ์ง ์ด์ ๋ก ๋ฒจ๋ก๊ทธ๋ฅผ ์ ํํ๋ค.
1. ๋ธ๋ก๊ทธ ํ
ํ๋ฆฟ์ด ํ๋ ๋ฟ์ด๊ณ UI ์ปค์คํ
์ ์ ๊ฒฝ์ธ ํ์๊ฐ ์์ด ์ ๋ คํ๋ค.
2. ๋ธ๋ก๊ทธ ํ๋ซํผ์ ํตํด ๋ค๋ฅธ ๊ฐ๋ฐ์๋ค๊ณผ์ ๊ต๋ฅ, ์ํต์ด ์ฉ์ดํ๋ค.
์ฌ์ค ๋ฒจ๋ก๊ทธ 1 ๋ฒ์ ๋๋ ๋๋ ๋ฒจ๋ก๊ทธ๋ฅผ ์๊ณ ์์์ง๋ง ์ฐ๊ธฐ๊ฐ ์ฝ๊ฐ ๊บผ๋ ค์ก๋ค. ์๋ฌด๋๋ ๋ฒจ๋กํผํธ๋์ ๊ฐ์ธ ํ๋ก์ ํธ ์ค ํ๋์ด๊ณ ๊ฐ์ธ ํ๋ก์ ํธ๋ ์ธ์ ์์ด์ ธ๋ ์ด์ํ์ง ์๋ค๊ณ ์๊ฐ์ด ๋์ด์. ๊ทผ๋ฐ ๋ง์ ์ด๋ค์ด ๋ฒจ๋ก๊ทธ๋ฅผ ์ฐ๊ธฐ ์์ํ๊ณ ๋ฒ์ ์ ๋ ์งํ๋๋ฉด์ ์๊ฐ๋ณด๋ค ๋ฒจ๋ก๊ทธ๊ฐ ์์ ์ ์ด๊ณ ์ข์ ๋ธ๋ก๊ทธ ํ๋ซํผ์ผ๋ก ์ฑ์ฅํ๊ณ ์์์ ์๊ฒ๋์๋ค. ๊ทธ๋์ ์ง๊ธ์ ์ฃผ๋ณ์ ๊ฐ๋ฐ์๊ฐ ๋ธ๋ก๊ทธ๋ฅผ ์์ํ๋ค๋ฉด ๋ฒจ๋ก๊ทธ๋ฅผ ๋ฐ๋ก ์ถ์ฒํด์ค๊ฑฐ๋ค. ๋๊ฐ์ด UI ์ปค์คํ ์ ์๊ฐ ๋ฒ๋ฆฌ์ง๋ง๋ผ๊ตฌ.
์ํ ๊ทธ๋ ๊ตฐ์ !