[์ํ์ฝ๋ฉ] WEB2- Javascript 1๊ฐ, 2๊ฐ, 3๊ฐ, 4๊ฐ, 5๊ฐ, 6๊ฐ(script, event, console, Datatype_string ๋ฌธ์์ด๊ณผ ์ซ์)
Hello Javascript html์ ์ ์ ์ด๋ค. ์ฌ๋๋ค์ ์นํ์ด์ง๋ ๊ฒ์์ฒ๋ผ ๋์ ์ผ๋ก ์ํธ์์ฉํ ์ ์๊ธฐ๋ฅผ ๋ฐ๋ผ๊ฒ ๋์๋ค. ์น์ html๋ก ๋ง๋ค๊ณ , Javascrpit๋ฅผ ์น์ด์ html์ ์ ๋ณด์ ์๋ฐ์คํฌ๋ฆฝํธ์ ๊ธฐ๋ฅ์ ๋ชจ๋ ๊ฐ์ถ, ์ ๋ฌดํ๋ฌดํ ์ ์ผ๋ฌด์ดํ ์์คํ
์ผ๋ก ์ฑ์ฅํ๋ค! html์ด ์ ๋ณด๋ผ๋ ๋ฉ์ถฐ์๋ ์ด๋ฏธ์ง๋ฅผ ๊ทธ๋ฆฌ๋ ๊ฒ์ด๋ผ๋ฉด, ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ง์น ์ํ์ฒ๋ผ ์์ง์ด๊ฒ ํ๋ค! ๋๊ธ์ ๋๊ฐ ๊ทธ๋ฐ ๋ง์ ๋จ๊ฒผ๋ค. dog=html beautiful=css ์ฆ, Beautiful dog = html + css ๊ฑฐ๊ธฐ๋ค "bark'๋ผ๋ Javascript. ์ฆ, A beautiful dog barks = html+css+js [์ํ์ฝ๋ฉ] ์๋ฐ์คํฌ๋ฆฝํธ ํธ์, ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ๊ณผ์ ์์, ํ์ํ ๋ฌธ๋ฒ์ ์ฑ๊ฒจ๊ฐ๋ ์ฌ์ ์ด๋ค. ์ฆ..
[์ํ์ฝ๋ฉ] WEB2-CSS 1๊ฐ, 2๊ฐ, 3๊ฐ, 4๊ฐ (CSS์ ํ์ ๋ฐฐ๊ฒฝ & CSS ๊ธฐ๋ณธ ๋ฌธ๋ฒ)
1. CSS ๋ฑ์ฅ ๋ฐฐ๊ฒฝ WEB์ด ์ฒ์ ์ธ์์ ๋ฑ์ฅํ์ ๋์๋ ๋จ ํ๋์ ์๋น์ค๋ง ์์๋ค. ๋ฐ๋ก HTML. HTML์ ์ด์ฉํด์๋ ์ ์๋ฌธ์๋ฅผ ๋ง๋ค ์ ์์๋ค. ์ปดํจํฐ๋ฅผ ์ด์ฉํด์ ์ ๋ณด๋ฅผ ํํํ ์ ์์๊ณ , ์ธํฐ๋ท์ ํตํด ์ ์ธ๊ณ ๋๊ตฌ๋ ๋ณผ ์ ์๊ฒ ํ ์ ์์๋ค! ๋น์๋ก์๋ ํ๋ช
์ ์ธ ์ฌ๊ฑด์ด์๊ณ , ์ฌ๋๋ค์ ์น์ ์ด๊ดํ๊ฒ ๋์๋ค. ์ฒ์์๋ html์ผ๋ก ๋ฌธ์๋ฅผ ๋ง๋ค ์ ์๊ฒ๋ ๊ฒ๋ง์ผ๋ก๋ ๋ง์กฑํ์ง๋ง, ๊ณง ์ฌ๋ฌ๊ฐ์ง ๋ถํ๋ค์ด ์๊ธฐ๊ฒ ๋์๋ค. ์๋ง์ ๋ถ๋ง์กฑ ์ค์ ์นํ์ด์ง๋ฅผ ์ข ๋ ๋ณด๊ธฐ ์ข๊ณ , ์๋ฆ๋ต๊ฒ ๋ง๋ค๊ณ ์ถ๋ค๋ ๋ถ๋ง์ด CSS์ ๋ฑ์ฅ ๋ฐฐ๊ฒฝ์ด๋ค. ๋ฌธ์์ ๊ธ๊ผด, ๋ฌธ์์ ํฌ์ ์์, ๊ฐ์ด๋ฐ ์ ๋ ฌ, ๋ฌธ์์ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง๋ฅผ ๋ฃ๊ณ ์ถ์ด์ ๋ฑ๋ฑ๋ฑ ์นํ์ด์ง๋ฅผ ์๋ฆ๋ต๊ฒ ๋ง๋ค ๋ฐฉ๋ฒ์ ๋ํ ๊น์ ๊ณ ๋ฏผ์ ๋น ์ง๊ฒ ๋๋ค. ๋ ๊ฐ์ง ๋ฐฉ๋ฒ์ด ์์๋ค. ..
[์ํ์ฝ๋ฉ] WEB1_22๊ฐ, ๋ถ๋ก (HTML_๋์์ ์ฝ์
, ๋๊ธ ๊ธฐ๋ฅ, ์ฑํ
๊ธฐ๋ฅ ์ถ๊ฐํ๊ธฐ)
์ด์ WEB1์ ์ค์ฌ์ผ๋ก, ํ์ํ ๊ฒ์ ๋ฐ๋ผ WEB2์ ๋ค์ํ ๊ณผ์ ๋ค์ ์ด์ํ๋ฉด ๋๋ค! ์ด์ ์์์, WEB1 ๋ถ๋ก ์์๋ค์ ๊ฐ๋จํ ๋ฉ๋ชจํ๊ณ ๋์ด๊ฐ๊ฒ ๋ค. 1) ๋์์ ์ฝ์
ํ๊ธฐ ์ ํ๋ธ์์ '๊ณต์ ํ๊ธฐ'๋ฅผ ๋๋ฅด๋ฉด, ๋ค์์ ๋ชจ์ต์ด ๋ฌ๋ค. ์ด๋ ์ 'ํผ๊ฐ๊ธฐ'๋ฅผ ๋๋ฅด๋ฉด, ๋ค์์ ์์ค์ฝ๋๋ฅผ ์ป์ ์ ์๋ค. ์ฐ๋ฆฌ๋ ์ด ๋์์์ ์ฝ์
ํ๋ ํ๊ทธ๋ผ๋ ๊ฒ์ ์ ์ถํ ์ ์๋ค. html์ ๋ฅผ ๊ฑธ์ด, ๊ทธ ์์ iframe ์ฝ๋๋ฅผ ๋ณต์ฌํด ๋ถ์ฌ๋ฃ๊ธฐ ํ๋ฉด, ๋์์์ ๋์ธ ์ ์๋ค! 2. ๋๊ธ ๊ธฐ๋ฅ ๊ฐ๋ฐ ์ง์ ํ๊ธฐ ์ ์, ์ง์ ๊ตฌํํ์ง ์๊ณ ๋ ๋จ์ด ๋ง๋ ๋๊ธ ๊ธฐ๋ฅ์ ์ฐ๋ฆฌ ์น์ฌ์ดํธ์ ํฌํจ์ํฌ ์ ์๋ค! Disqus๋ฅผ ์ด์ฉํ๋ ๊ฒ์ด๋ค. https://disqus.com/ https://disqus.com/ disqus.com ํ์๊ฐ์
์ ํ๊ณ ,..