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

JavaScript/Vanilla JS41

[๋ฐ”๋‹๋ผJS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ] Organizing Data with Arrays [์ถœ์ฒ˜-์œ ํŠœ๋ธŒ ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders] https://youtu.be/VvNF3rFWIkQ -Array๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋Š” ๊ณณ์ธ๋ฐ, ๋ฆฌ์ŠคํŠธ๊ฐ™์ด ์ €์žฅํ•˜๋Š” ๊ฒƒ์ด๋‹ค -camel case -์ปดํ“จํ„ฐ๋Š” ์ˆซ์ž๋ฅผ 0๋ถ€ํ„ฐ ์„ผ๋‹ค const daysOfWeek = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]; console.log(daysOfWeek); 2021. 2. 26.
[๋ฐ”๋‹๋ผ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.
๋ฐ˜์‘ํ˜•