본문 바로가기

분류 전체보기90

[Javascript 강의] 6강 객체 객체 원시 타입의 값, 즉 원시 값은 변경 불가능한 값이지만 객체 타입의 값, 즉 객체는 변경 가능한 값이다. 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있다. 자바스크립트의 함수는 일급 객체이므로 값으로 취급할 수 있다. 프로퍼티: 객체의 상태를 나타내는 값 메서드: 프로퍼티를 참조하고 조작할 수 있는 동작 객체 리터럴에 의한 객체 생성 //객체 생성 방법 1. 객체 리터럴 2. Object 생성자 함수 3. 생성자 함수 4. Object.create 메서드 5. 클래스(ES6) //객체 리터럴 생성 var person ={ name: 'Lee', sayHello: function(){ console.log(`Hello: My name is ${this.name}`); } } co.. 2021. 9. 14.
[Javascript 강의] 5강 제어문 제어문 조건에 따라 코드 블록을 실행하거나 반복 실행할 때 사용한다. 제어문은 코드의 흐름을 이해하기 어렵게 만들어 가독성을 해치는 단점이 있다. 가독성이 좋지 않은 코드는 오류를 발생시키는 원인이 된다. 나중에 살펴볼 forEach, map, filter, reduce 같은 고차 함수를 사용한 함수형 프로그래밍 기법에서는 제어문의 사용을 억제하여 복잡성을 해결하려고 노력한다. 블록문 조건문 1. if else 문 2. switch문 반복문 1. for 2. while 3. do... while 4. break 문 5. continue 문 6.반복문을 대체할 수 있는 다양한 기능 1) 배열순회 : forEach 2) 객체 프로퍼티 열거: for in 3) 이터러블 순회: for of 2021. 9. 14.
[Javascript 강의] 4강 연산자 연산자 연산자는 하나 이상의 푠현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다. //산술 연산자 5 * 4 //20 //문자열 연결 연산자 'My name is ' + 'Kim'; //할당 연산자 color = 'red'; //비교 연산자 3 > 5 //논리 연산자 true && false //타입 연산자 typeof 'HI' //쉼표 연산자 var x,y,z; //그룹 연산자 10 * (2 + 3); //50 //지수 연산자 2 ** 2; //4 비교 연산자 동등 비교(==) 연산자는 좌항과 우항의 피연산자를 비교할 때 먼저 암묵적 타입 변환을 통해 타입을 일치시킨 후 같은 값인지 비교한다. //동등 비교. 결과를 예측하기 어렵다. '0' == ''; //.. 2021. 9. 12.
[Javascript 강의] 3강 데이터 타입 데이터 타입 자바스크립트는 7개의 데이터 타입을 제공한다. //원시타입 1. 숫자 타입 2. 문자열 타입 3. 불리언 타입 4. undefined 타입 5. null 타입 6. 심벌 타입 //객체타입 7. 객체 타입 undefined : 자바스크립트 엔진이 변수를 초기화하는 데 사용. 개발자가 의도적으로 변수에 할당한다면 undefined의 본래 취지와 어긋날뿐더러 혼란을 줄 수 있으므로 권장하지 않는다. 변수에 값이 없다는 것을 명시하고 싶을 때는 null을 할당 하라. null : 자바스크립트는 대소문자를 구별하므로 null은 Null, NULL 등과 다르다. 변수에 값이 없다는 것을 의도적으로 명시할 때 사용한다. 템플릿 리터럴 ES6부터 템플릿 리터럴이라고 하는 새로운 문자열 표기법이 도입되었다... 2021. 9. 12.

티스토리툴바