์ฝ๋ฉ์ด ๋จ๊ธด ์ฐ๋ผ๋ฆฐ ์์
๋ฏฟ๊ฒจ์ง์ง ์๊ฒ ์ง๋ง 2016๋ ๋ฉ์์ด์ฌ์์ฒ๋ผ์ ํ์๋ค. ๋ฐํ๊ธฐ ์ํํ๊ณ , ์์ฒด ์ฐฝ์ ํ๋ก์ ํธ๋ฅผ ์งํํ ๋์ฏค ๋๋ ํํด๋ฅผ ํ๋ค. ๊ทธ๋ ๊ทธ ์ปค๋ฎค๋ํฐ์ ์ ๋ง ์ ๋ฅํ ์ ๋ฐฐ๋ค์ด ๋ง์๋ ๊ฒ์ผ๋ก ๊ธฐ์ตํ๋ค. ์ ์ ๋ถ์ด์ง ๋ชปํ๊ฒ ์ฐธ ์์ฝ๊ธด ํ์ง๋ง.. ๋น์ ์ ๋ง ๋ญ๊ฐ ๋ญ์ง๋ ๋ชจ๋ฅธ์ฑ, ๋๋ ๋ญ๊ฐ๋ฅผ.. ์ดํ ๊ฐ์ ๊ฑธ ๋ง๋ค๊ณ ์ถ์ด! ๋ผ๋ ํ๋ฆฌ๋ฉํ ํ ์๊ฐ ํ๋๋ก ํจ๊ธฐ ๋์น๊ฒ ์ง์ํด์ ์ด์ฐ์ ์ฐ ํฉ๊ฒฉ์ ํ๋ค. ์น๊ณผ ์ฑ์ด ๊ฐ๋ฐ์ ํ๋๋ฐ ๋ญ๊ฐ ๋ค๋ฅธ์ง, ๊ฐ๋ฐ์ด๋ผ๋๊ฒ ์ด๋ค ์๋ฏธ์ธ์ง ์ ๋ง ํ๋๋ ๋ชจ๋ฅด๊ณ ๋ค์ด๊ฐ๋ค. ๊ทธ๋์ ๋ฑ ํฉ๊ฒฉํ๋๋ฐ, ์ฌ๊ธฐ์ ์น ๊ฐ๋ฐ์ ํ๋ค๋ ๊ฒ์ ์๊ณ ์ ์ฅ? ํ๋ค. ์ฌ์ค ๋น์ ์ ์ฅ?ํ๋์ง๋ ๋ชจ๋ฅด๊ฒ ๋ค.. ์ฑ์ ์ ์ ํธํ๋์ง ์ด์ ๋ ๋ฑํ ์๋ค. ๊ทธ๋ฅ ์ฑ์ด ์ ์ง ๋ ๊ฐ์ง๋๋ณด์๊ธฐ ๋๋ฌธ์ด๋ฆฌ๋ผ.. ๋ด๊ฐ 16๋ ๋๋ถํฐ ๊ฐ๋ฐ์ ๋ง์์ ๋ถ์ผ ์ ์์๋ค๋ฉด, ์ง๊ธ์ฏค ๋ด ์ธ์์ 180๋ ๋ฌ๋ผ์ ธ์์์ง ๋ชจ๋ฅธ๋ค. ๋น์์ ๋๋ ๋ฌ๋์ปค๋ธ๋ฅผ ๋์ง ๋ชปํ๊ณ ํน ์ฃผ์ ์์ ๋๋์ด์๋ค. ๋จธ๋ฆฌ๊ฐ ๋ฐ๋ผ์ฃผ์ง ์์๋ค. ๊ทธ๋๋ html, css๊น์ง๋ ์ฌ๋ฏธ์๊ฒ ํ๋ ๊ธฐ์ต์ด ๋๋ค. ๊ทธ๋ฐ๋ฐ ๋ฃจ๋น์จ๋ ์ผ์ฆ๋ฅผ ๋ฐฐ์ฐ๋ฉด์ ๋ญ๊ฐ ๋จธ๋ฆฌ๊ฐ ๋์ด ๋ ๊ธฐ๋ถ์ ๋๊ผ๋ค. ๊ทธ๋ ๋์ ๊ฐ์ฅ ํฐ ๋ฌธ์ ๋, ์ํ๊ณต์์ฒ๋ผ ๋ฌด์์ ์ธ์ฐ๋ ค๊ณ ํ๋ค๋ ๊ฒ์ด๋ค. ๊ทธ๋ฐ๋ฐ ์ค์ ์ฝ๋ฉํ๋ ์น๊ตฌ๋ค์ ๋ณด๋, ๊ตฌ๊ธ๋ง์ด ๋ํดํธ์๋ค๋ ๊ฒ์ด๋ค. ๊ทธ๋ฆฌ๊ณ 2020๋ . ๋ค์ 4๋ ๋ง์ ๋๊ณ ๋์ ์ฝ๋ฉ์ ์ธ๊ณ๋ก ๋์์๋ค. ๋๋ ๊ผญ ์ด๋ ๊ฒ ํ ๋ฐ์ ๋๋ฆฌ๋ค. ์ด์ ๋๋์ง๋ ์๊ณ ๊ทธ๋ฌ๋ ค๋ ํ๋ค. ํฌ๊ธฐํ๋ค๊ฐ ๋ค์ ์์ํ๋ ๋จธ์ฑํจ์ด ์์ง๋ง, ์ ๋ ์ ๊ฐ๊ณ ํ๋จ์ ๋ฐ๊พธ๋ ์ผ์ ๋ถ๋๋ฌ์ด ์ผ์ด ์๋๋ค. ์ฌ๋์ ์ ์๋ฆ๋ค์ด ์ผ์ด์ง.
Welcome back!
์์ผ๋ก ๋ค์์ ์ธ๊ฐ์ง์ UXUI ๊ณต๋ถ๋ฅผ ํจ๊ป ํ๋ฉฐ, UXUI์ ์ฝ๋ฉ์ผ๋ก ์ด์ด์ง๋ ๊ทธ ๋งฅ๋ฝ์ ํจ๊ป ์ดํดํด๋ณด๋๋ก ํ๊ฒ ๋ค.
1. HTML
2. CSS
3. Javascript
๋ค์ํ ์ปดํจํฐ ์ธ์ด๊ฐ ์๋๋ฐ, ๊ทธ ์ค์ ์นํ์ด์ง๋ฅผ ๋ง๋๋ ์ธ์ด๊ฐ ๋ฐ๋ก 'html'์ด๋ค.
html์ ์ข์ ์
1) ์ฝ๋ค
2) ์ค์ํ๋ค (์ธ๋ฅ๊ฐ ์์ฐํ๋ ๊ฑฐ์ ๋ชจ๋ ๋์งํธ ์ ๋ณด๋ฅผ ๋ค๋ฃจ๋ ๊ฒ์ด ์นํ์ด์ง์ด๋ฉฐ, ๊ทธ๊ฒ์ ๋ง๋๋ ์ธ์ด๊ฐ ๋ฐ๋ก html์ด๋ค)
3) ์น= Public Domain
์ค๋น๋ฌผ
1. ์น๋ธ๋ผ์ฐ์
2. ์ฝ๋๋ฅผ ์์ฑํ๋ ํ๋ก๊ทธ๋จ = ํธ์งํ๋ ํ๋ก๊ทธ๋จ = ์๋ํฐ
(์ด๋ฏธ ์ฐ๋ฆฌ์ ์ปดํจํฐ์๋ ํ๋ฅญํ ์๋ํฐ๊ฐ ์กด์ฌํ๊ณ ์๋ค.)
ex. ์๋์ฐ -> ๋ฉ๋ชจ์ฅ
๊ทธ๋ฌ๋ ๊ฐ๊ฐ์ ์๋ํฐ๋ง๋ค ์ฌ์ฉ๋ฒ์ด ์ข ๋ค๋ฅด๊ณ , ์ฝ๋ฉ์ ๋ชฉ์ ์ผ๋ก ํ ๊ฒ์ด ์๋๊ธฐ ๋๋ฌธ์,
์ด ์ ์ฉ ๋๊ตฌ = atom์ ์ฌ์ฉํ๊ฒ ๋ค!
ํต์ฌ์, ์๋ํฐ๋ฅผ ์ฐพ์๋ผ ์ ์๋ ๋ฅ๋ ฅ! ๋ ์ข์ ๋ฒ์ , ํ ์์ ์ต์ ์๋ํฐ๋ค์ด ์ ๋ก๋ ๋์ด์์ ๊ฒ์ด๋ค!
HTML Editor ๊ฒ์ or best HTML Editor 2020 ๊ฒ์
๋๋ atom์ด ์ ๊น๋ ค์ ํ ์๊ฐ๋์ ์จ๋ฆํ๋ค๊ฐ.. Visual studio Code๋ฅผ ๊น์๋ค. ๋ด์ผ๋ถํฐ ์์๋ ๋์ ์ฝ๋ฉ ์ฌ์ .. ์ปค๋ฐ ์จ.!