์ ๊ฐ ์์ฃผ ์ ํ๋ ์๊ฒฌ์ด ์์ต๋๋ค. ์ค์ค๋ก ๊ณต๋ถํ๋ ๊ฒ์ ๋ถ๊ฐ๋ฅํฉ๋๋ค. ์ค๋ช ํ๊ณ , ํ์ธํ๊ณ , ์ ์ดํ๋ โโโโ์ด ํ๋ํ ๊ธธ์ ์๋ดํด ์ค ์ ๋ฌธ๊ฐ๊ฐ ํ์ํฉ๋๋ค. ๋๋ ์ด ๋ง์ ๋ฐ๋ฐํ๋ ค๊ณ ๋ ธ๋ ฅํ ๊ฒ์ด๋ฉฐ, ์ด์ ๋ํด์๋ ์์๋ค์ํผ ์ ์ด๋ ํ๋์ ๋ฐ๋ก๋ฅผ ์ ์ํ๋ ๊ฒ์ผ๋ก ์ถฉ๋ถํฉ๋๋ค. ์ญ์ฌ์๋ ๊ณ ๊ณ ํ์ ํ์ธ๋ฆฌํ ์๋ฆฌ๋ง(1822~1890)์ด๋ ์กฐ์ง์์ ์์กด์ฌ์ธ ์์ ๊ฐ ๋์ฝ ํผ๋ก์ค๋ง๋(1862~1918) ๋ฑ ์๋ํ ๋ ํ์(๋๋ ๊ฐ๋จํ ๋งํด์ ๋ ํํ ์์ ๊ฐ)์ ์๊ฐ ์์ต๋๋ค. ๊ทธ๋ ์ต๋๋ค. ์ด ์ฌ๋๋ค์ ๋๋ถ๋ถ XNUMX์ธ๊ธฐ์ ์ด๊ณ , ์ฐ๊ตฌํ๊ณ , ์ฐฝ์กฐํ์ผ๋ฉฐ, ์ ๋ณด ๊ธฐ์ ์ ์ธ๊ณ์๋ ๊ทนํ ๊ฑฐ๋ฆฌ๊ฐ ๋ฉ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์๋ฆฌ์คํ ํ ๋ ์ค๊ฐ ๋งํ๋ฏ์ด ์ฌ์ ํ โํ์ต์ ๊ฐ์ฅ ์ค์ํ ๋ชฉํ๋ ๋ฐฐ์ฐ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์ฐ๋ ๊ฒโ์ ๋๋ค. ์ด ๊ธ์์๋ ๋ ๋ฆฝ์ ์ธ ํ์ต ๊ณผ์ ์ ํจ๊ณผ์ ์ผ๋ก ๊ตฌ์ฑํ ์ ์๋ ์ค์ ์ฌ๋ก๋ฅผ ๊ณต์ ํ๊ฒ ์ต๋๋ค.
์์ง์ ์ค์ค๋ก ๊ณต๋ถํ๋ ๊ฒ์ด ๊ฐ๋ฅํฉ๋๋ค. ๋ํ ๋์ ๊ฒฐ๊ณผ๋ฅผ ์ป๋ ๊ฒ์ด ๊ฐ๋ฅํฉ๋๋ค. ๋น์ ์ ๋๋ ๊ฒ์
๋๋ค : ์์
๊ต์ก ๋ถ์ผ์ ์ฌ๋์ผ๋ก์ (๋๋ ํ๋ จ ์ผํฐ์์ ์ผํฉ๋๋ค "
์ ๋ ์ง์
์ํ ๋ด๋ด(17๋
์ด์) ๊ต์ก ๋ถ์ผ์์ ์ผํด ์จ ์ฌ๋์
๋๋ค. ์ ๋ ๊ต์ก์ ์ฐธ์ฌํ๊ณ ์์ผ๋ฉฐ ๊ต์ก์ ์ฐฌ์ฑํฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋
๋ฆฝ์ ์ธ ํ์ต ๊ณผ์ ์ ํจ๊ณผ์ ์ผ๋ก ๊ตฌ์ฑํ ์ ์๋ ์ค์ ์ฌ๋ก๋ฅผ ์ฌ๋ฌ๋ถ๊ณผ ๊ณต์ ํ๊ณ ์ถ์ต๋๋ค. ์ด๋ฌํ ๊ธฐ์ ์ ๋ด ๊ฐ์ธ์ ์ธ ๊ฒฝํ์ ์ผ๋ฐํํ ๊ฒ์
๋๋ค. ๋ฌผ๋ก , ๋๋ ๊ถ๊ทน์ ์ธ ์ง์ค์ ์ฃผ์ฅํ์ง ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ฌ๋ฌ๋ถ ๊ฐ์๊ฐ ๊ฐ์ธ ์ฐ์ต์ ์ฌ์ฉํ๊ณ ์ถ์ ๊ธฐ์ ์ ํ๋ ์ด์ ์ฐพ์ผ๋ฉด ๋ด ์์
์ด ์๋ฃ๋ ๊ฒ์ผ๋ก ๊ฐ์ฃผํ๊ฒ ์ต๋๋ค.
์ ๊ฐ ๋๋ฆฌ๊ณ ์ถ์ ์ฒซ ๋ฒ์งธ ์กฐ์ธ์ ์์ ์ ๊ต์กํ๊ธฐ๋ก ๊ฒฐ์ ํ๋ค๋ฉด(์ผ๋ง๋ ๋ง์ ์๊ฐ์ ํฌ์ํ ์ํฅ์ด ์๋์ง์ ๊ด๊ณ์์ด: 10๋ถ, ํ ์๊ฐ, ํ๋ฃจ...) ์ด ์๊ฐ ๋์์๋ ๋ค๋ฅธ ์ผ์ ํ์ง ์๋๋ก ํ๋ผ๋ ๊ฒ์
๋๋ค. ์ต๋ํ ํจ๊ณผ์ ์ผ๋ก ๋ง๋์ธ์.
์บ๋ฆฌํฌ๋์ ๋ํ๊ต ์ฌ๋ฆฌํ ๊ต์ ํ ํ์ด๋ฌ(Hal Pashler)๋ โํ๋ฒ๋ ์กธ์ ์์ ๋๋ผ๋ ๋์์ ๋ ๊ฐ์ง ์ผ์ ํ๊ฒ ํ๋ฉด ์ฌ๋ ์ด์ง๋ฆฌ ์์ด์ ๋๊ฐ ๋ ๊ฒโ์ด๋ผ๊ณ ๋งํ๋ค.
๊ณต๋ถํ๋ ๋์ ๋ฉํฐ ํ์คํน์ ํผํ๋ฉด ๊ต์ก์ ์ต๋ํ ํ์ฉํ ์ ์์ต๋๋ค.
ํ์ง๋ง ๋๋ ์ค์ฉ์ ์ธ ๊ธฐ์ ์ ๊ณต์ ํ๊ฒ ๋ค๊ณ ์ฝ์ํ์ต๋๋ค. ํ๋ก ํธ ์๋ ๊ฐ๋ฐ ์ฃผ์ ์ ๋ํ ์ด๋ฌํ ์๊ธฐ ๊ต์ก ๊ธฐ์ ์ ์ค๋ช
ํ๊ฒ ์ต๋๋ค. ์ฒซ์งธ, ์ด ์ฃผ์ ๋ ๋์๊ฒ ๋งค์ฐ ํฅ๋ฏธ๋ก์ ์ต๋๋ค(ํ๊ต ์ปดํจํฐ ๊ณผํ ๊ต์ฌ๋ก ์ผํ๋ฉด์ ์์ด๋ค์๊ฒ ๊ฐ๋ฅด์ณค๋ ์๊ฐ๋ถํฐ). ๋์งธ, ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ๊ฐ์ฅ ์ธ๊ธฐ ์๊ณ ๋น ๋ฅด๊ฒ ์ฑ์ฅํ๋ ๋ถ์ผ ์ค ํ๋์
๋๋ค.
๊ทธ๋ฌ๋ฏ๋ก ์ฐ๋ฆฌ๋ ๋
๋ฆฝ์ ์ผ๋ก ์๋ก์ด ์ง์์ ์ต๋ํ๊ณ ์ค์ฉ์ ์ธ ๊ธฐ์ ์ ์ต๋ํด์ผ ํฉ๋๋ค. ์ด๋์ ๊ตฌํ๋์? ๋น์ ์ ์ถ์ฒ๋ ๋ฌด์์
๋๊น? ์ธํฐ๋ท, ๊ต๊ณผ์, ๊ทธ๋ฆฌ๊ณ ๋ค๋ฅธ ์ฌ๋๋ค - ๊ทธ๋ ์ฃ ? ์ธํฐ๋ท๋ถํฐ ์์ํด ๋ณด๊ฒ ์ต๋๋ค.
1. ํจ๊ณผ์ ์ธ ๊ฒ์
๊ฒ์์ฌ์ดํธ๊ฐ ๋ง์ด ์์ต๋๋ค. ๊ฒ์ ์์ง๋ง๋ค ๊ฒ์ ์๊ณ ๋ฆฌ์ฆ์ด ๋ค๋ฆ ๋๋ค. ๊ฒฐ๊ณผ์ ์ผ๋ก ๋ฒ์๊ฐ ๋ค๋ฆ ๋๋ค. ๊ฐ ๋ฒ์๋ ์ธํฐ๋ท์ ์๋ ์ ๋ณด์ ์ผ๋ถ(๋๋ ๋ ๊ธฐ์ ์ ์ธ ์ฉ์ด๋ก ์์ธ)๋ฅผ ๋ค๋ฃน๋๋ค. ๋ฐ๋ผ์ ์์ค๋ฅผ ์ต๋ํ ํ์ฉํ๋ ค๋ฉด ๋ค์ํ ๊ฒ์ ์์ง์ ์ฌ์ฉํด์ผ ํฉ๋๋ค.
๊ทธ๋ฌ๋ ์์ฒญ๋ ์์ "์ ๋ณด ์์"์ ๋น ์ง์ง ์๋๋ก ๊ฒ์์ ๊ตฌ์ฑํ๋ ๋ฐฉ๋ฒ์ ๋ฌด์์ ๋๊น? ๊ฑด๊ฐํ ๊ณก๋ฌผ์ ์ ํํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์์ผ ํฉ๋๋ค. ์, ์ด์ ๊ฒ์ ์์ง์ ์์ฐ์ด๋ก ์์ฒญ์ ๋ฐ์๋ค์ ๋๋ค. ๊ด๋ จ ๊ฒ์์ด ๊ฒฐ๊ณผ๋ฅผ ์ ๊ณตํ๊ธฐ ์ํ ์๊ณ ๋ฆฌ์ฆ์ ์ง์์ ์ผ๋ก ๊ฐ์ ๋๊ณ ์์ต๋๋ค. ๊ฒ์ ์์ง์ ๋ค์ํ ์ถ๊ฐ ๊ธฐ๋ฅ์ ์ ๊ณตํฉ๋๋ค. ํ์ง๋ง "์ ๋ณด๋ฅผ ํจ๊ณผ์ ์ผ๋ก ๊ฒ์ํ๋ ๋ฐฉ๋ฒ์ ๋ฌด์์ ๋๊น?"๋ผ๋ ์ง๋ฌธ์ด ์์ต๋๋ค. ์ค๋๋ ์๋ ์ฌ์ ํ ๊ด๋ จ์ฑ์ด ์์ต๋๋ค.
๊ฑฐ์ ๋ชจ๋ ๊ฒ์ ์์ง์๋ ๊ณ ๊ธ ๊ฒ์ ๊ธฐ๋ฅ๊ณผ ์ด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ๋ ์ฟผ๋ฆฌ ์ธ์ด๊ฐ ์์ต๋๋ค. ๊ทธ๋ฌ๋ ๋ชจ๋ ์ฌ๋์ด ์ ๊ธฐ์ ์ผ๋ก ์ด ๊ธฐํ๋ฅผ ํ์ฉํ๋ ๊ฒ์ ์๋๋๋ค.
Google์ ์๋ก ๋ค์ด ์ค๋ช ํ๊ฒ ์ต๋๋ค. ํ๋ก ํธ ์๋ ๊ฐ๋ฐ์ ๋ฐฐ์ฐ๊ณ ์ถ๋ค๋ฉด ์ฃผ๋ชฉํด์ผ ํ ๊ธฐ์ ๊ณผ ์ฝ์ ๊ฐ์น๊ฐ ์๋ ๋ฆฌ์์ค์ ๊ด์ฌ์ด ์์ต๋๋ค.
- ํ์ด์ง๋ก ์ด๋
๊ณ ๊ธ ๊ฒ์. - ๋งค๊ฐ๋ณ์๋ฅผ ์ค์ ํฉ๋๋ค. ์๋ฅผ ๋ค์ด:
ใ . ํ๋ฐํธ์๋ ๊ฐ๋ฐ,
๋น. 2018,
์จ. ๊ฒ์์ด: ์์ด,
๋. ๊ตญ๊ฐ: ๋ฏธ๊ตญ,
์ด์ํ. ์ ๋ฐ์ดํธ ๋ ์ง: ์๋ ,
์ํ. ๋จ์ด ๋ฐฐ์น: ํ์ด์ง ์ ๋ชฉ์ ์์ต๋๋ค. - ์ฐพ๊ธฐ๋ฅผ ํด๋ฆญํฉ๋๋ค.
- ๊ทธ๋ฆฌ๊ณ ๊ฒ์ ๊ฒฐ๊ณผ ํ์ด์ง์์ ํด๋น ์ฃผ์ ๋ฅผ ์ฐ๊ตฌํ๋ ๋ฐ ์ถ๋ฐ์ ์ด ๋ ๋ฆฌ์์ค๋ฅผ ์ ํํฉ๋๋ค.
๊ฒ์์ด๋ฅผ ์ธ๋ถํํ๋ ค๋ฉด ๋ค์์ ์ฌ์ฉํ ์๋ ์์ต๋๋ค.
2. ์จ๋ผ์ธ ํ์ต
์ง๊ธ์ฏค์ด๋ฉด ๋๊ตฌ๋ ์ธํฐ๋ท์ ํตํด ๋๊ตฌ๋ ์ด์ฉํ ์ ์๋ ๋๋ ๊ต์ก์ธ MOOC์ ๋ํด ๋ชจ๋๊ฐ ์๊ณ ์์ ๊ฒ์
๋๋ค. ๊ทธ์ค์์๋ ๊ฐ์ฅ ์ ๋ช
ํ ๊ณณ์
๋ด ๊ฐ์ธ์ ์ธ ํํธ ํผ๋ ์ด๋์์ ํ์คํ ๋ฆฌ๋๋
๋ด ๊ฐ์ธ์ ์ธ ์๊ฒฌ์ผ๋ก๋ ๋ฌ์์ ํ๋ซํผ์ ์๋ฃ์ ํ์ง๊ณผ ์ฒญ์ทจ์์๊ฒ ์ ๋ฌ๋๋ ํํ ๋ชจ๋์์ ์ฌ์ ํ ์ธ๊ตญ ํ๋ซํผ๋ณด๋ค ๋ค์ ์ด๋ฑํ์ง๋ง "์์ด๋ฅผ ํ ์ ์์ต๋๊น?"๋ผ๋ ์ง๋ฌธ์ ๋๋ตํ๋ฉด "์ ๋๋ ์๋์ค"๋ผ๊ณ ๋ตํ๋ค๋ฉด ์ด ์ญ์ ํ๋ฅญํ ์ ํ์ ๋๋ค.
์์ ๋ฅผ ์ด์ฉํ์ฌ ์ํ๋ ํ๋ก๊ทธ๋จ์ ์ฐพ๋ ์๊ณ ๋ฆฌ์ฆ์ ์ดํด๋ณด๊ฒ ์ต๋๋ค.
- ๊ฐ์ข ์นดํ๋ก๊ทธ๋ก ์ด๋ -
๋ชฉ๋ก - ์นดํ
๊ณ ๋ฆฌ๋ฅผ ์ ํํ์ธ์:
์นดํ ๊ณ ๋ฆฌ - ํ๋ก๊ทธ๋๋ฐ ๋ฐ ๊ฐ๋ฐ - ํํฐ๋ฅผ "๋ฌด๋ฃ"๋ก ์ค์ : ์ ํ - ๋ฌด๋ฃ ๊ฐ์ข
- ๊ทํ์ ์์ค์ ํ์ํ์ญ์์ค: ๊ธฐ์ ์์ค(์: ์ด๋ณด์)
- ์ฐ๋ฆฌ๋ ์ฐ๋งํ๊ณ ์ถ์ ๊ธฐ์ ์ ์ง์ ํฉ๋๋ค: ๊ธฐ์ - HTML, CSS, JavaScript
- ๊ทธ๋ฆฌ๊ณ ๋ฌด๋ฃ๋ก ๋ฑ๋กํ ์ ์๋ ๊ฐ์ข ๋ชฉ๋ก๋ ์ ๊ณต๋ฉ๋๋ค. ๋๋ถ๋ถ์ด Vendor์ ์ฐธ์ฌ๋ก ๊ฐ๋ฐ๋๊ณ , ์ค์ ํ๋ก์ ํธ์ ๋ํ ๊ต์ก์ด ์ด๋ฃจ์ด์ง๋ค๋ ์ฅ์ ์ด ์์ต๋๋ค.
๊ทํ๊ฐ ์ด๋ณด ์ ๋ฌธ๊ฐ์ด๊ณ ์ด๋ค ์์๋ก ๊ต์ก์ ์ค๋นํด์ผ ํ๋์ง, ์ด๋ค ๊ณผ์ ์ ์๊ฐํด์ผ ํ๋์ง, ์ด๋ค ์์ ์ ํด๊ฒฐํด์ผ ํ๋์ง ๋ชจ๋ฅด๋ ๊ฒฝ์ฐ ์์ ๋ฑ๋กํ ์ ์๋ ๊ธฐํ๊ฐ ์์ต๋๋ค. "์ข ํฉ ํ๋ก๊ทธ๋จ". ๊ต์ก ๋ถ์ผ์ ์ ๋ฌธ๊ฐ๋ค์ ์ด๋ฏธ ์ ์ฒด ๊ต์ก ๊ถค์ ์ ๊ตฌ์ถํ์ผ๋ฉฐ ๋จ์ ๊ฒ์ ๊ทธ๊ฒ์ ๋ฐ๋ฅด๋ ๊ฒ๋ฟ์ ๋๋ค.
ํด๋น ํ๋ก๊ทธ๋จ์ ๊ฒ์ํ๋ ๋ฐฉ๋ฒ
- ๋ค์ ์น์
์ผ๋ก ์ด๋ํด ๋ณด๊ฒ ์ต๋๋ค.
๊ณ ๊ธ ๊ต์ก ํ๋ก๊ทธ๋จ(Nanodegree) - ํ๋ก๊ทธ๋๋ฐ ํ๊ต๋ฅผ ํตํด (
ํ๋ก๊ทธ๋๋ฐ ํ๊ต ) ์ฐ๋ฆฌ๋ ํ์ํ ๋ฐฉํฅ์ ์ฐพ์ต๋๋ค.ํ๋ฐํธ์๋ ์น ๊ฐ๋ฐ์ .
์ฐพ์ ์ฝ์ค ์ค ์ด๋ ๊ฒ์ด ๋ ๋์์ง ์ดํดํ๋ ๋ฐฉ๋ฒ์ ๋ฌด์์
๋๊น? ์ฌ๊ธฐ์๋ ๋ณดํธ์ ์ธ ์กฐ๋ฆฌ๋ฒ์ด ์์ผ๋ฉฐ ๋ชจ๋ ํน์ ์ฌ๋์ ๋ชฉํ, ๋ชฉํ ๋ฐ ์์ง์ ๋ฐ๋ผ ๋ค๋ฆ
๋๋ค. ๊ทธ๋ฌ๋ ๋ช ๊ฐ์ง ๊ถ์ฅ ์ฌํญ์ ๋๋ฆด ์ ์์ต๋๋ค.
- ๋ฆฌ๋ทฐ๋ฅผ ์ฝ๊ณ ๋ค๋ฅธ ์ฌ๋๋ค์ ์๊ฒฌ์ ์์๋ณด์ธ์.
- ์๋ ์ฌ๋
์๊ฐ ๋ด์ฉ, ๊ตฌ์กฐ, ๊ธฐ์ ์ ์ค๋ช ํ๋ ๊ณผ์ ์ ๊ณผ์ ๊ฐ๋ฐ์ ๋ํ ์ ๊ทผ ๋ฐฉ์์ด ์ผ๋ง๋ ์ ๋ฌธ์ ์ธ์ง, ๊ต์ฌ๊ฐ ์ ๊ทผ ๊ฐ๋ฅํ ๋ฐฉ์์ผ๋ก ์๋ฃ๋ฅผ ์ ๊ณตํ๋์ง ์ฌ๋ถ, ์์ ๋ ฅ ๋๋ ์๋ ์ ์ด์ ์ถ๊ฐ ๋ฉ์ปค๋์ฆ์ด ๋ฌด์์ธ์ง ํ๊ฐํ ์ ์๋ ๋จํธ์ ์ ์ํฉ๋๋ค. ์์คํ ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
์ด๋ฌํ ์์๋ค์ ์์งํจ์ผ๋ก์จ ์ด ๊ฐ์ข๋ฅผ ์๊ฐํ ๊ฐ์น๊ฐ ์๋์ง ์ค์ค๋ก ํ๋จํ ์ ์์ต๋๋ค.
๋ ๋ค๋ฅธ ์ผ๋ฐ์ ์ธ ์ง๋ฌธ์ ์๊ธฐ ์กฐ์งํ์ ๊ด๋ จ์ด ์์ต๋๋ค. ์ต๋ 8%์ ํ์์ด ์จ๋ผ์ธ ๊ณผ์ ์ ์ด์ํฉ๋๋ค. ์ฌ๋๋ค์ ํน์ ๋ฌธ์ ์ ๋ํ ํด๊ฒฐ์ฑ
์ ์ฐพ๊ณ ์์ผ๋ฉฐ, ํด๊ฒฐ์ฑ
์ ์ฐพ์๋ง์ ๊ต์ก์ ์ค๋จํฉ๋๋ค. ๋ ๋ค๋ฅธ ์ด์ ๋ ์ฝ์ค ๊ธฐ๊ฐ์
๋๋ค. ๋๋ถ๋ถ์ ์ฌ๋๋ค์ ์ฒ์ฑ์ ์ผ๋ก ๋จ๊ฑฐ๋ฆฌ ์ ์์ด๋ฏ๋ก ์ฅ๊ฑฐ๋ฆฌ ๋ฌ๋ฆฌ๊ธฐ๊ฐ ์ด๋ ต์ต๋๋ค.
๊ทธ๋๋ ๊ณต๋ถ๋ฅผ ๋ง์น๊ณ ์ถ๋ค๋ฉด ์ฐ์ ์๊ธฐ ๊ต์ก์ ํ์ํ ์์ง์ ์ค์ค๋ก ๊ฐ๋ฐํ์ญ์์ค.
- ์๊ฐ์ ๊ณํํ๋ ๋ฒ์ ๋ฐฐ์ฐ์ญ์์ค.
- ์์ ์๊ฒ ๋ง๋ ๋๊ธฐ๋ฅผ ์ฐพ์ผ์ญ์์ค.
- ๊ณต๋ถํ ๋ ์น๊ตฌ๋ฅผ ์ด๋ํ์ฌ ๋ฐฐ์ด ๋ด์ฉ์ ํ ๋ก ํ๊ณ ๋ถ์ํ ์ฌ๋์ ํ๋ณดํ์ญ์์ค.
๋ํ ๊ฒฝ์์ง์ด๋ ๋ค๋ฅธ ์ฌ๋์๊ฒ ์ ๊ธฐ์ ์ด๊ณ ์ต์ข
์ ์ธ ๋ณด๊ณ ๊ฐ ํ์ํ ๊ฒฝ์ฐ ์์ฒด ์กฐ์ง ๋ฌธ์ ๊ฐ ์ฑ๊ณต์ ์ผ๋ก ํด๊ฒฐ๋ฉ๋๋ค. ์ธ์ฆ ์์คํ
๋ ์๋ํ์ง๋ง ์ํ๋ฅผ ํ์ธํด์ผ ํ๋ ๊ฒฝ์ฐ์๋ง ๊ฐ๋ฅํฉ๋๋ค.
3. ์ ๋ฌธ๊ฐ๋ฅผ ์ฐพ์๋ณด์ธ์
๋น์ ์ด ์์งํ ์ ์๋ ์ง์๊ณผ ๊ฒฝํ์ ๊ฐ์ง ์ฌ๋๋ค์ ์ฐพ์ผ์ญ์์ค. ์์ ์ ๊ฒฝํ์ ๊ณต๊ฐ์ ์ผ๋ก ๋ฌด๋ฃ๋ก ๊ณต์ ํ ์ค๋น๊ฐ ๋์ด ์๋ ์ฐ์ํ ์ ๋ฌธ๊ฐ์์ ์ค์ค๋ก ์ ์ฆํ ์ ๊ณ ์ถ์ ์ ์ฌ๋๋ค์ ๋๋ค. ์ด๊ฒ์ด ํ์์ด๊ณ ์ด๋ฐ ์ผ์ด ์ผ์ด๋์ง ์๋๋ค๊ณ ์๊ฐํ์ญ๋๊น? ์ผ์ด๋๋ค. ์ด ์ฌ๋๋ค์ ์ฐพ๋ ๋ฐ ์ฌ์ฉํ ์ ์๋ ๋ช ๊ฐ์ง ํธ๋ฆญ์ด ์์ต๋๋ค.
ํ์ค์ ๊ฐ๋ฐํ๋ ์กฐ์ง๊ณผ ๊ฐ์ ๊ณต์ ์ถ์ฒ๋ฅผ ์ฐธ์กฐํ์ธ์. ๊ทธ๋ค์ ์ ๋ฌธ์ ์ธ ์ฝํ ์ธ ๋ฅผ ๊ฐ๋ฐํ๊ธฐ ์ํด ๋ง๋ค์ด์ง ์ค๋ฌด ๊ทธ๋ฃน์ ๊ฐ์ง๊ณ ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ทธ๋ค์ ๊ดํ ์ ๋ณด๋ ์ผ๋ฐ์ ์ผ๋ก ๊ณต๊ฐ์ ์ผ๋ก ์ด์ฉ ๊ฐ๋ฅํฉ๋๋ค.
๊ตฌ์ฒด์ ์ธ ์๋ฅผ ์ดํด ๋ณด๊ฒ ์ต๋๋ค.
- ์น ์ฌ์ดํธ๋ก ์ด๋
์๋์์ด๋์น ์ปจ์์์ - ์ค๋ฌด ๊ทธ๋ฃน์ผ๋ก ์ด๋ -
์ค๋ฌด ๊ทธ๋ฃน - ๊ทธ ์ค์์ ํ์ฌ ์ฐ๋ฆฌ์๊ฒ ํฅ๋ฏธ๋ก์ด ๊ฒ์ ์ ํํฉ๋๋ค. ์๋ฅผ ๋ค์ด CSS(Cascading Style Sheets)๊ฐ ์์ต๋๋ค.
- ์ฐธ๊ฐ์ ์นดํ
๊ณ ๋ฆฌ๋ก ์ด๋ํ์ฌ ์ด๋ฌํ ํ์ค ๊ฐ๋ฐ์ ์ฐธ์ฌํ๋ ๋ชจ๋ ์กฐ์ง์ ์ก์ธ์คํ ์ ์์ต๋๋ค.
์ฐธ๊ฐ์ - ๊ตญ์ ์ฌํ์์ ์ธ์ ๋ฐ๋ ์ ๋ฌธ๊ฐ, ์ด์ฒญ์ ๋ฌธ๊ฐ๋ฅผ ์ฐพ์ต๋๋ค. ์ด๋๋ ์ ๋ฌธ๊ฐ:
๋ ์ด์ฒผ ์ค๋๋ฅ ,๋ ์ ๋ฒ ๋ก
์ผ๋ฐ์ ์ผ๋ก ์ด ๋ถ์ผ์ ์ ๋ฌธ๊ฐ๋ค์ ์์ ์ ๊ฐ๋ฐ ๋ด์ฉ์ ๊ธฐ๊บผ์ด ๊ณต์ ํฉ๋๋ค. ํ๋ ์ ํ
์ด์
๋
น์์ ์ฐพ์๋ณด๊ณ , ์ฌ์ฉํ ๋ฆฌ์์ค ๋ชฉ๋ก์ ํ์ธํ๊ณ , ์ฌ๋ผ์ด๋์ ์์ฐํ ์ฝ๋๊น์ง ๋ณผ ์ ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ทธ๋ค์ ๋ชจ๋ฒ์์ ๋ฐฐ์ฐ์ญ์์ค.
๊ทธ๊ฑด ๊ทธ๋ ๊ณ , ์ ๋ ํนํ Lea Verou๋ฅผ ์ถ์ฒํฉ๋๋ค. ๊ทธ๋
๋ ๋์ค์๊ฒ ๊ณต๊ฐํ ์ ์๋ "๋ง์๋" ๊ฐ๋ฐ์ ๋ง์ด ๊ฐ์ง๊ณ ์์ต๋๋ค. ๊ทธ๋
๋ ์์ ์ ๋ชจ๋ฒ์ ํตํด ์ ์ธ๊ณ ์๋ง์ ์ฌ๋๋ค์๊ฒ ์๊ฐ์ ์ค๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋๋ ์์ธ๋ ์๋๋ค.
์ ๋ฌธ๊ฐ๋ฅผ ์ฐพ๋ ๋ ๋ฒ์งธ ๋ฐฉ๋ฒ์ ์ํ๋ ์ฃผ์ ์ ๋ํ ์ปจํผ๋ฐ์ค ๋
นํ๋ฌผ์ ์ฐพ์ ์ ์๋ ๋น๋์ค ํธ์คํ
์ฌ์ดํธ๋ฅผ ์ด์ฉํ๋ ๊ฒ์
๋๋ค. ์ด๊ฒ
๊ทธ๋ฆฌ๊ณ ๋ค์ ์๋ฅผ ๋ค๋ฉด ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
- ์ ํ๋ธ๋ก ๊ฐ๋ณด์. ์ฐพ๋ค:
ํ๋ก ํธ์๋ ์ปจํผ๋ฐ์ค - ํจ๊ณผ์ ์ธ ๊ฒ์๋ ์ฌ๊ธฐ์์ ์๋ํ๋ฏ๋ก ๋ฌด์ํด์๋ ์ ๋ฉ๋๋ค. ์ ํ: ํํฐ โ ์ฑ๋
- ๊ทธ๋ฆฌ๊ณ ์ด ์ฃผ์ ๋ฅผ ๋ค๋ฃจ๋ ์ฑ๋ ๋ชฉ๋ก์ด ์ ๊ณต๋ฉ๋๋ค.
- ์: Front-Trends โ ์ฌ์ ๋ชฉ๋ก โ
2017๋ ํธ๋ ๋ - ์ฐ๋ฆฌ๋ ์คํผ์ปค๋ฅผ ์ ํํฉ๋๋ค. ์ ๋ง์ํ์
์ฐ๋ ํฌ๋ผ๋ฒ ์ธ - ๋ฐฐ์ธ ์ ์ด ๋ง์ ํ๋ฅญํ ์ ๋ฌธ๊ฐ์ ๋๋ค. - ์ง์
์ด๋ฅผ ํตํด ์ฌ๋ฐ๋ฅธ ๋ถ์ผ์ ์ ๋ฌธ๊ฐ๋ฅผ ์ฐพ๊ณ ๊ทธ๋ค์ ์ ๋ฌด์ ์ ๊ทผํ ์ ์์ต๋๋ค.
4. ์ธ๊ณต์ง๋ฅ์ด ๋น์ ์ ์ํด ์๋ํ๋๋ก ํ์ธ์
์ฌ๊ธฐ์ ๋ด ์กฐ์ธ์ "๋น ๋ธ๋ผ๋" ์๋์ ๋งค์ฐ ๊ฐ๋จํ๊ณ ๋ค์ ๋ชจ์์ ์ ๋๋ค. "๋์งํธ ํ์ "์ ๋จ๊ฒจ์ฃผ์ธ์.
- "์ ์ฌํ" ์ฑ๋์ ์ ๊ณต๋ฐ์ผ๋ ค๋ฉด ์ฑ๋์ ๊ตฌ๋ ํ์ธ์.
- ๋น๋์ค ๋ฐ ์๋ฃ๋ฅผ "์ข์์"ํ๊ณ ๋ถ๋งํฌํฉ๋๋ค.
- ์์ ๋คํธ์ํฌ์์ ๊ด์ฌ ์๋ ์ ๋ฌธ ์ปค๋ฎค๋ํฐ ํ์ด์ง๋ฅผ ๊ตฌ๋ ํ์ธ์.
๊ทธ๋ฆฌ๊ณ โ๋์งํธ ํ์ โ์ ๊ธฐ๋ฐ์ผ๋ก ๊ทํ๊ฐ ๊ด์ฌ ์๋ ์ฃผ์ ์ ๊ด๋ จ๋ ์ ์์ ๋ฐ๊ฒ ๋ฉ๋๋ค. ์ ์ฉํ ์ ๋ณด์ ์ค์ ์ฌ๋ก๋ฅผ ์ป์ ์ ์๋ ์ ๋ฌธ ์ปค๋ฎค๋ํฐ์ ๋ค์ด๊ฐ ์ ์๋ ๊ธฐํ์ ๋๋ค.
5. ์ฑ ์ฝ๊ธฐ
์ธํฐ๋ท๊ณผ ์๋ง์ ์จ๋ผ์ธ ์ฝ์ค์์ ์ ๊ทผ ๊ฐ๋ฅํ ์ ๋ณด๊ฐ ์ ๊ณต๋จ์ ๋ฐ๋ผ ์ฑ ์ ์ฝ๋ ๊ฒ์ด ๋ ์ด์ ๊ด๋ จ์ฑ์ด ์๋ค๋ ์๊ฒฌ์ด ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ด๊ฒ์ ๊ทผ๋ณธ์ ์ผ๋ก ์๋ชป๋ ๊ฒ์ ๋๋ค.
์ฑ ์ ํน์ ๊ฐ๋ , ์์ด๋์ด, ๋ฌธ์ ๋ฐ ๊ธฐ์ ์ ๋ํ XNUMX์ฐจ์์ ์ธ ๊ด์ ์ ์ป๋ ๋ฐ ํ์์ ์ ๋๋ค. ๊ทธ๋ค์ ๋น์ ์ ์์ผ๋ฅผ ๋ํ๊ณ ์๋ฃ์ ๋ํ ์ฌ์ธต์ ์ธ ์ฐ๊ตฌ๋ฅผ ์ํด ๊ณ ์๋์์ต๋๋ค.
๊ทธ๋ฌ๋ ํจ๊ณผ์ ์ผ๋ก ์ฝ์ด์ผ ํฉ๋๋ค.
์ฝ์ ์ฑ ์ ์ด๋ป๊ฒ ์ ํํ๋์?
์ด๋ก ์ ์ฐ๊ตฌ์๋
๊ธฐ์ ๋ฌธํ์ ๊ดํด ์ด์ผ๊ธฐํ๋ ๊ฒฝ์ฐ ์ ๋ ๊ฐ๋จํ ๋
ผ๋ฆฌ๋ฅผ ๋ฐ๋ฆ
๋๋ค. ๊ถ์ ์๋ ์ถ์ฒ์ ๊ถ์ฅ ์ฌํญ์ ์ฌ์ฉํฉ๋๋ค. ์ฌ๊ธฐ์ ๋งํ๋ ์ ๋ฌธ๊ฐ๋ ์
๊ณ์์ ์ธ์ ๋ฐ๋ ์ ๋ฌธ๊ฐ๋ฅผ ์๋ฏธํฉ๋๋ค.
์ผ๋ฐ์ ์ผ๋ก ๋๋ ์ค๋ฌด ์ค์ฌ์ ์์ค๋ฅผ ์ ํธํฉ๋๋ค. ๋์์ ๋์๊ฒ๋ ๋ค์์ด ๋งค์ฐ ์ค์ํฉ๋๋ค.
- ํ๋ ์ ํ ์ด์ ์ธ์ด๊ฐ ๋จ์ํ๊ณ ์ธ๊ฐ์ ์ด ๋๋๋ก(๋๋ ์ง๋ฌธ์ ํ๊ณ ์ฝ์ ๋ ์๊ฐ์ด ๊ฐ๋๋๋ ๋๋ด ์ฑ ์ ์ข์ํฉ๋๋ค)
- ๋ฐฐ์น๋ ์ฌ๋ฃ์ ํ์ง. ๋ฌผ๋ก ์ฝํ ์ธ ๊ฐ ๋ ๊ฐ์น๊ฐ ์์ต๋๋ค. ํ์ง๋ง ํฌ์ฅ์ง๋ฅผ ํตํด ์ฐ๋ฆฌ๋ ์ฑ ์ ๋ค์ด๊ฐ ์ ์ฑ์ ์ถ๋ก ํ ์ ์๊ณ , ์ฑ ์ ์๋ช ์ ๋ถ์ด๋ฃ๋ ๋ฐ ๋ค์ธ ์๊ฐ๊ณผ ๋ ธ๋ ฅ์ ๋ํ ์์ด๋์ด๋ฅผ ์ป์ ์ ์์ผ๋ฉฐ, ์ ์(๋ฐ ๊ด๋ จ ํ ์ ์ฒด)๊ฐ ์ฌ๋ฐ๋ฅธ ๋ฐฉ๋ฒ์ ๋ชจ์ํ ์ ์์ต๋๋ค. ์ฑ ์ ํตํด ์์ ์ ํํํด๋ณด์ธ์. ๊ทธ๋ค์ด ๋งํ๋ฏ์ด ์ ๋ง๋ ์ธ๋ถ ์ฌํญ์ ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋๋ ์ ๋ง๋ก ๊ทธ๊ฒ๋ค์ ์์์ฐจ๋ ธ์ต๋๋ค.
์ ๊ฐ ๊ผญ ์ถ์ฒํ๋ ์ฑ ์ ์๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
์ค๋ ํด๋ผํฌ. ์น์ ์ํ ์ํธ ๋๋ ์ ๋ ์ ๋ฒ ๋ฃจ. CSS ๋น๋ฐ: ์ผ์์ ์ธ ์น ๋์์ธ ๋ฌธ์ ์ ๋ํ ๋ ๋์ ์๋ฃจ์ ์๋ด ์๋จ, ์คํฐ๋ธ ์ผ๊ฑฐ. ๋ฆฌํฉํ ๋ง UI ํค์ด๋ ํผ์ปค๋ง. ํฌ๊ด์ ์ธ ๋์์ธ ํจํด
6. ๋ค์ํ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ์ธ์
โ๋๋ ๋ด ์์ด ํ๋ ์ผ๋ง ๊ธฐ์ตํ๋คโ โ ์ด๊ฒ์ด ์ธ๊ณ ๊ต์กํ ๊ดํ์์ ์๋ ค์ง โํ๋์ ํตํ ํ์ตโ์ ๊ต์ก ์๋ฆฌ๋ฅผ ํด์ํ๋ ๋ฐฉ๋ฒ์ ๋๋ค.
์กฐ๋ง๊ฐ ์ค์ ๋ก ์ถ์ ๋ ๋ชจ๋ ์ง์์ ์ด๋ป๊ฒ๋ ํตํฉํด์ผ ํ ๊ฒ์ ๋๋ค. ์ง์์ ์ผ๋ก ํ๋ จํด์ผ ํฉ๋๋ค. ์ด๋ ๊ฒ ํ๋ ค๋ฉด ๊ทธ๋ฌํ ํ๋ จ์ ๊ฐ์ฅ ํจ๊ณผ์ ์ผ๋ก ๊ตฌ์ฑํ ์ ์๋ ํน๋ณํ ๋๊ตฌ๋ฅผ ์ฐพ์ผ์ญ์์ค.
์ด ๋๊ตฌ๋ ์ด๋์ ๊ตฌํ ์ ์๋์?
์ด์ ์์ ์ค ํ๋(์์ ๋๊ตฌ๋ฅผ ๊ณต์ ํ๋ ์ ๋ฌธ๊ฐ)๋ฅผ ๋ฐํ์ผ๋ก ์ ๋ฌธ๊ฐ์ ๋ธ๋ก๊ทธ์ ์๋ฃ๋ฅผ ๊ฒ์ํ๋ ์ฌ์ดํธ์์ ํฅ๋ฏธ๋ก์ด ํ๋ก์ ํธ๋ฅผ ์ฐพ์ ์ ์์ต๋๋ค. ์ด๋ฌํ ํ๋ก์ ํธ๋ฅผ ํตํด ๊ณต๋ถํ๊ณ ์๋ ์๋ก์ด ๊ธฐ์ ๊ณผ ์์ ๋ฐฉ์์ ์ค์ตํ๊ณ ์์ ๋ง์ ๋ ธํ์ฐ๋ฅผ ๊ฐ๋ฐํ ์ ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ทธ๊ฒ๋ค์ด ๋ง์ด ์์ต๋๋ค.
์๋ฅผ ๋ค์ด ์ ๋๋ฉ์ด์ ์์ ์ ๋๋ฉ์ด์ ์์ฑ์ ์๊ฐ ๋ณํ๋ ์ผ๋ถ ๊ณก์ ์ผ๋ก, ๋ ์ ํํ๊ฒ๋ ํด๋น ๋งค๊ฐ๋ณ์(๊ณ์) ์งํฉ์ผ๋ก ์ค๋ช ๋ฉ๋๋ค. ์์ฒญ์์ ๊ด์ ์์ ๋ณผ ๋ ๊ฐ์ฅ ํ์ค์ ์ธ ์ ๋๋ฉ์ด์ ํจ๊ณผ๋ ์๊ฐ์ ๋ฐ๋ผ ๋น์ ํ์ ์ผ๋ก ๋ฐ์ํฉ๋๋ค(์ด๋ฅผ ํ์ ํ๋ ค๋ฉด ์ํธ ๋์ฆ๋๊ฐ ์ ํ ์ ๋๋ฉ์ด์ ์๋ฆฌ๋ฅผ ์ ์ ์์งํ๋ ๊ฒ์ผ๋ก ์ถฉ๋ถํฉ๋๋ค). ์๋ฅผ ๋ค์ด, ์ผ๋ถ ๊ฐ์ฒด๋ ์ ์ฐจ์ ์ผ๋ก ์์ง์ด๊ธฐ ์์ํ๋ค๊ฐ ์๋๊ฐ ์ฆ๊ฐํ๋ค๊ฐ ์ ์ฐจ ๊ฐ์ํ๊ธฐ ์์ํฉ๋๋ค. ์ํ์ ์ผ๋ก ์ด๋ฌํ ์ข ์์ฑ์ ๋ฒ ์ง์ด ๊ณก์ ์ ์ฌ์ฉํ์ฌ ์ค๋ช ๋ฉ๋๋ค.
๋ํํ ์๋ฎฌ๋ ์ดํฐ ์ดํด๋ณด๊ธฐ
- ์ฌ์ฉ์ ์ ์(
์ํฅ๋ ฅ ) - ์ ๋๋ฉ์ด์ ์๊ฐ์ 1,5~2์ด๋ก ์ค์
- ํ ์คํธ ์คํ - ์ฌ๋ฐ๋ฅธ ์ ๋๋ฉ์ด์ ํจ๊ณผ๋ฅผ ์์ฑํฉ๋๋ค. ์์ ์์ ์ค๋น, ์์ ์์ฒด ๋ฐ ์๋ฃ ์ ๊ด์ฑ์ด ์์ต๋๋ค.
๋ ํฅ๋ฏธ๋ก์ด ์:
๋ด ๊ด์ ์์ ๋ณผ ๋ ๊ฐ์ฅ ์ค์ํ ๋ช ๊ฐ์ง ์ฌํญ์ ๋ํด ๋ ์์ธํ ์ค๋ช ํ๊ฒ ์ต๋๋ค.
- ๋น๋ฐ๋ฒํธ ์๊ตฌ ์ฌํญ ํ์ธ
Reg์ค๋ช ๋ ๋์ดํฐ :
์์
: ์ฌ์ฉ์ ๋น๋ฐ๋ฒํธ๋ฅผ ์
๋ ฅํ๋ ๋ฐ ์ฌ์ฉ๋๋ ์์ ํ๋๋ ํ๋ ์ด์์ ์ซ์, ๋ฌธ์(๋์๋ฌธ์์ ๊ด๊ณ ์์) ๋ฐ ๊ธฐํธ๋ฅผ ํฌํจํ๋ ์ต์ 6์ ๊ธธ์ด์ ์ํ์ค๋ง ๊ฐ๋ฅํ ๊ฐ์ผ๋ก ํ์ฉํด์ผ ํฉ๋๋ค. ํ์ธ์ ํ์ค ๋ธ๋ผ์ฐ์ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ์ฌ ์ฌ์ฉ์ ์ธก์์ ์ํ๋์ด์ผ ํฉ๋๋ค(์ด ๋ชฉ์ ์ ์ํด
- /^.{6,}$/ - ์์์ 6์
- /^(?=.*d).{6,}$/ - ๊ทธ ์ค ์ ์ด๋ ํ๋๋ ์ซ์์ ๋๋ค
- /^(?=.*d)(?=.*[az]).{6,}$/i - ๊ทธ ์ค ์ ์ด๋ ํ๋๋ ๋ฌธ์์ ๋๋ค(๋์๋ฌธ์๋ ์ค์ํ์ง ์์)
- /^(?=.*d)(?=.*[az])(?=.*[W_]).{6,}$/i - ๊ทธ ์ค ์ ์ด๋ ํ๋๋ ๋ฌธ์์ ๋๋ค(๋ฌธ์ ๋๋ ๋ฌธ์๊ฐ ์๋). ์ซ์)
- ๋ ๋ค๋ฅธ ์๋ ํจํด ๊ฐค๋ฌ๋ฆฌ์
๋๋ค.
CSS3 ํจํด ๊ฐค๋ฌ๋ฆฌ : ์ฝ๋๊ฐ ๊ธฐํํ์ ์ธ ํจํด์ผ๋ก ๋ณํ๋ ๋ชจ์ต์ด ์ ๋ง ๋๋์ต๋๋ค!
์ผ๋ จ์ ํ๋ :
- ๊ท๋ชจ 90 %
- ์ง๊ทธ์ฌ๊ทธ - ๋ฐฐ๊ฒฝ ์ฝ๋
์ฃผ์ ์์ด๋์ด๋ ์ ๋ฌธ ์น์ฌ์ดํธ์์ ๋ฌด๋ฃ๋ก ์ ๊ณต๋๋ ๋ค์ํ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ์ฌ ์์ ํ ๋ฌด๋ฃ๋ก ๊ธฐ์ ์ ์ฐ๋งํ ์ ์๋๋ก ํ๋ ๊ฒ์
๋๋ค.
7. ์ ๋ฌธ๊ฐ๊ฐ ๋์ธ์
์ผ๋จ ์ต์ํด์ง๋ฉด ๋ค์ ๋จ๊ณ๋ก ๋์๊ฐ์ ์ค์ค๋ก ์ ๋ฌธ๊ฐ๊ฐ ๋์ญ์์ค.
์ด๋ป๊ฒ ํ๋์? ์ฉ์ดํ๊ฒ.
์ ์๋์ ๋ํ ์ด์ผ๊ธฐ๋ฅผ ๊ธฐ์ตํ์ธ์. "๋๋ ๊ทธ๋ค์๊ฒ ์ธ ๋ฒ ๋งํ๊ณ ์ด๋ฏธ ๋ชจ๋ ๊ฒ์ ์ดํดํ์ง๋ง ๊ทธ๋ค์ ์ดํดํ์ง ๋ชปํ ๊ฒ์ ๋๋ค." ์ง์์ ํตํฉํ๋ ค๋ฉด ์ง์์ ์ ํํด์ผ ํฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋๊ตฌ๋ก์ StackOverflow ์๋น์ค๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ด ์ข์ต๋๋ค. ์ด๋ ๊ฐ๋ฐ์๊ฐ ์ ๋ฌธ์ ์ธ ์ง๋ฌธ์ ๋ํ ๋ต๋ณ์ ์ฐพ์ ์ ์๋๋ก ํน๋ณํ ์ ์๋ ๋ฆฌ์์ค์ ๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ฐ์ ์ฌ๋๋ค, ์ฆ ๊ฐ๋ฐ์๋ค์ด ๋๋ตํฉ๋๋ค. ์ด๊ฒ์ด ๋ฐ๋ก ๊ฐ ๋ฌธ์ ์ ๋ํ ํด๊ฒฐ์ฑ ์ด ์๋ ๊ด๋ฒ์ํ ๋ฌธ์ ๋ฐ์ดํฐ๋ฒ ์ด์ค๊ฐ ์์ง๋๋ ๋ฐฉ๋ฒ์ ๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋น์ ์ ์ด๋ฌํ ์ง๋ฌธ์ ๋ํ ๋ต๋ณ์ ์ ์๊ฐ ๋ ์ ์์ผ๋ฉฐ, ํน์ ์ฃผ์ ๋ฅผ ์ดํดํ๊ณ ๊ฒฝํ์ ๊ณต์ ํ ์ ์์ต๋๋ค.
์ผ์์ด์กฐ๋ก ๋ ๋ง๋ฆฌ์ ์๋ฅผ ์ฃฝ์ด๋ ๊ฒ์ ๋๋ค. ์ฒซ์งธ, ์ด ๋ฌธ์ ๋ฅผ ์ค์ค๋ก ํด๊ฒฐํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์๋๋ค. ๋์งธ, ์๋ฃจ์ ์๊ณ ๋ฆฌ์ฆ์ ๋ํด ์ด์ผ๊ธฐํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์ฐ๊ณ ์ด๋ฅผ ํตํด ์๋ก์ด ์ง์์ ๋ฉ๋ชจ๋ฆฌ์ ๋ณด๋ค ์์ ์ ์ผ๋ก ํตํฉํฉ๋๋ค.
์์
์์
- ๊ฒ์ ํ๋์ ๊ฒ์์ด๋ฅผ ์ ๋ ฅํ์ธ์. ์: CSS
- ๊ฒฐ๊ณผ์ ์ผ๋ก ์ฐ๋ฆฌ๋ "CSS" ํ๊ทธ๊ฐ ํฌํจ๋ ๋ชจ๋ ์ง๋ฌธ์ ์ถ๋ ฅ์ ๊ฐ๊ฒ ๋์์ต๋๋ค.
- ๋ต๋ณ ์์ ํญ์ผ๋ก ์ด๋ํฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ฐ๋ฆฌ๋ ์ป์ต๋๋ค
ํ๋ ๋ฒ์๊ฐ ๋๋ค
๋๋ :
https://ru.stackoverflow.com/ ํ๊ทธ - ์ฐ๋ฆฌ๋ ๋์ผํ ์๋๋ฆฌ์ค๋ฅผ ๋ฐ๋ฆ ๋๋ค.
์์ง ๋ง์ธ์
๊ฒฐ๊ณผ
์ ๋ ์ฌ๋ฌ๋ถ์ด "ํ์ตํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์ฐ๊ณ " ์๊ธฐ ๊ต์ก ๊ณผ์ ์ ๋์ฑ ํจ๊ณผ์ ์ผ๋ก ๋ง๋๋ ๋ฐ ๋์์ด ๋๋ ๋ช ๊ฐ์ง ๊ฐ๋จํ ๊ธฐ์ ์ ์ฌ๋ฌ๋ถ๊ณผ ๊ณต์ ํ์ต๋๋ค.
- ํจ๊ณผ์ ์ผ๋ก ๊ฒ์ํ์ธ์.
- ๋๊ท๋ชจ ์จ๋ผ์ธ ๊ฐ์ข๋ฅผ ์๊ฐํ๊ณ ์๋ฃํ์ธ์.
- ๋ฐฐ์ฐ๊ณ , ์ด์ผ๊ธฐํ๊ณ , ์๋ดํ ์ ์๋ ์ ๋ฌธ๊ฐ๋ฅผ ์ฐพ์ผ์ธ์.
- ์ธ๊ณต ์ง๋ฅ์ ํ์ ํ์ฉํ์ธ์. "๋์งํธ ํ์ "์ ๋จ๊ฒจ์ ์์ ์๊ฒ ์ ํฉํ๋๋ก ํ์ฌ ์ ๋ฌธ ๋ถ์ผ์ ์งํ์ ๋ํ๋ณด์ธ์.
- ์ฑ ์ ์ฝ์ด๋ณด์ธ์. ์์์ ์ผ๋ก ๊ทธ๋ค์ ์ ํ์ ์ ๊ทผํ์ญ์์ค. ์๊ฐ๊ฐ ๋น์ ์๊ฒ ์ง๋ฌธ์ ํ๊ณ ๋น์ ์ ์ฌ๊ณ ๋ฅผ ์๊ทนํ๋ ์ฌ๋๋ค์ด ๊ฐ์ฅ ์ ํฉํฉ๋๋ค. ๋ฏธํ์ ์์๋ฅผ ์์ง ๋ง์ธ์. ๋ ์๋ ์ง์ ์ฆ๊ฑฐ์ ๊ทธ ์ด์์ ๊ฐ์ ธ๋ค์ฃผ์ด์ผ ํฉ๋๋ค.
- ์ ๋ฌธ๊ฐ๊ฐ ์ ๊ณตํ๋ ๋ค์ํ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ์ฌ ๊ต์กํ์ธ์. ๊ทธ๋ฆฌ๊ณ ์คํํ๋ ๊ฒ์ ๋๋ ค์ํ์ง ๋ง์ธ์.
- ๋ง์ง๋ง์ผ๋ก, ์ถ์ ๋ ์ง์์ ์ค์ฒ์ ์ฎ๊ธธ ์ ์๋๋ก ์ค์ค๋ก ์ ๋ฌธ๊ฐ๊ฐ ๋์ญ์์ค.
๊ทธ๋ ๋ค๋ฉด ๊ต์ก ์ผํฐ๊ฐ ์ ํ์ํ๊ฐ์?
๋๋ ๋๋ต ํ ๊ฒ์ด๋ค :
๋คํธ์ํฌ ์์นด๋ฐ๋ฏธ์ ๊ณต์์ด ์ด๋ ค ์์ต๋๋ค!
์ถ์ฒ : habr.com