๐ฎ ๋ถํธ์คํธ๋ฉ ํ ํ๋ฆฟ ์ฌ์ดํธ ๋ชจ์์ง
๋ถํธ์คํธ๋ฉ ํ ํ๋ฆฟ ์ฌ์ดํธ ๋ชจ์
Bootstrap๋ ๋ฐ์ํ ์น๋์์ธ์ ๊ธฐ๋ณธ์ผ๋ก ํ๊ณ ์๊ณ , ๋ค์ํ ์น ์์๋ค์ ๋์์ธ๊ณผ ๊ธฐ๋ฅ์ ํฌํจํ๊ณ ์์ด ์ ์ฝ๊ฒ ์ฌ์ดํธ๋ฅผ ์ ์ํ ์ ์๋ค.
์์ ์ ์ฌ์ดํธ์ ๋ง๋ ๋์์ธ์ ์ ์ํด์ ์ฌ์ฉํ๊ธฐ๋ ํ์ง๋ง, ๋์์ธ์ ๋น์ค์ ์กฐ๊ธ ๋ฎ์ถ๊ณ ์ ์ฒด ๋ฐ์ํ์ผ๋ก ์ ํํ๋ ํ ํ๋ฆฟ์ ์ฐพ์๋ ๋ถํธ์คํธ๋ฉ์ ๋ง์ด ์ฌ์ฉํ๋ ํธ์ด๋ค.
ํ์ง๋ง, Bootstrap ๊ธฐ๋ณธ ๋์์ธ ๋ชจ์์ ๋งค์ฐ ์น์นํ๊ณ ์ฐจ๋ณํ ๋์ง ์๊ธฐ ๋๋ฌธ์, ๋ถํธ์คํธ๋ฉ ํ ํ๋ฆฟ์ ์ด์ฉํ๋ฉด, Bootstrap ๊ธฐ๋ฐ์ด ์๋๋ผ๊ณ ์๊ฐํ ์ ๋๋ก ํ์ฐํ ๋ค๋ฅธ ๋ชจ์ต์ ์๋์ง๋ง ์ด๋ ์ ๋ ํน์์๋ ๋์์ธ์ผ๋ก ๊พธ๋ฐ ์ ์๋ค.
๊ฑฐ๊ธฐ๋ค ์ต๊ทผ์ ๋ถํธ์คํธ๋ฉ5๋ก ์ ๊ทธ๋ ์ด๋ ๋๋ฉด์ ์๋์ ์ต์ ํ ๋ถ๋ถ์ด ๋ง์ด ํฅ์๋์๋ค.
๋ฐ๋ผ์, ์ฒ์ ๋ถํฐ ์ผ์ผํ css ๋์์ธ ์์ ์ด ํ๋ค๊ฑฐ๋, ๋์์ธ ๊ฐ๊ฐ์ด ๋ถ์กฑํ ์น๊ฐ๋ฐ์๋ค์๊ฒ ์์ด์ ํ ํ๋ฆฟ์ ๋์์ง ์์ ์ ํ์ธ ์ ์ด๋ค.
๊ฑฐ๊ธฐ๋ค ํ ํ๋ฆฟ ๋์์ธ์ ์ผ๋ถ๋ถ์ ๊ฐ์ธ์ ์ผ๋ก ์์ ํ๋ฉด์, ๋ฉ๋ฌ์ ๋์์ธ ๊ฐ๊ฐ๊ณผ ๋๋ถ์ด css ์ฐ์ต๋ ๋๋ ๋น์ฅ ํผ๋ธ๋ฆฌ์ฑ ํ ๊ฑด ์๋์ง๋ผ๋ ํ๋์ ๋ ๊ตฌ์ ํด์ ์น ํ๋ก ํธ์ ์ด๋ ํ ๊ธฐ์ ๊ณผ ๊ฐ๋ ์ด ์ฌ์ฉ๋๋์ง ๊ธฐ๋ณธ์ ์ธ ์์์ ํ๋ํ๋๊ฒ๋ ์ข์ ๋ฐฉ๋ฒ์ด๋ค.
wrapbootstrap
- ์ ํต์ ์ ๋ฃ ๋ถํธ์คํธ๋ฉ ํ ํ๋ฆฟ ์ฌ์ดํธ
- ์ ๋งํ ์ธ๋ชจ์ด์ด ์ ๋ฃ ํ ํ๋ฆฟ์ ์ด๊ณณ์์ ๊ตฌ๋งคํ๋ฉด ๋๋ค.
- ํ์๊ฐ์ ์ ํ๊ณ ๊ตฌ์ ์ ์งํํ๊ฒ ๋๋ฉด ๊ฐ์ธ ํ๋กํ ํญ๋ชฉ์ ์ ์ฅ๋์ด ์ธ์ ๋ ์ง ๋ค์ด ๋ฐ์์๊ฐ ์๋ค.
https://wrapbootstrap.com/templates ← ๋งํฌ ์ด๋
themeforest
- Themeforest๋ ํธ์ฃผ์ ์๋ฐํ (Envato)๊ฐ ์ด์ํ๋ ์ ์ธ๊ณ ์ต๋ ๋์งํธ ์ํ ๋ง์ผํ๋ ์ด์ค ํ๋ซํผ ์ค ํ๋์ด๋ค. ์ด๋ฆ์ ๊ฑธ๋ง๊ฒ ์ ๋ง ๋ง์ theme๋ค์ด ์ฒ์ฒ๋ผ ๋ง์ด ์๋ค.
- ์๋ํ๋ ์ค ์ ๋ฃ ํ ๋ง๋ก๋ ์ ๋ช ํ ์ฌ์ดํธ์ด๋ค. ๋ฌผ๋ก ๋ถํธ์คํธ๋ฉ ํ ๋ง๋ ๋ค์ํ๊ฒ ์๋ค.
- themeforest๋ '๋ฌผ๋'์ผ๋ก๋ง ๋ฐ์ง๋ฉด ๊ฑฐ์ ์ธ๊ณ ์ต๊ณ ์ ์น๋์์ธ ์ผํ๋ชฐ์ด ์๋๊นํ๋ค. ๋ค์ํ ๊ฐ๊ฒฉ๋์ ํ๋ ์์ํฌ๋ก ๋ถ๋ฅ๋ ํ ๋ง๋ค์ด ์ฌ๋ ค์ ธ ์๋ค.
Start Bootstrap
- ์๋์ชฝ์ Free ๋ถ์๊ฒ๋ง ๊ณต์ง์ด๋ฉฐ ๊ทธ๋ฆฌ ๋ง์ ํ ํ๋ ์ด ์์ง๋ ์๋ค.
- ์ฒ์ ๋ถํธ์คํธ๋ฉ ์๋ด๊ธฐ๋ฅผ ์ํ ์ฌ์ดํธ๋ผ๋ ๋๋์ด ๊ฐํด ๋ถํธ์คํธ๋ฉ ๋์์ธ์ด ๋์ถฉ ๋ญ์ง ์ ๋๋ง ๋๋ฌ๋ณด๊ธฐ๋ฅผ ๊ถ์ฅํ๋ค.
Bootswatch
- Bootswatch๋ ๊ธฐ๋ฅ๋ณ๋ก ์ด๋ฏธ ๋ง๋ค์ด์ง ํ ๋ง๊ฐ ์๋ ๊ฒ์ด ์๋๋ผ, ๊ฐ๊ฐ์ ๋์์ธ๋ณ๋ก ํ ๋ง๊ฐ ์๋ค.
- ์ฆ ๊ธฐ๋ณธ ๋ถํธ์คํธ๋ฉ์ css๋ง ์ฝ๊ฐ ๋ณํ๋ฅผ ์ค ๋๋์ด๋ผ ์ง์ ๊ฐ๋ฐ์ ํด์ผํ๋ค.
- ๋ค๋ง ์ง์ ์ปค์คํ ์ ์์ ๋กญ๊ฒ ํ ์ ์๋ค๋ ์ ์์, ๋ถํธ์คํธ๋ฉ ๊ธฐ๋ณธ ๋์์ธ์ ๋ง์์ ๋ง๋ค๋ฉด์ ๋๊ฐ ๋ง๋ค์ด๋์ ๋์์ธ ํ ํ๋ฆฟ๋ ์ซ์ผ๋ฉด ์ด ์ฌ์ดํธ๋ ๋งค์ฐ ์ข์ ์ ํ์ง์ด๋ค.
- ๊ฑฐ๊ธฐ๋ค ์์ค ์ฝ๋์ ๋ํ ์ค๋ช ์ด ์๋์ด ์์ด์ ํฐ ์ด๋ ค์์ ์๋ค.
BootstrapMade
- BootstrapMade ์ด ์ฌ์ดํธ๋ ๋ฌด๋ฃ๋ก ์ฌ์ฉํ ์ ์๋ ๊ณ ํ๋ฆฌํฐ์ ํ ํ๋ฆฟ์ด ๊ฝค๋ ๋ง๋ค.
- ์ด๋ ๋ฌด๋ฃ ๋ฒ์ ์ ๊ฐ์ธ ํ๋ก์ ํธ๋ ์์ ์ฉ์ผ๋ก ์ฌ์ฉํด๋ ๋๊ธด ํ์ง๋ง, footer์ ์ถ์ฒ๋ฅผ ์ง์ฐ๋ฉด ์๋๋ ๋ฑ ์ฝ๊ด์ด ์์ผ๋ ๊ผผ๊ผผํ๊ฒ ํ์ธํ๊ณ ์ฌ์ฉํด์ผ ํ๋ค.
ThemeWagon
- ThemeWagon์ 2014๋ ์ด์ ์ต๊ณ ์ ํ ํ๋ฆฟ์ ํ๋ธ๊ฐ ๋๊ฒ ๋ค๋ ์ฝ์์ผ๋ก ๋ฐ์นญํ ์ฌ์ดํธ๋ค.
- ๊ด๋ฒ์ํ ์ปฌ๋ ์ ์์ ์๋ก์ด ๋์์ธ๊ณผ ์ฐ์ํ UI/UX๋ฅผ ๊ฐ์ถ ๋ฐ์ํ ๋ถํธ์คํธ๋ฉ ํ ๋ง์ ํ ํ๋ฆฟ์ ์ฝ๊ฒ ์ ํํ ์ ์๋ค.
GRAYGRIDS
- 2021๋ ๋ถํธ์คํธ๋ฉ ๊ธฐ๋ฐ HTML5 ํ ํ๋ฆฟ ์ฌ์ฉ ๋ฐ ๋ค์ด๋ก๋ ํ์ 150000ํ ์ด์์ธ ์ฌ์ดํธ๋ค.
- ๊ฐ๋ฐ ํ๋ก์ธ์ค๋ฅผ ์ฝ๊ฒ ํ๊ธฐ ์ํ ๋ค์ํ ํ ํ๋ฆฟ์ ์ ๊ณต. ๋น์ฆ๋์ค ๋ฐ ๊ธฐ์ ์น ์ฌ์ดํธ, ๊ด๋ฆฌ ๋ฐ ๋์๋ณด๋, ๋๋ฉ ํ์ด์ง, ํฌํธํด๋ฆฌ์ค ํ์ด์ง, ์คํํธ์ ์น ์ฌ์ดํธ, ์๋ฃ ์น ์ฌ์ดํธ, ์ฑ/์ํํธ์จ์ด/SaaS ๋๋ฉ, ์ํ/๋ ์คํ ๋ ์น ์ฌ์ดํธ ๋ฑ์ ๋ํ ๋ฌด๋ฃ ๋ถํธ์คํธ๋ฉ ํ ํ๋ฆฟ์ด ์ ๊ณต๋๋ค.
- ๋จ, ์์ ๋ผ์ด์ผ์ค๋ ๋น์ฉ์ ์ง๋ถํด์ผํ๋ค.
CSSauthor
- ์๋ง ๊ฐ์ฅ ๋ง์ ๋ฌด๋ฃ ๋ถํธ์คํธ๋ฉ 5 ํ ํ๋ฆฟ์ ์ ๊ณตํ๋ ์ฌ์ดํธ๊ฐ ์๋๊น ์ถ๋ค.
- ๋์๋ณด๋, ๋ธ๋ก๊ทธ, ํฌํธํด๋ฆฌ์ค ๋ฑ์ ๋ง๋๋ ๋ฐ ์ฌ์ฉํ ์ ์๋ ํ ํ๋ฆฟ๋ค์ด ๋ง๋ค.
templatemag
- ๊น๋ํ ๋ธ๋ก๊ทธ์์ด ๋ง์์ ์น ํฌํธํด๋ฆฌ์ค์ ๊ฐ์ฅ ๋ง์ด ์ฌ์ฉํ๋ ๊ณณ ์ด๋ค.
Creative-tim
- ์ข ๋ฅ๋ ๋ง์ง์์ง๋ง ๊ฐ์ ๋์์ธ์ผ๋ก HTML, REACT, VUE.JS, ANGULAR ๋ค์ํ ๋ชจ๋์ ์ง์ํ๋ ํ ํ๋ฆฟ์ด ๊ฝค ์๋ค.
HTMLTEMPLATES
- ๋ฌด๋ํ HTML ํ ํ๋ฆฟ ์ฌ์ดํธ
Html5 UP
- ๋ค์ด ๋ฐ์ผ๋ ค๋ฉด ๋ฐ๋ก ํธ์ํฐ ๊ณ์ ์ด ํ์ํ๊ฒ ์ฒ๋ผ ๋ณด์ด์ง๋ง ๊ทธ๋ฅ ๋ค์ด ๋ฐ์์ ์๋ค.
- html5up์๋ ํ ํ๋ฆฟ์ด ๊ทธ๋ฆฌ ๋ง์ง๊ฐ ์์ง๋ง ๋ค๋ฅธ๊ณณ๊ณผ๋ ์กฐ๊ธ ๋ค๋ฅธ ๋๋์ ์ฐจ๋ณํ๋๊ณ ๋ ํนํ ๋์์ธ์ด ์๋ค๋ ํน์ง์ด ์๋ค.
- ๋ถํธ์คํธ๋ฉ๋ณด๋ค๋ ์ HTML๋์์ธ์ ๋ฐ์ผ๋ ค๋ฉด ๊ด์ฐฎ์ ์ฌ์ดํธ๋ค.