모던 자바스크립트 딥다이브 9장 - 타입 변환과 단축 평가

1. 타입 변환이란?자바스크립트의 모든 값은 타입이 있고, 타입은 다른 타입으로 변환할 수 있다. 이때, 개발자가 의도적으로 타입을 변환하는 것을 명시적 타입 변환 & 타입 캐스팅이라 한다. 하지만 개발자의 의도와 상관 없이 암묵적으로 타입이 변환되는 것을 암묵적 타입 변환 & 타입 강제 변환이라 한다. 그런데 이런 명시적 타입 변환, 암묵적 타입 변환이 기존 원시 갑을 직접 변경하는 것은 아니다. 원시 값은 변경 불가능한 값이므로 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성하는 것이다.2. 암묵적 타입 변환자바스크립트는 가급적 에러를 발생시키지 않도록 암묵적 타입 변환을 통해 표현식을 평가하고,암묵적 타입 변환이 발생하면 문자열, 숫자, 불리언과 같은 원시 타입 중 하나로 타입을 자동 변..

• format_list_bulleted JS
• · 2025. 2. 14.
• textsms

모던 자바스크립트 딥다이브 7장 - 연산자

연산자는 하나 이상의 표현식을 대상으로 산술, 할당 등을 수행해 하나의 값을 만든다. 이때 연산의 대상을 피연산자라 한다.​피연산자는 값으로 평가될 수 있는 표현식이어야 한다.그리고 피연산자와 연산자의 조합으로 이뤄진 연산자 표현식도 값으로 평가될 수 있는 표현식이어야 한다.let a = 5; // 'a'는 변수 (피연산자 역할 가능)let b = 10; // 'b'도 피연산자 역할 가능let sum = a + b; // 'a + b'는 표현식, '+'는 연산자, 'a'와 'b'는 피연산자1. 산술 연산자피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다.산술 연산이 불가능하면 NaN을 반환한다.​피연산자 개수에 따라 이항 산술 연산자, 단항 산술 연산자로 구분할 수 있다.​1-1) 이항 ..

• format_list_bulleted JS
• · 2025. 2. 12.
• textsms

모던 자바스크립트 딥다이브 6장 - 데이터 타입

데이터 타입(=타입)은 값의 종류를 말한다. 자바스크립트의 모든 값은 데이터 타입을 갖고, 7개의 데이터 타입을 제공한다. 이 7개의 데이터 타입은 원시 타입과 객체 타입으로 분류할 수 있다. 원시 타입은 숫자, 문자, 불리언, undefined, null, 심벌 타입이 있고,객체 타입은 객체, 함수, 배열 등을 나타낸다.1. 숫자 타입자바스크립트는 하나의 숫자 타입만 존재하며, 모든 수를 실수로 처리한다. 이는 정수로 표시된다 해도 사실은 실수라는 것을 의미하며, 정수로 표시되는 수끼리 나누더라도 실수가 나올 수 있다. 숫자 타입은 추가적으로 Infinity(양의 무한대), -Infinity(음의 무한대), NaN(산술 연산 불가) 세 가지 특별한 값도 표현할 수 있다. 또 자바스크립트는 대소문자를 구..

• format_list_bulleted JS
• · 2025. 2. 11.
• textsms

모던 자바스크립트 딥다이브 5장 - 표현식과 문

값값은 식(표현식)이 평가되어 생성된 결과를 말한다.평가란 식을 해석해서 값을 생성하거나 참조하는 것을 의미한다. 예로 들면 10 + 20 이라 치면 10 + 20은 평가 되어 숫자 값 30을 생성한다는 것이다. 모든 값은 데이터 타입을 가지며 메모리에 2진수 (=비트)의 나열로 저장된다.메모리에 저장된 값은 데이터 타입에 따라 다르게 해석 될 수 있다.  값은 변수에 할당된다. var sum = 10 + 20 이 있으면 sum이라는 변수에는 10 + 20이 평가된 결과인 숫자 값 30이 할당된다. 따라서 10 + 20은 할당 이전에 평가되어 값을 생성해야 한다.2. 리터럴리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법이다. 자바스크립트 엔진은 코드가 실행되는 시점인..

• format_list_bulleted JS
• · 2025. 2. 10.
• textsms

모던 자바스크립트 딥다이브 4장 - 변수

변수란 무엇인가? 왜 필요한가?  자바스크립트 코드를 계산(평가)하려면 10, 20, + 라는 각각의 기호 (리터럴, 연산자)의 의미를 알고 있어야 한다. 또 10 + 20이라는 식(표현식)의 의미도 해석(파싱) 할 수 있어야 한다. 자바스크립트 엔진은 연산을 수행하기 위해 먼저 우변의 숫자 값인 피연산자를 기억한다. 사람과 다르게 컴퓨터는 cpu를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체로, 메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기(1바이트 단위)로 데이터를 저장하거나 읽어 들인다. 각 셀은 고유의 메모리 주소를 갖는다. 이 메모리 주소는 메모리 공간의 위치를 나타내며 정수로 표현된다. 하여튼 다시 돌아..

• format_list_bulleted JS
• · 2025. 2. 9.
• textsms

모던 자바스크립트 딥다이브 3장 - 자바스크립트 개발 환경과 실행 방법

자바스크립트 실행 환경 모든 브라우저는 자바스크립트 엔진을 내장하고 있다.또한 Node.js도 자바스크립트 엔진을 내장하고 있다.= 자바스크립트는 브라우저 + 노드 환경에서 실행할 수 있다. 단, 브라우저와 노드는 용도가 서로 다르다.브라우저는 -> 웹페이지를 화면에 렌더링 이라면,노드 -> 브라우저 외부에서 자바스크립트 실행 환경 제공 이 목적이다.따라서 브라우저와 노드는 ECMAScript 이외에 추가로 제공하는 기능은 호환되지 않는다.(브라우저는 DOM API 기본 제공, 노드는 제공X 등...)웹 브라우저 다양한 웹 브라우저에서 크롬이 시장 점유율이 가장 높고, 많이 쓰인다. (하지만 난 웨일,,,~)개발자 도구 브라우저에 기본 내장되어 있으므로 별도로 설치할 필요가 없고,윈도우에서 F12 단축키..

• format_list_bulleted JS
• · 2025. 1. 27.
• textsms