Spread 연산자 : 객체를 펼치는 연산자 - 배열이나 문자열 같이 반복 가능한 문자를 0개 이상의 인수(함수로 호출할 경우) 또는 요소(배열 리터럴의 경우)로 확장하여, 키-값의 쌍인 객체로 확장시킬 수 있다. const cookie = { base: "cookie", madeIn: "korea" }; const chocochipCookie = { base: "cookie", madeIn: "korea", toping: "chocochip" }; const blueberryCookie = { base: "cookie", madeIn: "korea", toping: "blueberry" }; const strawberryCookie = { base: "cookie", madeIn: "korea", to..

비구조화 할당 -배열이나 객체의 속성이나 값을 해체하여 그 값을 개별변수에 담아 사용하는 자바스크립트 표현식 변수를 각 각 선언해줘야하는 불편함을 한 줄로 바꿔보자 대괄호를 이용해서 순서대로 값을 할당받아서 출력 => 배열의 기본변수 비 구조화 할당 배열의 선언분리 비 구조화 할당 값이 없는 키를 출력하려하면 undefined로 나온다 let [one, two, three, four = "four"] = ["one", "two", "three"]; console.log(one, two, three, four); 그럴 때 기본값을 부여해줄 수 있다 let a = 10; let b = 20; let tmp = 0; tmp = a; a = b; b = tmp; [a,b] = [b,a]; console.log(..

논리연산자 &&(AND) ||(OR) !(NOT) 단락 회로 평가 : 피연산자 중 특정한 곳에 위치한 피연산자를 확인할 필요없이 끝내는 것 false && 아무거나 true || 아무거나 이전에 했던 예제를 단락평가형태로 변환 앞이 false므로 뒤에 person.name에 접근하지 않는다. 이번엔 OR연산자도 포함하고, person에 객체도 넣어보자 person에 값이 없다면 객체가 아닙니다가 출력된다 참고 : - https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators - 한입리액트

condition ? exprIfTrue : exprIfFalse 맨 앞에 조건문이 들어가고, 그 뒤로 물음표(?)와 조건이 truthy라면 실행할 식이 물음표 뒤로 들어가고 falsy라면 실행할 식이 : 뒤에 들어감. 보통 if명령문의 단축형태로 사용한다 if문 형태 위의 if문을 한 줄 삼항연산자로 변환 위의 삼항 연산자를 변수에 담아서 콘솔출력 예제 if문으로 변환 null 값 처리하기 예제 참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator 한입리액트

참같은 값 (truthy) - 불리언 속성에서 TRUE로 출력( {}, [], 양수, 음수, 문자열, new Date(), PI, Infinity 등) - FALSE로 출력 되는 속성(0, -0, 빈문자열"", null, undefined, NaN)을 제외한 값들 if (true) if ({}) if ([]) if (42) if ("0") if ("false") if (new Date()) if (-42) if (12n) if (3.14) if (-3.14) if (Infinity) if (-Infinity) 거짓 같은 값(falsy) - 불리언 속성에서 FALSE로 출력 (0, -0, 빈문자열"", null, undefined, NaN) 예제 - 객체를 매개변수로 받아서 받은 객체에서 특정 프로퍼티를 ..