본문 바로가기

자바스크립트

 (28)
자바스크립트의 자료형 - 원시 타입(primitive type)과 객체 타입(object type)의 특징 👾 원시 타입(primitive type) 변수에 할당시 메모리 공간에 값 자체가 저장된다. 원시 값을 갖는 변수를 다른 변수에 할당하면 원시 값 자체가 복사되어 전달된다. (pass-by-value) → 원본을 변경해도 복사본에 영향을 미치지 않는다. 원시 값은 Immutable value(변경 불가능한 값). 즉, 한 번 생성된 원시 자료형은 읽기 전용(read only) 값이다. → 변수에 다른 값을 재할당시 새로운 원시값이 생성되며, 변수가 다른 메모리 공간을 참조한다. 그리고 기존에 사용하지 않는 값은 자동으로 메모리에서 삭제된다. (JavaScript의 가비지 콜렉터(garbage collector) 작동) 👾 객체 타입(object/reference type) 변수에 할당시 저장 공간을 참조..
자바스크립트의 자료형 (data type) 👾 타입(data type, 자료형) 이란? C나 Java와 같은 언어는 정적 타입(static type) 언어로 변수 선언 시 변수에 저장할 값의 종류를 사전에 타입 지정(Type annotation)하여야 한다. 반면 자바스크립트는 변수의 타입 지정 없이 값이 할당되는 과정에서 자동으로 타입이 결정되는 ‘동적 타입(dynamic type)’ 언어이다. 변수 선언시 메모리에 값을 저장하기 위해서는 먼저 메모리 공간을 확보해야 할 메모리의 크기(byte)를 알아야한다. 이는 값의 종류에 따라 확보해야 할 메모리의 크기가 다르기 때문이다. 이때 값의 종류, 즉 데이터의 종류를 데이터 타입(data type)이라 한다. → 기본 타입은 크게 원시 타입과 객체 타임으로 구분할 수 있다. → 각 타입은 고유한 ..
자바스크립트 ES6 화살표 함수 기본 화살표 함수란 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법으로, 화살표 함수라는 이름은 문법의 생김새를 차용해 지어졌다. // 화살표 함수 let func = (arg1, arg2, ...argN) => expression // 함수 표현식 let func = function(arg1, arg2, ...argN) { return expression; } → 인자(arg1 ...argN)를 받는 함수 func가 만들어지고, 함수 func는 화살표(⇒) 우측의 표현식(expression)을 평가하고, 평가 결과를 반환한다. 👾 화살표 함수로 함수를 정의할 때 생략할 수 있는 규칙 1. 매개변수가 한 개일 때, 소괄호()를 생략할 수 있다. // 매개변수가 한 개일 때, 소괄호를 생략할..
Section1 Unit9 과제 JavaScript Koans Section1 Unit9 [JavaScript] JavaScript Koans ⭐️ 과제. JavaScript Koans 이번 유닛의 JavaScript Koans 과제를 진행하며, 자바스크립트의 기본 개념을 정리할 수 있었다. Javascript Koans는 1번 소개 챕터를 제외하고, 10번까지 9개의 챕터로 나눈 파일이 제공되었다. (타입, 변수, 스코프, 함수, 배열, 객체, 스프레드 문법 등) 헷갈렸던 부분들은 따로 정리하고, 문제도 최대한 다 이해하려 했다. 이번 TIL에서는 헷갈렸던 개념이랑 문제들, 따로 찾아보기를 권고했던 사항 중에 내가 잘 몰랐던 부분들을 위주로 정리를 해볼까 한다 🙂 • 03_LetConst.js Q. 재할당도 안되는 'const' 키워드를 굳이 써야하는지 이해가 안..
Section1 Unit9 JavaScript 핵심 개념과 주요 문법 - ES6 신규 문법 Section1 Unit9 [JavaScript] 핵심 개념과 주요 문법 - ES6 신규 문법 📌 Chapter4. ES6 신규 문법 이번 유닛에서 학습한 내용들은 아래와 같은 ES6 신규 문법이었다. 다른 문법은 노션에 정리해두고, 자주 사용했던 화살표 함수는 블로그에도 따로 정리를 해보았다 🙂 • spread 문법과 rest 문법 • 구조분해할당 • 화살표 함수 자바스크립트 ES6 화살표 함수 기본 화살표 함수란 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법으로, 화살표 함수라는 이름은 문법의 생김새를 차용해 지어졌다. // 화살표 함수 let func = (arg1, arg2, ...argN) => fay-story.com ⭐️ 과제. JavaScript Koans 이번 과제로..
Section1 Unit9 JavaScript 핵심 개념과 주요 문법 - 자료형, 스코프, 클로저 Section1 Unit9 [JavaScript] 핵심 개념과 주요 문법 - 자료형, 스코프, 클로저 📌 Chapter1. 원시 자료형과 참조 자료형 • 원시 자료형(primitive data type) : number, string, boolean, undefined, null → 데이터를 복사 때 데이터값이 복사되기 때문에 기존의 데이터에 영향이 가지 않는다. • 참조 자료형(reference data type) : array, object, function → 데이터 복사 시 주소를 복사하기 때문에 기존의 데이터에도 영향이 간다. 📌 Chapter2. 스코프 • 스코프(scope)는 변수와 함수가 유효한 범위를 결정하는 규칙이다. 스코프는 변수와 함수가 언제, 어디서, 어떻게 사용 가능한지를 정의한..
Section1 Unit8 JavaScript 객체 Section1 Unit8 [JavaScript] 배열, 객체 - 객체 📌 Chapter2. 객체 • 객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합. let user = { fristName: "Haily", lastName: "Lee", city: "Seoul" }; // 객체표기법 user.firstName // Haily → Dot notation user["city"] // Seoul → Bracket notation → 객체는 키(key)와 값(value)으로 이루어지며, 키와 값 사이는 콜론(:)으로 구분한다. → 중괄호를 이용해서 객체를 만들고, 키과 값은 쉼표로 구분한다. ⬇︎ 키 값이 동적으로 변할 때는(ex. 변수일때) Bracket..
Section1 Unit8 JavaScript 배열 Section1 Unit8 [JavaScript] 배열, 객체 - 배열 📌 Chapter1. 배열 • 배열은 이름과 인덱스로 참조되는 정렬된 값의 집합으로, 하나의 변수에 여러 개의 데이터를 저장할 수 있다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 한다. // 배열 선언 let myNumber = [7, 45, 34, 123, 3]; // 배열 조회 myNumber[3] // 123 값을 조회. myNumber[3] = 200; // 값을 변경 myNumber[5] // undefined myNumber.length // 5 • console.table() 표 형식의 데이터를 테이블로 표시한다. → 이렇게 출력할 수 있는..
반응형

티스토리툴바