๋ชฉ๋ก2022/01/17 (6)
whatisthis?
๋ฐ๋ณต๋ฌธ - ํ๋ก๊ทธ๋๋ฐ์์๋ ์ฝ๋๋ฅผ ๋ฐ๋ณตํ ์ผ์ด ๋ง๋ค. - ๋จ์ํ ๊ฐ์ ์ฝ๋๋ฅผ ๋ฐ๋ณตํ๊ธฐ๋ ํ์ง๋ง, ๋ฐ๋ณตํ ๋๋ง๋ค ์ซ์๋ฅผ 1์ฉ ๋ํ๋ ๋ฑ์ ํ๋์ ํ ์๋ ์๋ค. - ๋ํ์ ์ผ๋ก for๊ณผ while์ด ์๋ค. ๐ For for (let i = 0; i < 10 ; i++) { console.log(i); } for (์์ ; ์กฐ๊ฑด ; ๋) { ๋ด์ฉ } ๊ณผ ๊ฐ์ด ๊ตฌ์ฑ๋์ด์๋ค. ์์์ let i =0 ์กฐ๊ฑด์ i < 10์ด๊ณ ๋์ i ++์ด๋ค. ๊ณผ์ ์ ์ดํด๋ณด๋ฉด ๋ค์๊ณผ ๊ฐ๋ค. 1) for๋ฌธ์ ์์ํ๊ธฐ ์ ์ i = 0์ผ๋ก ์์ํ๋ค. (i๋ผ๋ ๋ณ์๋ฅผ ๋ง๋ค๊ณ 0์ผ๋ก ์ด๊ธฐํ) 2) ์กฐ๊ฑด ๋น๊ต. i < 10์ ๋ง์กฑํ๋ฏ๋ก ๋ด์ฉ ์คํ. (console.log) 3) ๋์ธ i++ ๋ฅผ ์คํ. ( i = i + 1 ์ผ๋ก i=1์ด ๋๋ค...
- ํน์ ์กฐ๊ฑด ์๋์๋ง ์ฝ๋๊ฐ ์คํ๋๋๋ก ํ๋ ๊ตฌ๋ฌธ. - if, switch๊ฐ ๋ํ์ ๐ if๋ฌธ if (์กฐ๊ฑด) { ๋ด์ฉ } - ์กฐ๊ฑด์ด true๋ฉด ๋ด์ฉ์ด ์คํ๋๋ค. const a = 30; if(a > 10) { alert('10๋ณด๋ค ํผ'); } ์์์์ฒ๋ผ a>10์ธ ์กฐ๊ฑด์ true์ด๊ธฐ ๋๋ฌธ์, ์ฆ ์กฐ๊ฑด์ ๋ง์กฑํ๋ฏ๋ก alert๋ฌธ์ด ์คํ๋๋ค. ์ถ๊ฐ๋ก, if ๋ฟ๋ง ์๋๋ผ else๋ else if๋ก ์กฐ๊ฑด์ ๊ตฌ์ฒดํํ ์ ์๋ค. if(a > 10) { alert('10๋ณด๋ค ํผ'); } else if (a > 5) { alert('5๋ณด๋ค ํผ'); } else { alert('5๋ณด๋ค ์๊ฑฐ๋ ๊ฐ์'); } - else๋ if์ ์กฐ๊ฑด์ด false์ผ ๋ ์คํ๋๋ค. - else if๋ ์กฐ๊ฑด์..
1. ์ฐ์ฐ์ - ํ๋ก๊ทธ๋๋ฐ์์ ์ฐ์ด๋ ๊ธฐํธ๋ค. ๐ ์ฐ์ ์ฐ์ฐ์ ์ฌ์น์ฐ์ฐ. (=arithmetic operation) + , - , * , / ๊ทธ๋ฆฌ๊ณ ๋๋จธ์ง์ฐ์ฐ์(%) Addition / Subtraction / Multiplication / Division / Mod(Moudlus) โ /๋ ๊ทธ๋ฅ ๋๋๊ธฐ (๋ชซ ์๋). ์ฆ, 5 / 2 = 2.5 โ +๋ฅผ ์ ์ธํ ๋๋จธ์ง(-์ *์ /)๋ "3" ๊ณผ "2"์ฒ๋ผ ๋ฌธ์์ด๋ก ํํ๋ ์ซ์์ ๊ณ์ฐ๋ ํด์ค. >> + ์ฐ์ฐ์๋ "2"+"3" = '23' ์ด ๋จ. ๐ ๋ฌธ์์ด ์ฐ์ฐ์ + ์ฐ์ฐ์. ์ซ์ ๋ฟ๋ง ์๋๋ผ ๋ฌธ์์ด๊ณผ ๋ค๋ฅธ ๋ฐ์ดํฐ๋ฅผ ์ฐ๊ฒฐํด์ค. >> ๋ฌธ์์ด์ด ์๋ ๋ฐ์ดํฐ(์- ์ซ์)๋ ๋ฌธ์์ด๋ก ๋ฐ๊พธ์ด ์ฐ๊ฒฐ. โ ์ผ์ชฝ๋ถํฐ ๊ณ์ฐ๋๊ณ , ๋ฌธ์์ด์ด ์์ ๊ฒฝ์ฐ ๋ฌธ์์ด์ด ์ฐ์ ์ด๋ค. c..
1. ํจ์(Function) ๐ ํจ์์ ์์ฑ ๋ฐฉ๋ฒ 1 / ํจ์ ์ ์ธ (Declaration) function addOne(x) { var y = x + 1; return y; } ๋ฐฉ๋ฒ 2 / ํจ์ ํํ์ (Expression) let addOne = function(x){ // ๋ณ์ ์ ์ธ ํ ํจ์ ๋์ var y = x + 1; return y; }; ์ฌ๊ธฐ์ addOne์ ํจ์์ ์ด๋ฆ(=๋ณ์์ ์ด๋ฆ)์ด๊ณ , x๋ ์ฌ์ฉ์๊ฐ ๋ฃ๊ณ ์ถ์ ๊ฐ์ ๋ฃ๋ ๊ณณ์ด๋ค. ๋ฐ๋ผ์, x๋ฅผ ๋งค๊ฐ๋ณ์(parameter)๋ผ๊ณ ํ๋ค. return์ ํด๋น ๊ฐ์ ํจ์ ๋ฐ๊นฅ์ผ๋ก ๋ด๋ณด๋ด๊ณ , ํจ์๋ฅผ ์ข ๋ฃํ๋ผ๋ ์๋ฏธ์ด๋ค. (= ๋ฐํ) โโ ์ฃผ์ - return์ ์์น ์ ๋ ๋ฐฉ์์ ์ฐจ์ด ์ค ํ๋๋ ํธ์ด์คํ (hoisting)์ด๋ผ๋ ํ์์ธ๋ฐ, ํด๋น ๋ด..
1. ๊ฐ์ฒด (Object) - ํ์ค์ ์ฌ๋ฌผ์ ํ๋ก๊ทธ๋๋ฐ์ ๋ฐ์ํ ๊ฒ. ์> ํ์ค์ ์กด์ฌํ๋ ์ ์ ๋ฅผ ๊ฐ์ฒด๋ฅผ ํตํด ํ๋ก๊ทธ๋๋ฐ์ ๋ฐ์ํ ์ ์๋ค. let user = { Name: 'yjin', Age: 23, Tel: '010-0000-0000', Gender: 'Female' }; ์์ ๊ฐ์ด user๋ผ๋ ๋ณ์์ { } ๋ก ๊ฐ์ผ ๋ฉ์ด๋ฆฌ๋ฅผ ๋์ ํ ๊ฒ์ ์์ ์๋ค. { }๋ก ๊ฐ์ผ ๋ฉ์ด๋ฆฌ๊ฐ ๋ฐ๋ก ๊ฐ์ฒด(object)์ ํด๋นํ๋ค. ๊ฐ์ฒด์ ๋ถ๋ถ๋ณ ์ด๋ฆ์ ์ดํด๋ณด์. ๐ ์์ฑ (Property) Name: 'yjin' , Age: 23 ๊ณผ ๊ฐ์ด ์ฝค๋ง(,)๋ก ๊ตฌ๋ถ๋๋ ๊ฒ์ ๊ฐ์ฒด์ ์์ฑ(Property)์ด๋ผ๊ณ ํ๋ค. - ์ ์์์๋ ์ด 4๊ฐ์ ์์ฑ์ด ์กด์ฌํ๋ ๊ฒ. ์์ฑ๋ผ๋ฆฌ๋ ์ผํ๋ก ๊ตฌ๋ถํด์ค๋ค. ๊ผญ ์ค๋ฐ๊ฟ์ ํด์ผํ๋ ๊ฒ์ ์๋..
๐ก ์๋ฐ์คํฌ๋ฆฝํธ - ์ฐฝ์์ : ๋ธ๋ ๋ ์์ดํฌ - ์ ์ฐจํ, ๊ฐ์ฒด์งํฅํ, ํจ์ํ ์ธ์ด๋ฅผ ๋ชจ๋ ์์ฐ๋ฅผ ์ ์๋ค. - ์ธํฐ๋ท ๋ธ๋ผ์ฐ์ ๋ง์ ํตํด ๊ตฌํ ๊ฐ๋ฅ. (F12 ๊ฐ๋ฐ์๋๊ตฌ - console) 1. ๋ณ์ (variable) const dateChecker = function() { // ๋ณ์1. ํจ์(ํจ์ ์ ์ธ/์ฝ๋ ์ ์ฅ) let date = new Date(); // ๋ณ์2. value(๋ ์ง๊ฐ ์ ์ฅ) alert(date); } dateChecker(); ์ด์ ์๋ var์ผ๋ก ๋ณ์๋ฅผ ์ ์ธํ๋ ๋ฐฉ๋ฒ๋ฐ์ ์์์ง๋ง, ECMAscript 6(์ดํ ES2015) ์ดํ๋ก const์ let์ด ๋ฑ์ฅํ๋ฉด์ ์ด์ ๋ var์ ๊ฑฐ์ ์ฌ์ฉํ์ง ์๊ฒ ๋์๋ค. ๐ ๋ณ์(variable)๋? ๋ณ์๋, '๋ณํ๋ ์' ๋ฅผ ์๋ฏธํ๋ค. = ๋ฐ์ด..