HTML View๋ ์๋๋ก์ด๋์ฉ ์๋ฒฝํ HTML, CSS ๋ฐ JavaScript ํธ์ง๊ธฐ์
๋๋ค. ์ฝ๋๋ฅผ ์์ฑํ๊ณ ์ฆ์ ์คํํ๋ฉฐ ๋ด์ฅ ์ฝ์์ ํตํด ๋ฒ๊ทธ๋ฅผ ์ฐพ์๋ผ ์ ์์ต๋๋ค. ์ด ๋ชจ๋ ๊ธฐ๋ฅ์ ํด๋ํฐ์์, ์ฌ์ง์ด ์คํ๋ผ์ธ ์ํ์์๋ ์ฌ์ฉํ ์ ์์ต๋๋ค.
์น ๊ฐ๋ฐ์ ๋ฐฐ์ฐ๊ฑฐ๋, ์์ด๋์ด๋ฅผ ํ
์คํธํ๊ฑฐ๋, ์ค์ ์น์ฌ์ดํธ๋ฅผ ๊ตฌ์ถํ๋ , HTML View๋ ๋ฐ์คํฌํฑ ์์ค์ ์ฝ๋ ํธ์ง๊ธฐ ๋๊ตฌ๋ฅผ ์ฃผ๋จธ๋ ์์ ๋ด์์ค๋๋ค.
โ๏ธ ์ง์ ํ ์ฝ๋ ํธ์ง๊ธฐ
โข HTML, CSS, SCSS, JavaScript, TypeScript, JSON, SVG ๋ฐ Markdown ๊ตฌ๋ฌธ ๊ฐ์กฐ ํ์
โข ์ค๋งํธ ์๋ ์์ฑ ๋ฐ ํ๊ทธ/๊ดํธ ์๋ ๋ซ๊ธฐ
โข Emmet ๋จ์ถํค: ul>li*5๋ฅผ ์
๋ ฅํ๊ณ Tab ํค๋ฅผ ๋๋ฅด์ธ์
โข ์ํฐ์น ์ฝ๋ ์์ ์ง์ (Prettier)
โข JavaScript ๋ฐ JSON ์ค์๊ฐ ์ค๋ฅ ๊ฒ์ฌ
โข ์ฐพ๊ธฐ ๋ฐ ๋ฐ๊พธ๊ธฐ, ํน์ ์ค๋ก ์ด๋, ์ฃผ์ ํ ๊ธ
โข 40๊ฐ ์ด์์ ์ฝ๋ ์กฐ๊ฐ ๋ฐ 23๊ฐ์ ์ธ๊ธฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ(Bootstrap, Tailwind, jQuery, Vue, React, GSAP, Three.js, Chart.js ๋ฑ)
โข ๊ธฐํธ, ์ปค์ ํ์ดํ ๋ฐ ์์ ์ ํ๊ธฐ๊ฐ ์๋ ์ถ๊ฐ ํค๋ณด๋ ํ
โข ์คํ ์ทจ์/๋ค์ ์คํ ๋ฐ ํ๋์จ์ด ํค๋ณด๋ ๋จ์ถํค(Ctrl+S, Ctrl+Enter)
โถ๏ธ ์คํ ๋ฐ ๋๋ฒ๊น
โข ํ์ด์ง ์ฆ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
โข ๋ด์ฅ ์ฝ์์์ ๋ก๊ทธ, ๊ฒฝ๊ณ , ์ค๋ฅ ๋ฐ ํ ํ์(ํ์ผ ์ด๋ฆ ๋ฐ ์ค ๋ฒํธ ํฌํจ)
โข ์ฝ์์ JavaScript ์ง์ ์
๋ ฅ
โข ๋ค์ํ ํ๋ฉด ํฌ๊ธฐ ํ
์คํธ: ๋ชจ๋ฐ์ผ, ํ๋ธ๋ฆฟ, ๋
ธํธ๋ถ, ๋ฐ์คํฌํฑ
โข Chrome ๋๋ ๋ค๋ฅธ ๋ธ๋ผ์ฐ์ ์์ ํ์ด์ง๋ฅผ ์ด์ด๋ณด์ธ์
โข ํ์ด์ง ์คํฌ๋ฆฐ์ท์ ์ฐ์ด ๊ณต์ ํ์ธ์
๐ ์ค์ ํ๋ก์ ํธ
โข ํ๋ก์ ํธ๋น ํ์ผ ๋ฐ ํด๋ ๋ฌด์ ํ ์ฌ์ฉ ๊ฐ๋ฅ
โข ์๋ก ์ฐ๊ฒฐ๋ ์ฌ๋ฌ ํ์ด์ง
โข ์ด๋ฏธ์ง, ๊ธ๊ผด, ์ค๋์ค ๋ฐ ๋น๋์ค ์
๋ก๋ ๊ฐ๋ฅ
โข ์ด๋ ค ์๋ ํ์ผ๋ณ ํญ ์ ๊ณต
โข ZIP ํ์ผ์์ HTML, CSS, JS ๋๋ ์ ์ฒด ์น์ฌ์ดํธ ๊ฐ์ ธ์ค๊ธฐ ๊ฐ๋ฅ
โข ๋จ์ผ HTML ํ์ผ ๋๋ ZIP ํ์ผ๋ก ๋ด๋ณด๋ด์ด ์น ํธ์คํ
์ ๋ฐ๋ก ์
๋ก๋ ๊ฐ๋ฅ
๐จ 27๊ฐ์ง ํ
ํ๋ฆฟ
๋น ํ์ด์ง ๋๋ ํฌํธํด๋ฆฌ์ค, ์ผํ ์น์ฌ์ดํธ, ๋ก๊ทธ์ธ ๋ฐ ํ์๊ฐ์
ํ์ด์ง, ์น ์ฑ ๋์๋ณด๋, 3D ์ ๋๋ฉ์ด์
, ๊ฒ์(์ฐ์ฃผ ์ํ
, 2048, ๋ฑ), ํํธ, ๊ฝ, ๋ถ๊ฝ๋์ด, ์ฐ์ฃผ, ์์
ํ๋ ์ด์ด, ๋ ์จ ์ฑ, ๋ก๋ฉ ๋ฐ ๋ฒํผ ์ ๋๋ฉ์ด์
๋ฑ ๋ค์ํ ๋์์ธ ํ
ํ๋ฆฟ ์ค์์ ์ ํํ์ธ์.
๐พ ์ฝ๋๋ ์์ ํ๊ฒ ๋ณด๊ด๋ฉ๋๋ค
โข ์
๋ ฅ ์ค ์๋ ์ ์ฅ
โข ๋ฒ์ ๊ธฐ๋ก: ํญ ํ ๋ฒ์ผ๋ก ์ ์ฅ๋ ๋ฒ์ ์ผ๋ก ๋๋๋ฆฌ๊ธฐ
โข ํด์งํต์ ์ญ์ ๋ ํ๋ก์ ํธ 30์ผ ๋ณด๊ด
๐ ํธ์ํ ์ฌ์ฉ ํ๊ฒฝ
โข ๋์ ํผ๋ก๋ฅผ ์ค์ด๊ณ ๋ฐฐํฐ๋ฆฌ ์๋ชจ๋ฅผ ์ต์ํํ๋ ์์ ๋ธ๋(AMOLED) ์ธํฐํ์ด์ค
โข 9๊ฐ์ง ์๋ํฐ ํ
๋ง, ๊ธ๊ผด ํฌ๊ธฐ ์กฐ์ ๋ฐ ์ค ๋ฐ๊ฟ ๊ธฐ๋ฅ
โข ์์ ์คํ๋ผ์ธ ์ฌ์ฉ ๊ฐ๋ฅ
๐ HTML VIEW PRO
๋ฌด๋ฃ ๋ฒ์ ์๋ ์ ์ฒด ์๋ํฐ, ๋ฏธ๋ฆฌ๋ณด๊ธฐ, ์ฝ์ ๋ฐ 6๊ฐ์ง ํ
ํ๋ฆฟ๊ณผ ์ต๋ 3๊ฐ์ ํ๋ก์ ํธ๊ฐ ํฌํจ๋์ด ์์ต๋๋ค. PRO ๋ฒ์ ์ผ๋ก ์
๊ทธ๋ ์ด๋ํ๋ฉด ๋ค์ ๊ธฐ๋ฅ์ ์ด์ฉํ ์ ์์ต๋๋ค.
โข ๋ฌด์ ํ ํ๋ก์ ํธ
โข ์
๋ ฅ ์ค ์ค์๊ฐ์ผ๋ก ์
๋ฐ์ดํธ๋๋ ๋ถํ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
โข ๊ฒ์ ๋ฐ 3D ๋์์ธ์ ํฌํจํ 21๊ฐ์ง ํ๋ฆฌ๋ฏธ์ ํ
ํ๋ฆฟ
โข 6๊ฐ์ง ํ๋ฆฌ๋ฏธ์ ์๋ํฐ ํ
๋ง
โข ZIP ๋ด๋ณด๋ด๊ธฐ
PRO๋ ์ฃผ๊ฐ, ์๊ฐ ๋๋ ์ฐ๊ฐ ๊ตฌ๋
๋๋ ํ์ ๊ตฌ๋งค(์ผํ์ฑ ๊ตฌ๋งค)๋ก ์ด์ฉํ ์ ์์ต๋๋ค. ์ฐ๊ฐ ํ๋์ ์ ๊ท ๊ตฌ๋
์์๊ฒ 7์ผ ๋ฌด๋ฃ ์ฒดํ์ ์ ๊ณตํฉ๋๋ค.
๊ตฌ๋
์ ํ์ฌ ๊ธฐ๊ฐ ์ข
๋ฃ ์ต์ 24์๊ฐ ์ ์ ์ทจ์ํ์ง ์์ผ๋ฉด ์๋์ผ๋ก ๊ฐฑ์ ๋ฉ๋๋ค. ๊ฒฐ์ ๋ Google Play ๊ณ์ ์ผ๋ก ์ฒญ๊ตฌ๋ฉ๋๋ค. Google Play > ๊ฒฐ์ ๋ฐ ๊ตฌ๋
์์ ์ธ์ ๋ ์ง ๊ตฌ๋
์ ๊ด๋ฆฌํ๊ฑฐ๋ ์ทจ์ํ ์ ์์ต๋๋ค.
ํ์, ์ด๋ณด์, ๊ต์ฌ ๋ฐ ์ ๋ฌธ ์น ๊ฐ๋ฐ์์๊ฒ ์ ํฉํฉ๋๋ค.
์ง๋ฌธ์ด๋ ์๊ฒฌ์ด ์์ผ์ ๊ฐ์? Play ์คํ ์ด ํ์ด์ง๋ฅผ ํตํด ๋ฌธ์ํด ์ฃผ์ธ์. ๋ชจ๋ ๋ฉ์์ง๋ฅผ ๊ผผ๊ผผํ ์ฝ์ด๋ณด๊ณ ์์ต๋๋ค.
์ค์๊ฐ ๋ฏธ๋ฆฌ๋ณด๊ธฐ, ์ฝ์ ๋ฐ ํ
ํ๋ฆฟ์ ์ฌ์ฉํ์ฌ ํด๋ํฐ์์ HTML, CSS ๋ฐ JavaScript ์ฝ๋๋ฅผ ์์ฑํ์ธ์.
์
๋ฐ์ดํธ ๋ ์ง
2026. 10. 16.