Arguments의 단점- Arguments 객체가 유사배열이기 때문에 배열의 메소드는 사용불가능- 항상 함수 호출할 때 전달한 Arguments 전체를 다루기 때문에 특정값을 반환하기 위해서는 따로 indexing 작업이 필요함function printArguments() { for (const arg of arguments) { console.log(arg); }};-> 해결하기 위한 방법Rest Parameter- ...argsfunction printArguments(...args) { for (const arg of args) { console.log(arg); }};function printArguments(...args) { console.log(args.splice(0,..

아규먼트 (Argument)function printArguments(a, b, c) { console.log(a); console.log(b); console.log(c);}printArguments('Young', 'Mark', 'Koby');/*YoungMarkKoby*/function printArguments(a, b, c) { console.log(a); console.log(b); console.log(c);}printArguments('Captain');/*Captainundefinedundefined*/printArguments('Jayden', 'Scott');/*JaydenScottundefined*/function printArguments(a, b, c) { conso..

// name = 파라미터(Parameter)function greeting(name) { console.log(`Hi! My name is ${name}!`);}// JavaScript / Codeit / World = 아규먼트(Argument)greeting('JavaScript'); // Hi! My name is JavaScript!greeting('Codeit'); // Hi! My name is Codeit!greeting('World'); // Hi! My name is World! - 파라미터값이 비어있을 경우: undefined로 반환function greeting(name) { console.log(`Hi! My name is ${name}!`);}greeting(); // Hi! ..

자바스크립트- 함수를 특별한 종류의 값으로 취급- 자바스크립트의 함수는 어디에서나 할당될 수 있음- 다양한 형태로 호출될 수 있음const printJS = function () { console.log('JavaScript');};console.log(typeof printJS); // function -> 실제로는 객체타입(Object)const printJS = function () { console.log('JavaScript');};// 함수호출printJS(); // JavaScript - 객체 안에 메소드로도 사용가능const myObject = { brand: 'Codeit', bornYear: 2017, isVeryNice: true, sayHi: function(name) {..

함수함수선언 (Function Declaration)function 함수이름(파라미터) { 동작부분 return 리턴값} 함수표현식 (Function Expression)const printCodeit = function () { console.log('Codeit');};printCodeit(); // Codeitconst myBtn = document.querySelector('#myBtn');myBtn.addEventListener('click', function () { console.log('button is clicked!');});/*function () { console.log('button is clicked!')}-> 함수선언을 값처럼 사용*/  함수선언 VS 함수표현식함수..

변수- 이름을 통해서 어떤 값에 특별한 의미를 부여할 수 있는 하나의 상자- 프로그래밍에서 추상화의 가장 기본적인 수단var title = 'Codeit';let age = 20;const PI = 3.14;var x = 3; // Global Variablefunction myFunc() { var y = 4; // Local Variable console.log(`x in myFunc: ${x}`); // 3 in myFunc: 3 console.log(`y in myFunc: ${y}`); // 4 in myFunc: 4}myFunc();console.log(x); // 3console.log(y); // Error -> 지역변수는 함수안에서만 가능 QUIZ 01아래 코드를 실행했을 때 콘솔에..

AND 연산자- 왼쪽값이 truthy하면 오른쪽값을 리턴- 왼쪽값이 falsy하면 왼쪽값을 리턴console.log(true && true); // trueconsole.log(true && false); // falseconsole.log(false && true); // falseconsole.log(false && false); // falseconsole.log('Codeit' && 'JavaScript'); // Codeit OR 연산자- 왼쪽값이 truthy하면 왼쪽값을 리턴- 왼쪽값이 falsy하면 오른쪽값을 리턴console.log(true || true); // trueconsole.log(true || false); // trueconsole.log(false || true); // t..

Boolean에서 False로 평가되는 값 = Falsy 값- false- null- undefined- NaN- 0 - ' 'Boolean(false); // falseBoolean(null); // falseBoolean(undefined); // falseBoolean(NaN); // falseBoolean(0); // falseBoolean(''); // false Boolean에서 True로 평가되는 값 = Truthy 값- false로 평가되는 값의 나머지 값들Boolean(true); // trueBoolean('codeit'); // trueBoolean(123); // trueBoolean(-123); // trueBoolean({}); // true  QUIZ 01다음 중 Boolean..

typeof 연산자- 우리가 사용하는 값이 어떤 데이터 타입을 가지고 있는지 확인하는 연산자typeof 'Codeit'; // stringtypeof Symbol(); // symboltypeof {}; // objecttypeof []; // objecttypeof true; // booleantypeof(false); // booleantypeof(123); // numbertypeof(NaN); // numbertypeof(456n); // biginttypeof(undefined); // undefinedtypeof null; // objectfunction sayHi() { console.log('Hi!?');}typeof sayHi; // function QUIZ 01다음 중 자바스크립트의 ..

Symbol- 기본형 데이터 타입- 코드 내에서 유일한 값을 가진 변수 이름을 만들 때 사용const user = Symbol('this is a user');user === 'this is user'; // falseuser === 'user'; // falseuser === 'Symbol'; // falseuser === true; // falseuser === false; // falseuser === 123; // falseuser === 0; // falseuser === null; // falseuser === undefined; // false...const symbolA = Symbol('this is Symbol');const symbolB = Symbol('this is Symbol')..