๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

JavaScript168

[๋ฐ”๋‹๋ผJS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ] Data Types on JS [์ถœ์ฒ˜-์œ ํŠœ๋ธŒ ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders] https://youtu.be/FlWWCNzJBfo -๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•  ๋•Œ๋Š” ๊ธฐ๋ณธ์œผ๋กœ const๋ฅผ ์“ฐ์ž. ํ•„์š”ํ• ๋•Œ๋งŒ let์„ ์‚ฌ์šฉํ•˜์ž -" " ์•ˆ์— ๋“ค์–ด๊ฐ€๋ฉด ๋ฌธ์ž๋กœ ์ธ์‹๋œ๋‹ค (ex. "6666" ← ์—ฌ๊ธฐ์„œ 6666์€ ์ˆซ์ž๊ฐ€ ์•„๋‹ˆ๋ผ ๋ฌธ์ž) -๊ตณ์ด ์•”๊ธฐํ•˜๋ ค๊ณ  ํ•˜์ง€ ์•Š์•„๋„ ๋œ๋‹ค. ๋‹ค๋ฅธ ๊ฒƒ๊ณผ ํ—ท๊ฐˆ๋ฆฌ์ง€๋งŒ ์•Š์œผ๋ฉด ๋œ๋‹ค // String const what = "Nicolas"; console.log(what); const wat = true; console.log(wat); const wat = 666; console.log(wat); const wat = 55.1; console.log(wat); 2021. 2. 25.
[๋ฐ”๋‹๋ผJS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ] let, const, var [์ถœ์ฒ˜-์œ ํŠœ๋ธŒ ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders] https://youtu.be/cbXHOQzrDm8 -์ƒ์ˆ˜(const)๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๊ฐ’์ด ๋ฐ”๋€Œ์ง€ ์•Š๋Š”๋‹ค -์ƒ์ˆ˜์˜ ๊ฐ’์„ ๋ฐ”๊พธ๋ ค๊ณ ํ•˜๋ฉด ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•จ -๋‹ค๋ฅธ ์‚ฌ๋žŒ์ด ๋‚ด๊ฐ€ ๋งŒ๋“  ๋ณ€์ˆ˜๋ฅผ ๋ฐ”๊พธ๋Š”๊ฑธ ์›ํ•˜์ง€ ์•Š์„๋•Œ ์ƒ์ˆ˜(const)๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค -let์€ ๋ณ€์ˆ˜๊ฐ€ ๋ฐ”๋€Œ๋Š”๊ฑธ ํ—ˆ์šฉํ•œ๋‹ค -const=๋ถˆ๋ณ€ let=๊ฐ€๋ณ€. ์ด๊ฒƒ์ด const์™€ let์˜ ์œ ์ผํ•œ ์ฐจ์ด์ ! -์˜ˆ์ „์—๋Š” Javascript์— var๋งŒ ์“ธ ์ˆ˜ ์žˆ์—ˆ๋‹ค 2021. 2. 25.
[๋ฐ”๋‹๋ผJS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ] Your first JS Variable(๋ณ€์ˆ˜!) [์ถœ์ฒ˜-์œ ํŠœ๋ธŒ ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders] https://youtu.be/YTlHSaLdWgs -๋จผ์ € ๋ณ€์ˆ˜๋ฅผ ์ƒ์„ฑํ•˜๊ณ , ์ดˆ๊ธฐํ™”ํ•˜๊ณ  ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค -Create - Initialize - Use -๋ณ€์ˆ˜๋ฅผ ์ดˆ๊ธฐํ™”ํ•˜๊ธฐ ์ „์— 'let'์„ ๋„ฃ์–ด์•ผ ํ•จ (ex. let a = 221;) -์ด๋ฏธ ์ƒ์„ฑ๋œ ๊ฒƒ์„ ์‚ฌ์šฉํ•  ๋•Œ๋Š” ๋‹จ์ง€ ์ฐธ์กฐ๋งŒ ํ•˜๋ฉด ๋œ๋‹ค -๋ณ€์ˆ˜๋Š” ๊ฐ€๋ณ€์ ์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ณ€ํ•  ์ˆ˜ ์žˆ๋‹ค let a = 221; let b = a - 5; a = 4; console.log(b, a); 2021. 2. 25.
[๋ฐ”๋‹๋ผJS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ] Hello World with Javascript [์ถœ์ฒ˜-์œ ํŠœ๋ธŒ ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders] https://youtu.be/u0BypNb0lEI index.html This works! index.css body { background-color: peru; } h1 { color: white; } index.js console.log('Im Working. Im JS. Im Beautiful. Im worth it'); 2021. 2. 25.
[๋ฐ”๋‹๋ผJS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ] VanillaJS [์ถœ์ฒ˜-์œ ํŠœ๋ธŒ ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders] https://www.youtube.com/watch?v=1fc0MHYb_DE&list=PLLUCyU7SBaR7tOMe-ySJ5Uu1UlEBznxTr&index=6 -๋ฐ”๋‹๋ผJS๋Š” ๋ธŒ๋ผ์šฐ์ €๋ฅผ ํ†ตํ•ด ์ œ๊ณต๋œ JS์ž„ -๋ฐ”๋‹๋ผJS๋ฅผ ์ดํ•ดํ•˜๊ฒŒ๋˜๋ฉด React์™€ ๊ฐ™์€ ๋‹ค๋ฅธ ์–ธ์–ด๋กœ ๋„˜์–ด๊ฐˆ ๋•Œ๋„ ์•„๋ฌด๋Ÿฐ ๋ฌธ์ œ๊ฐ€ ์—†์„ ๊ฒƒ์ด๋‹ค! -์—…๋ฌด๋ฅผ ํ•˜๋ฉด์„œ ๋งˆ์ฃผํ•˜๋Š” ๊ฑฐ์˜ ๋ชจ๋“  Library๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค โ–ผโ–ผ Vanilla JavaScript โ–ผโ–ผ http://vanilla-js.com/ Vanilla JS Vanilla JS Vanilla JS is a fast, lightweight, cross-platform framework for building incredible.. 2021. 2. 24.
[๋ฐ”๋‹๋ผJS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ] ES5, ES6 ES....WTF!?!?! [์ถœ์ฒ˜-์œ ํŠœ๋ธŒ ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders] https://www.youtube.com/watch?v=Vw7dmb7BUpY&list=PLLUCyU7SBaR7tOMe-ySJ5Uu1UlEBznxTr&index=5 -JS์˜ version : ES5, ES6 ๋“ฑ๋“ฑ... -ECMAScript๋Š” ์‰ฝ๊ฒŒ ๋งํ•ด ์ฒด๊ณ„ ๋ฉ”๋‰ด์–ผ, ์•ˆ๋‚ด ์ฑ…์ž, ์„ค๋ช…๋ฌธ ๊ฐ™์€ ๊ฑฐ์ž„ -ES5๋ž‘ ES6๊ฐ™์€ ๊ฒฝ์šฐ๋Š” ๊ทธ๋ƒฅ ๋ฉ”๋‰ด์–ผ์˜ ๋ฒ„์ „์„ ๋‚˜ํƒ€๋‚ด ์ฃผ๋Š” ๊ฒƒ์ž„ -๋ฐ”๋‹๋ผJS๋Š” JS์˜ ํ•œ ์ข…๋ฅ˜๋กœ Library๊ฐ€ ์—†๋Š” ๊ฒƒ์„ ๋งํ•œ๋‹ค (๋‚  ๊ฒƒ ๊ทธ๋Œ€๋กœ์˜ JS) 2021. 2. 23.
๋ฐ˜์‘ํ˜•