JavaScript/Basic

    ๋ฐ์ดํ„ฐ ํƒ€์ž…5 - ํ•จ์ˆ˜ Function

    ํ•จ์ˆ˜์˜ ๊ตฌ์„ฑ์š”์†Œ ์ฒซ๋ฒˆ์งธ ๋งค๊ฐœ๋ณ€์ˆ˜์—๋Š” ์ฒซ๋ฒˆ์งธ ์ธ์ˆ˜๊ฐ€ ์ „๋‹ฌ๋˜๊ณ , ๋‘๋ฒˆ์งธ ๋งค๊ฐœ๋ณ€์ˆ˜์—๋Š” ๋‘๋ฒˆ์งธ ์ธ์ˆ˜๊ฐ€ ์ „๋‹ฌ๋œ๋‹ค. ๋งค๊ฐœ๋ณ€์ˆ˜ = ์ธ์ž(parameter) : ์ธ์ˆ˜ ๊ฐ’์ด ๋“ค์–ด๊ฐ€๋Š” ํ†ต๋กœ (์ƒ๋žต ๊ฐ€๋Šฅ). ๋งค๊ฐœ๋ณ€์ˆ˜๋Š” ํ•จ์ˆ˜ ์•ˆ์—์„œ๋งŒ ์กด์žฌํ•  ์ˆ˜ ์žˆ๋‹ค. ์ธ์ˆ˜(arguments) : ํ•จ์ˆ˜์—๊ฒŒ ์ „๋‹ฌํ•˜๋Š” ๋ฐ์ดํ„ฐ return : ํ•จ์ˆ˜ ์•ˆ์— ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•  ๋•Œ ์‚ฌ์šฉ ํ•จ์ˆ˜ ์ƒ์„ฑ๋ฒ• 1 const func1 = function() { console.log("Func1"); } // ํ•จ์ˆ˜ ์ƒ์„ฑ func1(); // ํ•จ์ˆ˜ ํ˜ธ์ถœ ํ•จ์ˆ˜ ์ƒ์„ฑ๋ฒ• 2 function func1() { console.log("Func1"); } // ํ•จ์ˆ˜ ํ˜ธ์ถœ func1(); // ํ•จ์ˆ˜ ํ˜ธ์ถœ

    ๋ฐ์ดํ„ฐ ํƒ€์ž…4 - ๋ฌธ์ž์—ด String, ์ˆซ์ž Number

    ๋ฌธ์ž์—ด์ด๋ž€? "ํฐ ๋”ฐ์˜ดํ‘œ" , '์ž‘์€๋”ฐ์˜ดํ‘œ' , `๋ฐฑํ‹ฑ` ์•ˆ์— ์ž‘์„ฑ๋œ ์œ ๋‹ˆ์ฝ”๋“œ ๋ฌธ์ž(UTF-16)์˜ ์ง‘ํ•ฉ์œผ๋กœ ์ด๋ฃจ์–ด ๋ฐ์ดํ„ฐ์ด๋‹ค. ๋ฌธ์ž๋กœ์จ ์ธ์‹์ด ๋˜๋ฉฐ ๋”ฐ์˜ดํ‘œ ์•ˆ์— ์ˆซ์ž๋ฅผ ์ž‘์„ฑํ•˜์—ฌ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ๋ฌธ์ž๋กœ ์ธ์‹๋œ๋‹ค. ๋ฌธ์ž์—ด ์ฃผ์˜์‚ฌํ•ญ 1. ํฐ ๋”ฐ์˜ดํ‘œ์™€ ์ž‘์€ ๋”ฐ์˜ดํ‘œ๋Š” ํ˜ผ์šฉ์ด ๋ถˆ๊ฐ€ํ•˜๋‹ค 2. ์ž‘์€ ๋”ฐ์˜ดํ‘œ ์•ˆ์— ์ž‘์€ ๋”ฐ์˜ดํ‘œ, ํฐ ๋”ฐ์˜ดํ‘œ ์•ˆ์— ํฐ ๋”ฐ์˜ดํ‘œ๋Š” ์‚ฌ์šฉ์ด ๋ถˆ๊ฐ€ํ•˜๋‹ค 3. ํฐ ๋”ฐ์˜ดํ‘œ ์•ˆ์—๋Š” ์ž‘์€ ๋”ฐ์˜ดํ‘œ, ์ž‘์€ ๋”ฐ์˜ดํ‘œ ์•ˆ์—๋Š” ํฐ ๋”ฐ์˜ดํ‘œ๋งŒ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•˜๋‹ค 4. ๋™์ผํ•œ ๋”ฐ์˜ดํ‘œ ์‚ฌ์šฉํ•ด์•ผ ํ•  ๊ฒฝ์šฐ, ๋”ฐ์˜ดํ‘œ ์•ž์— ์—ญ ์Šฌ๋ž˜์‰ฌ๋ฅผ ๋ถ™์—ฌ ์‚ฌ์šฉํ•˜๋ฉด ํ•ด๋‹น ๋”ฐ์˜ดํ‘œ๋Š” ๋ฌธ์ž์—ด๋กœ ์ธ์‹๋œ๋‹ค. let example1 = "apple'; // X let example2 = 'He's a boy' // X let example3 = "He's a boy..

    ๋ฐ์ดํ„ฐ ํƒ€์ž…3 - ๊ฐ์ฒด Object

    ๊ฐ์ฒด๋ž€? ๊ฐ์ฒด๋ž€ ์—ฌ๋Ÿฌ ์†์„ฑ์„ ํ•˜๋‚˜์˜ ๋ณ€์ˆ˜์— ์ €์žฅํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ๋Š” ๋ฐ์ดํ„ฐ ํƒ€์ž…์ด๋‹ค. ์ฆ‰, ์ด๋ฆ„(key)๊ณผ ๊ฐ’(value)์œผ๋กœ ๊ตฌ์„ฑ๋œ ํ”„๋กœํผํ‹ฐ(๋˜๋Š” ๋ฉ”์†Œ๋“œ)์˜ ์ง‘ํ•ฉ์ด๋‹ค. ํ”„๋กœํผํ‹ฐ์˜ ๊ฐ’์œผ๋กœ ํ•จ์ˆ˜๊ฐ€ ์˜ฌ ์ˆ˜๋„ ์žˆ๋Š”๋ฐ, ์ด๋Ÿฌํ•œ ํ”„๋กœํผํ‹ฐ๋ฅผ ๋ฉ”์†Œ๋“œ๋ผ๊ณ  ํ•œ๋‹ค. ์—ฌ๋Ÿฌ ์ข…๋ฅ˜์˜ ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ์‚ฝ์ž… ๊ฐ€๋Šฅํ•˜๋‹ค. const user = { name: "yunji", //ํ”„๋กœํผํ‹ฐ age: 26, //ํ”„๋กœํผํ‹ฐ sum: function(num1, num2){ //๋ฉ”์†Œ๋“œ return num1 + num2 } }; // ํ”„๋กœํผํ‹ฐ ๋ฐ์ดํ„ฐ ์ถœ๋ ฅํ•˜๊ธฐ console.log(user.name); // ๊ฐ์ฒด๋ช….ํ”„๋กœํผํ‹ฐ๋ช… console.log(user['name']); // ๊ฐ์ฒด๋ช…["ํ”„๋กœํผํ‹ฐ๋ช…"] // ๋ฉ”์†Œ๋“œ ๋ฐ์ดํ„ฐ ์ถœ๋ ฅํ•˜๊ธฐ console.log(..

    ๋ฐ์ดํ„ฐ ํƒ€์ž…2 - ๋ฐฐ์—ด Array

    Array๋ž€? ๋ฐฐ์—ด์€ ๋น„์Šทํ•œ ์„ฑ๊ฒฉ์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ํ•˜๋‚˜์˜ ๋ณ€์ˆ˜ ์•ˆ์—์„œ ๊ด€๋ฆฌํ•˜๋Š” ๋ฐ์ดํ„ฐ ํƒ€์ž…์ด๋‹ค. ๊ฐ๊ฐ์˜ ๊ฐ’(value)์— ์ขŒํ‘œ๊ฐ’(index)๋ฅผ ๋ถ€์—ฌํ•˜์—ฌ ํ•ด๋‹น ๋ฐ์ดํ„ฐ๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๊ตฌ์กฐ์ด๋‹ค. ์ธ๋ฑ์Šค ๊ฐ’์€ 0๋ถ€ํ„ฐ ์‹œ์ž‘ํ•œ๋‹ค. const daysOfWeek = ["mon", "tue", "wed", "thu", "fri"]; console.log(daysOfWeek[0]); // -> "mon" console.log(daysOfWeek[2]); // -> "wed" // ๋ฐฐ์—ด ์•ˆ์˜ ๋ฐฐ์—ด ์š”์†Œ์— ์ ‘๊ทผํ•˜๊ธฐ let fruit = [['apple', 1], ['banana', 3], ['melon', 5]]; console.log(fruit[1][0]) // => banana Array์˜ ํŠน์„ฑ ๋ฐฐ์—ด์€ ์ ‘๊ทผ์— ๊ต‰์žฅํžˆ..

    ๋ฐ์ดํ„ฐ ํƒ€์ž…1 - ๋ถˆ๋ฆฌ์–ธ Booleans

    ๋ถˆ๋ฆฌ์–ธ(boolean) ๊ฐ’ : true / false ๋ถˆ๋ฆฌ์–ธ์€ ๋…ผ๋ฆฌํ•™์—์„œ ์ฐธ๊ณผ ๊ฑฐ์ง“์„ ๋‚˜ํƒ€๋‚ด๋Š” ๋ฐ ์‚ฌ์šฉํ•œ๋‹ค. ๋˜ํ•œ ๋…ผ๋ฆฌ ์—ฐ์‚ฐ(logical operation)์ด๋ผ๋Š” ์ฃผ์–ด์ง„ ๋…ผ๋ฆฌ์‹์„ ํŒ๋‹จํ•˜์—ฌ ์ฐธ๊ณผ ๊ฑฐ์ง“์„ ๊ฒฐ์ •ํ•œ๋‹ค. ์ง„๋ฆฌํ‘œ(truth table) ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์˜ ๊ฒฐ๊ณผ. A B ๋…ผ๋ฆฌํ•ฉ A∨B ๋…ผ๋ฆฌ๊ณฑ A∧B ๋…ผ๋ฆฌ๋ถ€์ • ๏ฟขA /๏ฟขB 1 (true) 1 (true) 1 (true) 1 (true) 0 (false) / 0 (false) 1 (true) 0 (false) 1 (true) 0 (false) 0 (false) / 1 (true) 0 (false) 1 (true) 1 (true) 0 (false) 1 (true) / 0 (false) 0 (false) 0 (false) 0 (false) 0 (false) 1 (..

    ๋ณ€์ˆ˜ Variable

    ๋ณ€์ˆ˜๋ž€? ๋ณ€์ˆ˜๋ž€ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ด๋Š” ๊ณต๊ฐ„์ด๋‹ค. ๋ณ€์ˆ˜ ์„ ์–ธ๊ณผ ์ดˆ๊ธฐํ™” ๋ณ€์ˆ˜ ์„ ์–ธ : ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ด์„ ๊ณต๊ฐ„์„ ์ƒ์„ฑํ•˜๋Š” ๊ฒƒ ๋ณ€์ˆ˜ ์ดˆ๊ธฐํ™” : ์ƒ์„ฑ๋œ ๋ณ€์ˆ˜์— ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ•˜๋Š” ๊ฒƒ let myName; // ๋ณ€์ˆ˜ ์„ ์–ธ myName = "yunjikim"; // ๋ณ€์ˆ˜ ์ดˆ๊ธฐํ™” let myName = yunji"; // ๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐ ์ดˆ๊ธฐํ™” ๋ณ€์ˆ˜ ์„ ์–ธ์˜ ์„ธ ๊ฐ€์ง€ ๋ฐฉ๋ฒ• const = ๋ณ€ํ•˜์ง€ ์•Š๋Š” ๊ฐ’ (์ƒ์ˆ˜, ๅธธๆ•ธ, constant) let = ๋ณ€ํ•˜๋Š” ๊ฐ’ (๋ณ€์ˆ˜, let) var → ๋” ์ด์ƒ ์‚ฌ์šฉํ•˜์ง€ ์•Š์Œ ์‚ฌ์šฉ์šฉ๋„๊ฐ€ ๋‹ค๋ฅด๊ธฐ ๋•Œ๋ฌธ์— ๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐฉ์‹์— ๋”ฐ๋ผ ์ž‘์„ฑ์ธ์ด ์–ด๋– ํ•œ ์˜๋„๋ฅผ ๊ฐ€์ง€๊ณ  ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ–ˆ๋Š”์ง€, ๋ณ€์ˆ˜์˜ ๊ฐ’์ด ๋‚˜์ค‘์— ๋ณ€ํ• ์ง€ ์œ ์ถ”ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ฃผ๋กœ const๋ฅผ ๊ธฐ๋ณธ๊ฐ’์œผ๋กœ ์‚ฌ์šฉํ•˜๊ณ , ๊ฐ’์„ ๋ณ€๊ฒฝํ•  ๋ณ€์ˆ˜์˜ ๊ฒฝ์šฐ์—๋งŒ let์„ ์‚ฌ์šฉํ•œ๋‹ค...