[모던 자바스크립트 Deep Dive] 10장 객체 리터럴

1. 객체란? 원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등) 원시 값은 변경 불가능한 값이지만 객체 타입의 값은 변경 가능한 값이다. 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 키와 값으로 구성된다. 2. 객체 리터럴에 의한 객체 생성 자바스크립트는 프로토타입 기반 객체 지향 언어로서 클래스 기반 객체지향 언어와는 달리 다양한 객체 생성 방법을 지원한다. - 객체 리터럴 - Object 생성자 함수 - Object.create 메서드 - 클래스(ES6) 객체 리터럴은 자바스크립트의 유연함과 강력함을 대표하는 객체 생성 방식이다. 숫자 값이나 문자열을 만드는 것과 유사하게 리터럴로 객체를 생성한다. 3. 프로퍼티 객체는 프로퍼티의 집합이며, 프로퍼티는 키와 값으로 구성된다. ..

→2022.03.14

[모던 자바스크립트 Deep Dive] 09장 타입 변환과 단축 평가

1. 타입 변환이란? 자바스크립트의 모든 값은 타입이 있다. 개발자가 의도적으로 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라고 한다. var x = 10; // 명시적 타입 변환 var str = x.toString(); // 숫자를 문자열로 타입 캐스팅한다. console.log(typeof str); // string // 변수 x의 값이 변경된 것은 아니다. console.log(typeof x, x); // number 10 개발자의 의도와는 상관없이 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환되는 것을 암묵적 타입 변환 또는 타입 강제 변환이라고 한다. var x = 10; // 암묵적 타입 변환 // 숫자 타입 x의 값을 바탕으로 새로운 문자열 타입의 값을 생성해 표현..

→2022.03.11

[모던 자바스크립트 Deep Dive] 08장 제어문

1. 블록문 0개 이상의 문을 중괄호로 묶은 것 2. 조건문 조건문은 조건식의 결과에 따라 코드 블록의 실행을 결정한다. 2.1. if ...else 문 if (조건식1){ // 조건식1이 true 일때 실행 } else if (조건식2){ // 조건식2가 true일때 실행 } else { // 전부 false이면 실행 } 2.2. switch 문 switch (표현식) { case 표현식1: /* code */ break; default: break; } 3. 반복문 반복문은 조건식의 평가 결과가 참인 경우 코드 블록을 실행한다. 3.1. for 문 for(int i=0; i < 2; i++){ console.log(i); } 3.2. while 문 while (count < 3) { console.l..

→2022.03.11

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

1. 산술 연산자 증가/감소(++/--) 연산자는 위치에 의미가 있다. 뒤에 위치한 경우 먼저 다른연산을 수행하고 피연산자값을 증가/감소 시킨다. var x = 5, result; // 선대입 후증가 (Postfix increment operator) result = x++; console.log(result, x); // 5 6 // 선증가 후대입 (Prefix increment operator) result = ++x; console.log(result, x); // 7 7 // 선대입 후감소 (Postfix decrement operator) result = x--; console.log(result, x); // 7 6 // 선감소 후대입 (Prefix decrement operator) resu..

→2022.03.10

[모던 자바스크립트 Deep Dive] 06장 데이터 타입

1. 숫자타입 모든 수를 실수로 처리하며, 정수만 표현하기 위한 데이터타입이 별도로 존재하지 않는다. 2진수, 8진수, 16진수를 위한 데이터 타입을 모두 제공하지 않아 값을 참조하면 모두 10진수로 해석된다. var binary = 0b01000001; //2진수 var octal = 0o101; //8진수 var hex - 0x41; //16진수 //표기법만 다를 뿐 모두 같은 값이다. console.log(binary); //65 console.log(octal); //65 console.log(hex); //65 console.log(binary === octal); //true console.log(octal === hex); //true console.log(1*'String'); 위를 실행하..

→2022.03.09

[Git] 여러 커밋(Commit) 합치기

Git으로 협업하면서, 똑같은 메시지나 대충 쓴 커밋이 종종 있곤한데, 이것을 합치는 방법을 주로 협업할때 많이 사용해서 정리해놓으려고 한다. 지금은 포트폴리오 사이트를 제작했는데, 여기서 이렇게 쓴 메세지가 있다고 했을때 합치는 것을 말한다 ! 1. rebase 나는 2개의 커밋메시지를 합치는 거라, 아래의 메시지를 터미널에 입력한다. git rebase -i HEAD~2 2. 합칠 commit 메시지 선택 그러면 이런 창이 뜨는데, 여기서 합칠 커밋메시지의 pick은 놔두고 합침을 당하게될(?) 메시지를 을 s 로 변경해주면된다. -> s에서 pick한 커밋메시지로 합친다는 뜻 ! 위 사진처럼 말이다 . 그렇게 하고 저장, 종료(:wq)한다. 그렇게하면 git Graph를 통해 확인하면 이렇게 그래프..

→2022.03.09