자바스크립트

Programing/Javascript

[Deep Dive] 원시값과 객체

자바스크립트내 타입은 크게 원시타입(primitive type) 과 객체타입(object/reference type) 으로 나뉜다고 배웠다. 앞에서 계속해서 원시타입값들에 대해 다루어봤고, 객체타입으로 따로 나뉜다는 것 자체부터 자바스크립트에서 객체 타입이 차지하는 비중이 작지 않다는 것을 유추할 수 있다. 이 두가지 타입의 차이점을 요약하면 크게 3가지로 나눌 수 있다. 원시 값은 변경 불가능한 값(immutable value)이다. 반대로 객체는 변경이 가능한 값(mutable value) 이다. 원시 값을 변수에 할당하면 변수(확보된 메모리 공간)에는 실제 값이 저장된다. 반면 객체를 변수에 할당하면(확보된 메모리공간)에서는 참조 값이 저장된다. 원시값을 가지는 변수를 다른 변수에 할당하면 원시값이..

Programing/Javascript

[Deep Dive] 객체 리터럴

10-1. 객체란? 자바스크립트를 공부해오면서 정말로 많이 들었던 말이 객체라는 단어다. 이유는 잘 몰랐지만 객체기반의 프로그래밍 언어라고 알고 있었고, 자바스크립트를 구성하는 거진 모든 것이 객체라고 한다. (원시값을 제외한 나머지 값이 객체) 그렇다면 객체는 무엇일까? 원시 타입은 단 하나의 값만 나타내지만 객체 타입은 다양한 타입의 값 (원시 값 또는 다른 객체)을 하나의 단위로 구성한 복합적인 자료구조(data structure)라고 한다. 객체 내부값은 변경이 가능한데, 이는 11장에서 좀 더 자세히 다뤄보도록 하자. 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 키(key) 와 값(value) 로 구성된다. 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있다. 위..

Programing/Javascript

[Deep Dive] 데이터 타입

자바스크립트의 데이터 타입은 총 8가지를 가진다. (ES11 에서 새로운 원시값 BigInt 가 추가되었다. 기존 숫자값의 최대치보다 더 큰 숫자를 표현할때 사용된다.) 구분 데이터타입 설명 원시 타입 숫자 타입(number) 숫자, 정수와 실수 구분 없이 하나의 숫자 타입 문자 타입(string) 문자열 불리언 타입(boolean) 논리적 참(true)과 거짓(false) undefined var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 심벌 타입 ES6에서 추가된 7번째 타입 bigint 타입 ES11에서 추가된 8번째 타입 객체 타입 객체, 함수, 배열 등 6-1. 숫자타입 자바스크립트는 독특하게 하나의 숫자 타입만 존재한다. 모든 ..

Programing/Javascript

[Deep Dive] 변수

이 포스트는 [모던 자바스크립트 Deep Dive] 서적을 기반으로 정리한 글입니다. 다시 한번 돌아가서, 조금 급한 마음으로 학습을 진행하고, 프로젝트를 진행하느라 예전에 공부했었던 자바스크립트가 가물가물하다. 사실 뭐 얼마나 지났다고 벌써부터 이런건지 당황스럽지만, 인간은 망각의 동물이 아니던가? 체념하고 다시 더 깊숙히 공부를 해보자. 마침 좋은 책이 있어서 이 책을 기반으로 정리하는 식으로 글을 작성해보려 한다. 조금은 간략하게 작성할 수 있겠지만, 추가할 내용이 있으면 추가하고 사실 이 책 하나만 제대로 파고 공부해도, 충분히 자바스크립트에 대하여 다질 수 있을 것이라 생각하여 매일같이 공부를 해보고자 한다. 분량이 많은 편이기에, 길게 잡고 공부를 이어가보자. 4-1. 변수란 무엇인가? 간단한..

Yelihi
'자바스크립트' 태그의 글 목록