์ฑ๋ฆฐ์ง ์ต์ข ๊ณผ์ (๊ฐ๋ฐ/2์ผ)
ํฌ๋๋ฆฌ์คํธ ๋ง๋ค๊ธฐ
๋ณต์๋ ๊ณํ์ ์ผ๋ก.
๋ฌธ๋์์ด ๋์ด ๋ณต์ ๊ณํ์ ์ธ์๋ด
์๋ค.
๋ค๋ง ๋ง๋ฅ ์ด๋์ธ ์๋ง์ ์๋ ๋
ธ๋ฆ. ํด๋ฐ๋ ๋ ์์ด์ผ๊ฒ ์ฃ ?
dark / bright ๋ฒ์ ์ผ๋ก ๋๋์ด ๊ณํ์ ์ธ์ธ ์ ์์ด์
- ๋ฐ๋๋ผ JS๋ก ํฌ๋กฌ ์ฑ ๋ง๋ค๊ธฐ
- ์๋ฐ์คํฌ๋ฆฝํธ
- grammar
- elements_value
- events
- classList, localStorage, clock
[๊ฐ์๋งํฌ] [2์ฃผ ์ฑ๋ฆฐ์ง ์ง๋ํ] [์จ๋ผ์ธ์ฝ๋ฉ]
Vanilla_JavaScript
ํ๋ ์์ํฌ or ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ ์ฉ๋์ง ์์ ์์ ์๋ฐ์คํฌ๋ฆฝํธ
JavaScript
๊ธฐ์กด html,css์ ๊ฐ์ ์ ์ ์ปจํ ์ธ ์์ ์ข ๋ ์ธํฐ๋ ํฐ๋ธํ ์น์ ๋ง๋ค๊ณ ์ ๊ฐ๋ฐ. ๊ฐ๋ฐ๊ธฐ๊ฐ ๋จ, 10์ผ
- ํ๋ก ํธ์๋์์ ์ฌ์ฉํ๋ ์ ์ผํ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด
- ๋ธ๋ผ์ฐ์ ์ ๋ด์ฅ๋์ด ์๊ธฐ์ ๋ฐ๋ก ์ค์นํ ํ์ X
- JSํ์ผ ์คํ์ ๋ธ๋ผ์ฐ์ ์์ ํด๋น ํ์ผ์ ์ฌ๋๊ฒ ์๋๋ผ HTMLํ์ผ์ JSํ์ผ์ importํ๋ ๋ฐฉ์
- ๋ธ๋ผ์ฐ์ ์ฝ์ ์ฐฝ์์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋ ์์ฑ ๊ฐ๋ฅํ๋ ํ์ค์ฉ๋ง ์คํ ๊ฐ๋ฅ. ๊ธด ์ฝ๋๋ jsํ์ผ์ ํตํด!
-
three.js
์๋ฐ์คํฌ๋ฆฝํธ๋ก ๊ตฌํํ๋ 3D ๋ผ์ด๋ธ๋ฌ๋ฆฌ -
React Native
์๋ฐ์คํฌ๋ฆฝํธ๋ก ์๋๋ก์ด๋/IOS App ๊ฐ๋ฐ ๊ฐ๋ฅ์ผํ๋ ํ๋ ์์ํฌ -
Electron
์๋ฐ์คํฌ๋ฆฝํธ, HTML, CSS๋ก ๋ฐ์คํฌํ App ๊ฐ๋ฐ ๊ฐ๋ฅ์ผ ํจ -
Node.js
์๋ฐ์คํฌ๋ฆฝํธ๋ก ํ์ฅ์ฑ์๋ ๋คํธ์ํฌ App ๊ฐ๋ฐ ๊ฐ๋ฅ์ผ ํจ
Chrome V8 Javascript ์์ง์ผ๋ก ๋น๋๋ Javascript ๋ฐํ์ -
socekt.io
์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํตํ ์ค์๊ฐ ์ฑํ