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์ ์ฌ์ฉํ๋ค...