์๋ ํ์ธ์!
์ด๋ฒ ํฌ์คํ ์ ์น ๊ฐ๋ฐ์ ๊ธฐ์ด๋ผ๊ณ ํ ์ ์๋, ๋ผ์ด ๋์ ์ ์๋ ์น๊ฐ๋ฐ์ ๋ฒ ์ด์ค 3์ข ์ธํธ!
HTML+CSS+JavaScript ์ ๊ณต๋ถ ๋ฐฉ๋ฒ๊ณผ ๊ณต๋ถ ์์์ ๋ํด์ ๋ง์๋๋ฆฌ๊ณ ์ ํฉ๋๋ค.
๋ฌด๋ฃ ๊ฐ์ ์ฌ์ดํธ์ ์ข์ ์ฑ ๋ค์ด ์์ค์ ๋๋ฆฌ๊ณ ๋๋ ธ์ฃ !
๊ทธ ์ค์์๋, ์ ๋ง ๋์์ด ๋์๋ ์ฑ ์ถ์ฒ๊ณผ ์น ๊ฐ๋ฐ ๋ ํ์ ๋์๋๋ ์์ง ๊ณต๋ถ ์ฌ์ดํธ๋ฅผ ์๊ฐํด๋๋ฆด๊ฒ์.
์ ๊ฐ ์ง์ ๊ณต๋ถํ ๋ ์ด์ฉํ๋ ๊ฒ๊ณผ ์ถ์ฒ๋ฐ์๋ ๊ฒ๋ค ์ค์์ ํ์์ ์ธ ๊ฒ๋ง ์๊ฐํด๋๋ฆฌ๋ ๊ฑฐ๋๊น,
์ด๊ฒ์ ํ ๋๋ก ๋ ๋ง์ ๊ณต๋ถ๋ฅผ ํด๋ณด์๋ ๊ฒ์ด ์ข๊ฒ ์ต๋๋ค!
์๋ ์์๋ ๊ณต๋ถ ์์๋ผ๊ณ ๋ณด์ ๋ ๋ฌด๋ฐฉํฉ๋๋ค.
1. ์ํ์ฝ๋ฉ https://opentutorials.org/course/3085
์ ๊ฐ ๋ ๋ง์๋๋ฆด ๊ฒ๋ ์์ต๋๋ค. ๋๋ฌด๋ ์ ๋ช ํ ์ด๊ณ ์๋์ ์ํ์ฝ๋ฉ ๊ฐ์์ ๋๋ค.
์ธํ๋ฐ์ ์ด์ฉํ๊ณ ๊ณ์ ๋ค๋ฉด ์ธํ๋ฐ(https://www.inflearn.com/course/html-%EA%B8%B0%EC%B4%88)์์๋ ๋ฌด๋ฃ๊ฐ์๋ก ๋ค์ผ์ค ์ ์์ด์.
์ํ์ฝ๋ฉ ์ฅ์
- ์ด๊ณ ์๋์ ์ฐ์ํ ๊ฐ์๋ ฅ(์ ๊ฐ์๊ฐ ์ฌ๋ฐ์ฃ ?)
- ์น์ ๋ํ ๊ฐ๋ ๊ณผ ๋๋์ ์ป์ผ์ค ์ ์๊ณ , ํธ๊ฐ์ ๊ฐ์ง ์ ์์ด์!
- ํผ์์ ๊ณต๋ถํ๋๋ฐ๋ ์ธ๋กญ์ง ์์์! ๋ํํ๋ ๋ฏํ ๊ฐ์๋ ฅ!
์ํ์ฝ๋ฉ ๋จ์
- ๋น๊ต์ ์ค๋๋ ๊ฐ์๋ผ๋ ์ ..!
๊ทธ๋์ ์ด ๊ฐ์๋ ๊ฐ๋ณ๊ฒ ์๊ฐํด๋ณด์๊ณ ๋ค์์ผ๋ก ๋์ด๊ฐ์๋ค. ์ด๋ ต์ง ์์ ๋ด์ฉ์ด๋๊น์.
2. Do it! ์ด์ง์ค ํผ๋ธ๋ฆฌ์ฑ ์ฑ <Do it! HTML+CSS+์๋ฐ์คํฌ๋ฆฝํธ ์น ํ์ค์ ์ ์>
์ด ์ฑ ์ ์๋ ํ์๋ ค๋ฉด ์์ ์นดํ์ ๊ผญ ๊ฐ์ ํ์ธ์.
์ง๋ฌธ์ ๋จ๊ธฐ๋ฉด ์ ์๊ฐ ์ง์ ๋ตํด์ฃผ์๊ธฐ๋ ํ๊ณ , ๋ค๋ฅธ ๋ ์๋ค๊ณผ ๊ณ์ํด์ ์ํตํ๋ ์ข์ ์ปค๋ฎค๋ํฐ์ ๋๋ค.
๊ตฌ์ ํ ์ฑ ์ ์นดํ ๊ณ ๋ฆฌ(๋ฉ๋ด)์ ๋ค์ด๊ฐ๋ฉด, ์ ์ ์ง๊ฐ ๋์์ ๊ฐ์ ๋งํฌ๋ ์ ๊ณต๋์ด์์ต๋๋ค.
๋ ํ์ด์ง๋ง ํจ๊ป ํ์์์ ๊ณต๋ถํ๋ ๋๋, ์คํฐ๋๋ฅผ ํ๊ณ ์๋ ๋๋์ ๋ฐ์ ์ ์์ต๋๋ค.
๊ฒ๋ค๊ฐ, ์ค์ต์ด๋ ๊ณต๋ถํ ๊ฒ์ ๊ฐ๋ณ๊ฒ ์ ๋ก๋ํด์ ์๋ ์ธ์ฆ์ ์ฑ๊ณตํ์๋ฉด ๋ฌด๋ฃ๋ก ์ฑ ์ ์ ๊ณต๋ฐ์ ์๋ ์์ด์!
๊ทธ๋ฆฌ๊ณ ์ด ์ถํ์ฌ์ ์ฑ ์ ๋ฐ๋ผ ๋ค์ ๋จ๊ณ๋ฅผ ๊ณต๋ถํด๋ณด์ธ์!
๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ฐ๋ผ, SW ๊ตฌ์กฐ์ ๋ฐ๋ผ ๋ง์ ์ฑ ๋ค์ด ์ ๊ณต๋๊ณ ์๋๋ฐ, ๋จ๊ณ๋ณ๋ก๋ ์ค๋ช ๋์ด์์ผ๋ ๋ฐ๋ผ๊ฐ์๊ธฐ ์ข์ต๋๋ค.
์ด์ ๋๋ง ํ์ ๋ ์น ๊ธฐ์ด๋ ์๋ฒฝํฉ๋๋ค. 2๊ฐ์ง ๋ฐ์ ์์ฃ ?
๋๋๊ฒ๋ ๊ฐ๋ฐ๊น์ง๋ ๊ฐ๋ฅํ ๋จ๊ณ๊ฐ ๋์ญ๋๋ค. (์ค์ต์ ์ ๋ฐ๋ผํ์ จ๋ค๋ฉด์!)
๊ทธ๋ผ ์ด์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ, React๋ผ๋์ง, Vue ๋ฑ์ ๋ฐฐ์ฐ์๋ฉด ๋ฉ๋๋ค.
์๋๋ฉด ์ด ๊ธ์ ์ฝ๊ณ ์๋ ๋ ์๋๊ป์ ํ์ฌ ์ ํํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฐพ์ ๊ณต๋ถํ์ ๋ ๋ฉ๋๋ค!
๋, ๊ฐ๋ฐ์ ๊ธฐ์ด์ธ, SW ๊ตฌ์กฐ์ ๊ธฐ์ด์ธ, ํ๋ ์์ํฌ Spring, BootStrap ๋ฑ๋ ๊ณต๋ถํ์ ์ผ๊ฒ ์ฃ .
์ปดํจํฐ ๊ณตํ๋์ด์๋ผ๋ฉด, ํ๊ต์์ ๋ฐฐ์ฐ๋ ๋ด์ฉ ๋ง๊ณ ๋ ๊ผญ ๋ฐ๋ก ๊ณต๋ถํ์ ์ผ ํฉ๋๋ค.
ํ๊ต์์ ๋ฐฐ์ฐ๋ ๊ฒ์ด ์์ด ๊ธฐ์ด๋ผ๋ฉด,
๋ค๋ฅธ ํ๋ซํผ์์ ๋ฐฐ์ฐ๋ ๋ค์ํ ๋ด์ฉ๋ค์ ๋ฌด์ญ์์ด, ๋น์ฆ๋์ค์์ด, ์ํ์์ด... ๋ผ๊ณ ์๊ฐํ์๋ฉด ๋๊ฒ ์ต๋๋ค.
๋ค๋ค ์ด์ฌํ ๊ณต๋ถํ์๊ณ , ์ฑ๊ณตํ ๊ฐ๋ฐ์ ๋์๊ธฐ ๋ฐ๋๋๋ค ~!
๋๊ธ