본문 바로가기

Language/Javascript15

[모던 자바스크립트 Deep Dive][07] 연산자 연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입 지수 연산 등을 수행해 하나의 값을 만든다.이때 연산의 대상을 피연산자 라고 한다. 값으로 평가될 수 있는 표현식이어야 한다.피연산자와 연산자의 조합으로 이뤄진 표현식도 값으로 평가될 수 있는 표현식이다. // 산술 연산자5 * 4 // -> 20// 문자열 연결 연산자'My name is ' + 'Lee' // -> 'My name is Lee'// 할당 연산자color = 'red' // -> 'red'// 비교 연산자3 > 5 // -> false// 논리 연산자true && false // -> false// 타입 연산자typeof 'Hi' // -> string  산술 연산자산술 연산자는 피연산자를 대상으로 수학적 계산을 .. 2024. 4. 30.
[모던 자바스크립트 Deep Dive][06] 데이터 타입 데이터 타입데이터 타입은 값의 종류를 말한다.ES6에서는 7개의 데이터 타입을 제공한다. 예를들어, 숫자 타입의 1과 문자열 타입의 '1'은 전혀 다른 값이다.  숫자 타입자바스크립트는 하나의 숫자 타입만 존재한다.모든 수를 실수로 처리하며, 정수만 표현하기 위한 데이터 타입이 별도로 존재하지 않는다.// 모두 숫자 타입이다.var integer = 10; // 정수var double = 10.12; // 실수var negative = -20; // 음의 정수 자바스크립트는 2진수, 8진수, 16진수를 표현하기 위한 데이터 타입을 제공하지 않기 때문에 값을 참조하면 모두 10진수로 해석된다.var binary = 0b01000001; // 2진수var octal = 0o101; // .. 2024. 4. 29.
[모던 자바스크립트 Deep Dive][05] 표현식과 문 값값(value) : 식이 평가되어 생성된 결과변수에 할당되는 것은 값이다. var sum = 10 + 20;  리터럴리터럴 : 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법3 위의 3은 단순한 아라비아 숫자가 아니라 숫자 리터럴이다.예) 문자열 리터럴 'Hello', 불리언 리터럴 true / false, 정수 리터럴 100, 함수 리터럴 function () {} ...  표현식표현식 : 값으로 평가될 수 있는 문. 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다.따라서 리터럴도 표현식이다.// 리터럴 표현식10'Hello'// 식별자 표현식(선언이 이미 존재한다고 가정)sumperson.namearr[1]// 연산자 표현식10 + 20sum = 10s.. 2024. 4. 23.
[모던 자바스크립트 Deep Dive][04] 변수 변수란 무엇인가 왜 필요한가?다음과 같은 자바스크립트 코드를 실행하면 컴퓨터에서는 어떤 일이 일어날까?10 + 20 자바스크립트 엔진이 10+20 이라는 식의 의미를 해석하면 + 연산좌의 좌변과 우변의 숫자값, 즉 피연산자를 기억한다. 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다.메모리는 메모리 셀의 집합체며, 메모리 셀 하나의 크기는 1바이트 이다.컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어들인다.  각 셀은 고유의 메모리 주소를 갖는다. 0부터 시작해서 메모리 크기만큼 정수로 표현된다.10과 20은 메모리 상의 임의의 위치에 기억(저장)되고 CPU는 이 값을 읽어들여 연산을 수행한다.연산 결과로 생성된 숫자 값 30 역시 임의의 위치에 저장된다.(.. 2024. 4. 22.