자바스크립트 딥다이브 - 10장

객체란? 원시 값과의 차이 원시 타입 단 하나의 값 만 나타낸다. 변경 불가능한 값 Immutable 이다. 객체 타입 원시 타입을 제외한 나머지 값 (함수, 배열, 정규표현식 등)은 모두 객체다. 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료 구조 이다. 다른 값을 참조하기 때문에 변경 가능한 값 Mutable 이다. 프로퍼티 란 객체의 상태 를 나타내는 값이며, 메서드 란 프로퍼티 를 참조하고 조작 할 수 있는 동작 을 처리한다. 팁 함수 는 객체를 생성하기도 하고, 함수 자체가 객체 이기도 한다. 객체 리터럴에 의한 객체 생성 클래스 기반 객체지향 언어 는 클래스를 사전에 정의하고 필요한 시점에 new 연산자 와 함께 생성자(constructor)를 호출하여 인스턴스 를 생성하는 방식으로 ..

• format_list_bulleted 프론트엔드/자바스크립트 딥다이브
• · 2023. 2. 3.
• textsms

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

1. 타입 변환이란? 자바스크립트 의 모든 값 은 타입이 있다. 값의 타입 은 개발자의 의도에 따라 다른 타입으로 변환 할 수 있다. 의도적 으로 값의 타입을 변환 하는 것을 명시적 타입 변환 또는 타입 캐스팅 이라 한다. const x = 10; const str = x + ''; console.log(typeof str, str); // string 10 console.log(typeof x, x); // number 10 위의 예제를 보면 x 는 number 타입이면서 10 인 변수다. 하지만, str 변수로 할당될 때 연산된 + 를 덧셈 연산자 가 아닌 문자열 연결 연산자 로 연산이 되었다. x 와 더해진 값이 '' 인 빈 문자열 이기 때문에 암묵적으로 타입을 변환 한 것이다. 2. 암묵적 타입 ..

• format_list_bulleted 프론트엔드/자바스크립트 딥다이브
• · 2023. 1. 31.
• textsms

자바스크립트 딥다이브 - 8장 제어문

8. 제어문 제어문(control of statement) 는 조건 에 따라 코드 블록을 실행 하거나 반복 할 때 사용한다. 일반적으로 코드 는 위에서 아래 방향으로 순차적으로 실행되는 Top Down 방식이다. 제어문 을 사용하면 코드의 실행 흐름 을 인위적으로 제어 할 수 있다. 제어문 은 실행 흐름 을 제어하기 때문에 가독성 을 해치는 단점 이 있다. 하지만, forEach, map, filter, reduce 같은 고차함수 를 사용하여 가독성 을 좋게 만들 수 있다. 1) 블록문 0개 이상 의 문(statement) 을 중괄호 {} 로 묶은 것으로 코드 블록 또는 블록 이라고 부른다. 자바스크립트 는 블록문 을 하나의 실행 단위 로 취급한다. 블록문 은 단독을 사용할 수도 있으나 일반적으로 제어문..

• format_list_bulleted 프론트엔드/자바스크립트 딥다이브
• · 2023. 1. 30.
• textsms

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

1. 정의 연산자 는 하나 이상의 표현식 을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값 을 만든다. 1) 산술 연산자 산술 연산자 는 피 연산자 를 대상으로 수학적 계산을 수행해서 새로운 숫자 값 을 만든다. #1. 이항 산술 연산자 이항 산술 연산자 의미 부수 효과 + 덧셈 X - 뺄셈 X * 곱셈 X / 나눗셈 X % 나머지 X #2. 단항 산술 연산자 단항 산술 연산자 의미 부수 효과 ++ 증가 O -- 감소 O #3. 문자열 연결 연산자 +연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다. 2) 할당 연산자 할당 연산자 는 우항 에 있는 피연산자의 평가 결과 를 좌항 에 있는 변수 에 전달한다. 3) 비교 연산자 비교 연산자 는 좌항..

• format_list_bulleted 프론트엔드/자바스크립트 딥다이브
• · 2023. 1. 27.
• textsms