본문 바로가기

2022-2 웹개발 스터디

(28)
[모던 JS] CH10 객체 리터럴, CH11 원시 값과 객체의 비교 CH10. 객체 리터럴 10.1 객체란? - 원시 타입의 값은 변경 불가능한 값이지만 객체 타입의 값인 객체는 변경이 가능한 값 - 객체는 0개 이상의 프로퍼티로 구성된 집합으로 프로퍼티는 키와 값으로 구성됨 - 객체는 프로퍼티와 메서드로 구성된 집합체 ! 프로퍼티: 객체의 상태를 나타내는 값 ! 메서드: 프로퍼티를 참조하고 조직할 수 있는 동작 10.2 객체 리터럴에 의한 객체 생성 다양한 객체 생성 방법을 지원함 - 객체 리터럴 - Object 생성자 함수 - 생성자 함수 - Object.create 메서드 - 클래스 var person = { name: 'Lee', sayHello: function () { console.log(`Hello! my name is ${this.name}.`); } }..
[모던 JS] CH8 제어문, CH9 타입 변환과 단축 평가 CH8. 제어문 8.1 블록문 : 0개 이상의 문을 중괄호로 묶은 것 : 자바스크립트는 블록문을 하나의 실행 단위로 취급 : 문의 끝에는 세미콜론을 붙이는 것이 일반적이나, 블록문은 자체 종결성을 갖기 때문에 세미콜론을 붙이지 않음 // 블록문 { var foo = 10; } // 제어문 var x = 1; if (x 0) { kind = '양수'; } else if (num < 0){ kind..
[모던 JS] CH6 데이터 타입, CH7 연산자 CH6. 데이터 타입 - 데이터 타입은 원시 타입과 객체 타입으로 분류할 수 있음 6.1 숫자타입 - JS는 하나의 숫자 타입만 존재함 - 모든 수를 실수로 처리하며 정수만 표현하기 위한 데이터 타입이 존재하지 않음 var integer = 10; var double = 10.12; var negative = -20; - 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 c..
[모던 JS] CH4 변수, CH5 표현식과 문 CH4. 변수 4.1 변수란 무엇인가? 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 10 + 20 // 변수는 하나의 값을 저장하기 위한 수단 var userId = 1; var userName = 'Lee'; // 객체나 배열 같은 자료구조를 사용하면 // 여러 개의 값을 하나로 그룹화해서 하나의 값처럼 사용 가능 var user = {id : 1, name : 'Lee'}; var users = [ {id : 1, name : 'Lee'}, {id : 2, name : 'Kim'} } 10, 20이 별개의 메모리 주소에 들어가 있고, 연산 결과 역시 따로 저장하고 있음 var res = 10 + 20; 4.2 식별자 - 어떤 값을 구별해서..