๋ฐ์ํ 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. ์ด์ 1 ยทยทยท 3 4 5 6 7 ๋ค์ ๋ฐ์ํ