javascript

[JavaScript] 쉼표 연산자 (Comma Operator)

쉼표 연산자란 MDN에서는 다음과 같이 정의한다. 쉼표 연산자는 각 피연산자를 왼쪽에서 오른쪽으로 평가하고 마지막 피연산자의 값을 반환한다. 쉼표 연산자는 주로 여러 동작을 하나의 줄에서 처리하려는 복잡한 구조에서 활용할 수 있다. 연산자 우선순위에서 가장 낮은 순위를 가지기때문에 먼저 수행하기 위해서는 괄호를 사용해야 한다. let x, y, z; x = 1, y = 2, z = 3; // 3 console.log(x); // 1 let a, b, c; a = (b = 5, c = 6); // 6 console.log(a); // 6 쉼표 연산자의 활용 for 문 const array = [ ['a', 'b', 'c'], ['d', 'e', 'f'], ['g', 'h', 'i'], ]; for (let..

[Deep Dive] 14-15장

14장 전역 변수의 문제점 변수의 생명 주기 지역 변수의 생명 주기 전역 변수의 생명 주기는 애플리케이션의 생명 주기와 같다. 하지만 함수 내부에서 선언된 지역 변수는 함수가 호출되면 생성되고 함수가 종료하면 소멸한다. 즉, 지역 변수의 생명 주기는 함수의 생명 주기와 일치한다. 지역 변수가 함수보다 오래 생존하는 경우도 있다. 누군가 스코프를 참조하고 있으면 스코프는 소멸하지 않고 생존하게 된다. 지역 변수는 함수가 생성한 스코프에 등록된다. 따라서 변수는 자신이 등록된 스코프가 소멸(메모리 해제)될 때까지 유효하다. 또한 호이스팅은 스코프를 단위로 동작하며, 호이스팅은 변수 선언이 스코프의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징을 말한다고 할 수 있다. 전역 변수의 생명 주기 브..

[Deep Dive] 10-11장

10장 객체 리터럴 객체란? 자바스크립트는 객체 기반의 프로그래밍 언어이며, 원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)은 모두 객체다. 즉 객체는 변경 가능한 값이다. 객체는 프로퍼티의 집합이며, 프로퍼티는 키와 값으로 구성된다. 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드라 부른다. 프로퍼티 : 객체의 상태를 나타내는 값(data) 메서드 : 프로퍼티(상태 데이터)를 참고하고 조작할 수 있는 동작(behavior) var counter = { // 프로퍼티 num: 0, // 프로퍼티 키와 프로퍼티 값 // 메서드 increase: function() { this.num++; } }; 객체 리터럴에 의한 객체 생성 자바스크립트는 프로토타입 기반 객체지향 언어로서 클래..

[Deep Dive] 07-09장

07장 연산자 연산자는 하나 이상의 표현식을 대상으로 연산을 수행해 하나의 값을 만든다. 이때 연산의 대상을 피연산자라 한다. 피연산자가 "값"이라는 명사의 역할을 한다면 연산자는 "피연산자를 연산하여 새로운 값을 만든다"라는 동사의 역할을 한다고 볼 수 있다. 산술 연산자 이항 산술 연산자 : 2개의 피연산자를 산술 연산하여 숫자 값을 만든다. 이항 산술 연산자 의미 부수 효과 + 덧셈 X (피연산자에 어떠한 효과도 없음) - 뺄셈 X * 곱셈 X / 나눗셈 X % 나머지 X 단항 산술 연산자 : 1개의 피연산자를 산술 연산하여 숫자 값을 만든다 단항 산술 연산자 의미 부수 효과 ++ 증가 피연산자의 값을 변경하는 암묵적 할당이 이루어짐 -- 감소 피연산자의 값을 변경하는 암묵적 할당이 이루어짐 + 어..

[Deep Dive] 04-06장

04장 변수 변수란 무엇인가? 왜 필요한가? 프로그래밍 언어는 기억하고 싶은 것을 메모리에 저장하고, 저장된 값을 읽어 들여 재 사용하기 위해 변수라는 메커니즘을 제공한다. 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 간단히 말하자면 변수는 프로그래밍 언어에서 값을 저장하고 참조하는 메커니즘으로, 값의 위치를 가리키는 상징적인 이름이다. 변수에 값을 저장하는 것을 할당(대입, 저장)이라 하고, 변수에 저장된 값을 읽어 들이는 것을 참조라 한다. 식별자 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다. 변수, 함수, 클래스 등의 이름은 모두 식별자다. 선언에 의해 자바스크립트 엔진에 식별자의 존재를 알린다. 식별자로..

[제주코딩베이스캠프] JavaScript 2부

조건문과 반복문 조건문 if else if else switch 삼항연산자 let result = true ? 1 : 100; 반복문 for for in for of while do while forEach break : 해당 조건이 만족되었을때 반복문을 탈출 continue : 해당 조건이 만족되었을때 다음 루프로 넘어감 // for문 무한 반복 for (;;) { } // for in 문 무한 반복 let a = '19821'; for (let i of a) { s += parseInt(i); } let b = {'one':1, 'two':2}; for (let j in b) { console.log(j); } // while문 무한 반복 while (true) { } 함수와 클래스 함수 함수를 사용..

[제주코딩베이스캠프] JavaScript 1부

자바스크립트 자바스크립트는 버전업이 되어도 이전에 있었던 기능을 삭제하거나 기능을 변경 하지 않는다. ES5 부터 엄격모드, 배열메서드가 추가 ES6 부터 const, let, Promise, Arrow function, class 등의 문법들이 대거 추가 자바스크립트의 삽입 위치는 보통 body 태그의 맨 끝이다. 자바스크립트의 구조 문(statement)은 세미콜론으로 구분한다. 문은 값, 연산자, 키워드, 명령어, 표현식 등으로 구성된다. 공백은 병합한다. 주석 // 한 줄 주석 /* 여러줄 주석 */ 엄격 모드 "use strict"; use stirict 라는 지시자를 통해 엄격모드를 활성화 했을때만 최신 문법이 반영된다. 보통 코드의 최상단에 추가한다. class 문법의 경우 엄격 모드가 기본..