js ๊ธฐ์ด(3)
-
12-4. JS ์ฐ์ต๋ฌธ์ 1,2
* ์ฐ์ต๋ฌธ์ 1 HTML 4์ ๋ฐฐ์์ผ๊น ์๋๊น * ์ฐ์ต๋ฌธ์ 2 3์ ๋ฐฐ์ ์ฐพ๊ธฐ
2021.10.18 -
11-3. JS ์คํ์ผ ๊ฐ์ด๋
1๏ธโฃ ์ฝ๋๋ฅผ ๋ค์ฌ์ฐ๊ธฐ ํ๋ค. ์๋ฐ์คํฌ๋ฆฝํธ ์์ค๋ฅผ ์์ฑํ ๋๋ ๋ค์ฌ์ฐ๊ธฐ๋ฅผ ํด์ผํ๋ค. ๋ค์ฌ์ฐ๊ธฐ๋ฅผ ํด์ผ ์์ค๊ฐ์ ํฌํจ๊ด๊ณ๋ฅผ ๋ณด๊ธฐ ์ข๊ธฐ ๋๋ฌธ์ด๋ค. 2๏ธโฃ ์ธ๋ฏธ์ฝ๋ก ; ์ฌ์ฉํ๋ค. ์๋ฐ์คํฌ๋ฆฝํธ๋ ์๋ ์ธ๋ฏธ์ฝ๋ก ์ ์์ฑํ์ง ์์๋ ์ ์์ ์ผ๋ก ๋์ํ์ง๋ง ๋ฌธ์ฅ์ ๋๋ ๋ ์ธ๋ฏธ์ฝ๋ก ์ ๋ถ์ด๋๊ฒ์ด ๋๋ฒ๊น ํ ๋๋ ์ข๊ธฐ ๋๋ฌธ์ ์์ฑํ๋๊ฑธ ๊ถ์ฅํ๋ค. 3๏ธโฃ ๊ณต๋ฐฑ์ ๋ฃ์ด ๊ฐ๋ ์ฑ ๋์ด๊ธฐ ์์ฝ์ด๋ ์ฐ์ฐ์, ๊ฐ ์ฌ์ด์๋ ๊ณต๋ฐฑ์ ๋ฃ์ด ์์ค ์ฝ๋๋ฅผ ์ฝ๊ธฐ ์ฝ๊ฒ ์์ฑํ๋ค. ๋๋ฒ๊น ํ ๋ ๊ณต๋ฐฑ์ด ์์ด์ผ ๊ฐ๋ ์ฑ์ด ์ข๋ค . 4๏ธโฃ ์ฃผ์ ์์ฑ ํ์ค ์ฃผ์ : // ๋์ค ์ฃผ์: /* */ 5๏ธโฃ ์๋ณ์๋ ๊ท์น์ ์ง์ผ ์์ฑํ๋ค. ์๋ณ์ ์ฒซ๊ธ์๋ก๋ ์๋ฌธ์, _, $๋ก ์์ํด์ผํ๋ค. ์๋ณ์์์ ๋จ์ด ์ฌ์ด์๋ ๊ณต๋ฐฑ ์๋๊ณ , _๋ - ๋ก ์ฐ๊ฒฐํ๋ค. ๊ทธ๋ฌ๋ฉด ์ฒซ ๋จ์ด์ ..
2021.10.18 -
11-1. ์๋ฐ์คํฌ๋ฆฝํธ JS ๊ธฐ์ด
html์ ์น ๋ฌธ์์ ๋ด์ฉ์ ๊ตฌ์ฑํ๊ณ , CSS๋ ์น ๋ฌธ์์ ๋ ์ด์์์ด๋ ์์, ์คํ์ผ ๋ฑ์ ์ง์ ํ๋ค. ์ฌ๊ธฐ์ JS๋ ์น ๋ฌธ์์ ๊ฐ ์์๋ฅผ ๊ฐ์ ธ์์ ํ์์ ๋ฐ๋ผ ์คํ์ผ์ ๋ณ๊ฒฝํ๊ฑฐ๋ ์์ง์ด๊ฒ ํ ์ ์๋ค. 1. ์๋ฐ์คํฌ๋ฆฝํธ JS ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ ๋๋ ๋ฆฌ์กํธ, ์ต๊ทค๋ฌ, ๋ทฐ์ ๊ฐ์ ํ๋ ์์ํฌ๊ฐ ์๊ณ , ๊ทธ๋ํฝ ํ์ฉ์ ์ํ D3.js๋ DOM์ ์ฝ๊ฒ ์กฐ์ํ ์ ์๊ฒ ํด์ฃผ๋ ์ ์ด์ฟผ๋ฆฌ ๊ฐ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์๋ค. ๊ทธ๋ฆฌ๊ณ JS๋ก ์ด์ ์๋ฒ ๊ฐ๋ฐ์ ํ ์ ์๋ค. Node.js๋ ๊ทธ๋์ ํ๋ก ํธ ๊ฐ๋ฐ์์ ์ฌ์ฉํ๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ฐฑ์๋ ๊ฐ๋ฐ์์ ์ฌ์ฉํ ์ ์๋๋ก ๋ง๋ ํ๋ ์์ํฌ์ด๋ค. 2. ์น ๋ฌธ์์์ ์ด์
2021.10.18