✍ 공부

[ 모던 자바스크립트 Deep Dive ] 프로퍼티와 식별자 네이밍 규칙

프로퍼티 객체는 프로퍼티의 집합이며, 프로퍼티는 키와 값으로 구성됩니다 let person = { name: 'Lee', age: 20 } 일반적으로 마지막 프로퍼티 뒤에는 쉼표를 사용하지 않으나 사용해도 좋다고 합니다. 여기서 name, age는 프로퍼티 키로, 프로퍼티 값에 접근할 수 있는 이름으로서 식별자 역할을 합니다. 식별자 네이밍 규칙은 뭘까요? 식별자 네이밍 규칙 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러 기호($)을 포함할 수 있습니다. 식별자의 첫 문자는 숫자가 될 수 없습니다 예약어는 식별자로 사용될 수 없습니다. ( class, this while ... ) 만약에 식별자 네이밍 규칙을 따르지 않으면 어떻게 될까요? ""따옴표를 사용하면 됩니다. 간단하죠? con..

[ 모던 자바스크립트 Deep Dive ] 옵셔널 체이닝 연산자 && null 병합 연산자

0. 용어 설명 falsy값 : false로 판단되는 값. false,undefined, null, NaN, -0, 0, '' 1. 옵셔널 체이닝 연산자 옵셔널 체이닝 연산자는 ES11(ECMAScript2020)에서 도입되었습니다. ?.

[ 모던 자바스크립트 Deep Dive ] 반복문

1. 반복문 반복문은 조건식의 평가 결과가 참인 경우 코드 블록을 실행한다. 그 후 조건식을 다시 평가하여 여전히 참인 경우 코드 블록을 다시 실행합니다. 이는 조건식이 거짓일 때까지 반복됩니다. 자바스크립트는 세 가지 반복문인 for, while, do...while문을 제공합니다 반복문 + 레이블문 이 포스팅과 비슷하죠? 하지만 이번 반목문은 for, while, do...while에 대해 조금 더 알아보는 시간을 가질 예정입니다! 레이블문이 궁금하다면 위의 링크로 슝 날아가보세요 for문 for문은 조건식이 거짓으로 평가될 때 까지 코드 블록을 반복 실행합니다다. for(let i = 0; i < 2; i++){ console.log(i) } for문으로도 무한루프를 만들 수 있습니다. for문의 ..

[ 모던 자바스크립트 Deep Dive ] 타입 변환 (자바스크립트 ! 두번)

1. 문자열 타입으로 변환 String 생성자 함수를 new 연산자 없이 호출하는 방법 Object.prototype.toString 메서드를 사용하는 방법 문자열 연결 연산자를 이용하는 방법 // 1 String(Infinity); // 2 (Infinity).toString(); // 3 Infinity + "" 2. 숫자 타입으로 변환 Number 생성자 함수를 new 연산자 없이 호출하는 방법 parseInt, parseFloat 함수를 사용하는 방법(문자열만 숫자 타입으로 변환 가능) +단항 산술 연산자 이용 *산술 연산자 이용 // 1 Number(1.1) // 2 parseInt(1.1) // 3 +'1.1' // 4 '1' * 1 3. 불리언 타입으로 변환 Boolean 생성자 함수를 ne..

[ 모던 자바스크립트 Deep Dive ] 반복문 + 레이블문

1. 반복문 너무 익숙한 반목문. 조건식의 평가 결과가 참인 경우 코드 블록 실행 그 후 조건식을 다시 평가하여 여전히 참인 경우 코드 블록을 다시 실행. 이는 조건식이 거짓이 될 때까지 계속 반복. 자바스크립트는 for, while, do ... while문을 제공 대체 기능 자바스크립트는 배열을 순회할 때 사용하는 forEach 메서드, 객체의 프로퍼티를 열거할 때 사용하는 for ... in ES6에서 도입괸 이터러블 순회 for...of등 반복문을 대체할 수 있는 기능을 제공한다. 2. 종류 for문 for (let i = 0; i < 2; i++){ console.log(i) } while문 반복 횟수가 불명확할 때 주로 사용 let count = 0 while (count < 3){ conso..

[ 모던 자바스크립트 Deep Dive ] switch 문

Switch 문 switch문은 주어진 표현식을 평가하여 그 값과 일치하는 표현식을 갖는 case 문으로 실행 흐름을 옮긴다. casde문은 상황(case)를 의미하는 표현식을 저장하고 콜론으로 마친다. 그리고 그 뒤에 실행할 문들을 위치시킨다. switch문의 표현식과 일치하는 case문이 없다면 실행 순서는 default문으로 이동한다. default문은 선택사항으로, 사용하지 않을 수도 있다. switch(표현식){ case 표현식 1: switch 문의 표현식과 표현식 1이 일치하면 실행 break case 표현식 2: switch문의 표현식과 표현식 2가 일치하면 실행 break default: switch문의 표현식과 일치하는 case문이 없을 때 실행 }

[ 모던 자바스크립트 Deep Dive ] typeof 연산자

1. typeof 연산자 typeof연산자는 피연산자의 데이터 타입을 문자열로 반환한다 반환값 : string, number, boolean, undefined, symbol, object, function null을 반환하는 경우는 없으며, 함수의 경우 function을 반환한다. typeof '' // -> string typeof 1 // -> number typeof NaN // -> number typeof true // -> boolean typeof null // -> object typeof [] // -> object typeof {} // -> object typeof new Date() // -> object typeof /test/gi // -> object // (정규식) type..

[ 모던 자바스크립트 Deep Dive ] 쉼표 연산자

1. 쉼표 연산자 쉼표 연산자(,)는 왼쪽 피연산자부터 차례대로 피연산자를 평가하고 마지막 피연산자의 평가가 끝나면 마지막 피연산자의 평가 결과를 반환한다 var x, y, z; x = 1, y = 2, z = 3; // 3 x = (2, 3); console.log(x); // expected output: 3 var a, b, c; a = b = 3, c = 4; // 콘솔에는 4를 반환 console.log(a); // 3 (제일 왼쪽) var x, y, z; x = (y = 5, z = 6); // 콘솔에는 6을 반환 console.log(x); // 6 (제일 오른쪽) 2. 연산 후 반환 값을 반환하기 이전에 연산을 수행할 때도 쉼표 연산자를 사용한다. 쉼표 연산자는 마지막 표현식의 결과만 반환..