JavaScript

JavaScript/모던 자바스크립트 Deep Dive

6. 제어문

제어문 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문)할 때 사용한다. 조건문 주어진 조건식의 평가 결과에 따라 코드 블록의 실행을 결정한다. if ... else 문: 논리적 참, 거짓으로 실행할 코드 블록을 결정할 때 사용 switch 문: 다양한 케이스에 따라 실행할 코드 블록을 결정할 때 사용 break 키워드를 써야 해당 케이스 블록에서 탈출한다. 그렇지 않으면 실행 흐름이 다음 case 문으로 이동한다. // 월을 영어로 변환한다. (11 → 'November') var month = 11; var monthName; switch (month) { case 1: monthName = 'January'; break; case 2: monthName = 'February'; bre..

JavaScript/모던 자바스크립트 Deep Dive

5. 연산자 (Operator)

연산자 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다. ❓연산의 대상 = 피연산자(Operand) 피연산자는 값으로 평가될 수 있는 표현식이어야 한다. 그리고 피연산자와 연산자의 조합으로 이뤄진 연산자 표현식도 값으로 평가될 수 있는 표현식이어야 한다. 자바스크립트가 제공하는 다양한 연산자에 대해 살펴본다. 산술 연산자 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다. 산술 연산이 불가능한 경우, NaN을 반환한다. 이항 산술 연산자 2개의 피연산자를 산술 연산해 숫자 값을 만든다. + (덧셈), - (뺄셈), * (곱셈), / (나눗셈), % (나머지) 단항 산술 연산자 1개의 피연산자를 산술 연산하여 숫자 값을 만든다. ..

JavaScript/모던 자바스크립트 Deep Dive

4. 데이터 타입 (Data Type)

원시 타입과 객체 타입 원시 타입: 변경 불가능한 값(immutable value) 객체 타입: 변경 가능한 값(mutable value) 즉, 객체는 새로운 값을 다시 만들 필요없이 직접 변경이 가능하다는 것이다. 원시 타입 (primitive data type) number string boolean undefined null symbol (ES6에서 추가) 객체 타입 (object/reference type) object number (숫자 타입) 자바스크립트는 다른 프로그래밍 언어와 달리 하나의 숫자 타입만 존재한다. 정수, 실수, 2진수, 8진수, 16진수 리터럴은 모두 메모리에 64비트 부동소수점 형식의 2진수로 저장된다. 자바스크립트는 2진수, 8진수, 16진수를 표현하는 데이터 타입을 제공..

JavaScript/모던 자바스크립트 Deep Dive

3. 표현식과 문

값 식(표현식)이 평가되어 생성된 결과 평가: 식을 해석해서 값을 생성하거나 참조하는 것 모든 값은 데이터 타입을 가지며 메모리에 2진수(비트)의 나열로 저장된다. 따라서 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석될 수 있다. 리터럴 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 값은 다양한 방법으로 생성할 수 있다. 가장 기본적인 방법은 리터럴을 사용하는 것이다. 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다. // 숫자 리터럴 10.50 1001 // 정수 리터럴 0b01000001 // 2진수 리터럴 0o101 // 8진수 리터럴 0x41 // 16진수 리터럴 // 문자열 리터럴 'Hello' "World" // 불리언 리..

JavaScript/모던 자바스크립트 Deep Dive

2. 변수

변수(Variable) 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 var result = 10 + 20; // result: 변수 이름, 변수값: 10 + 20이 계산된 결과인 30 변수는 메모리 셀에 저장된 값의 위치를 가리키는 상징적인 이름이다. 변수는 프로그래밍 언어의 컴파일러 또는 인터프리터에 의해 값이 저장된 메모리 공간의 주소로 치환되어 실행된다. 할당(Assignment) : 변수에 값을 저장하는 것 참조(Reference): 변수에 저장된 값을 읽어 들이는 것 변수 이름: 사람이 이해할 수 있는 언어로 값이 저장된 메모리 공간에 붙인 상징적인 이름 변수 이름을 사용해 참조를 요청하면 자바스크립트 엔진은 변수 이름과 매핑된 메모리 주소..

JavaScript/모던 자바스크립트 Deep Dive

1. 개요

프로그래밍과 컴퓨팅 사고 프로그래밍 요구사항을 정확하게 이해한 후 코드로 적절한 문제 해결 방안을 정의하는 것 컴퓨팅 사고 컴퓨터와 사람은 사고, 인지의 방식이 다르다. 따라서, 컴퓨터의 관점에서 문제를 사고해야 한다. 해결 과제를 작은 단위로 분해하고 패턴화해서 추출하며, 프로그래밍 내에서 사용될 모든 개념은 평가 가능하도록 정의해야 한다. 예를 들어, '듣다'라는 행위는 사람에게는 당연한 하나의 기능이다. 또한, 소리가 '크다'/'작다'라는 표현은 상대적인 개념으로 기준이 불명확하다. 따라서, 컴퓨터에게는 "현재 볼륨보다 1단계 크게 조정하라", "볼륨을 60으로 조정하라"와 같이 양적 개념인 숫자를 사용해 명령해야 한다. 프로그래밍 언어 프로그래밍 언어를 통해 컴퓨터에게 명령을 전달하고, 컴퓨터는 ..

sandwe
'JavaScript' 카테고리의 글 목록 (4 Page)