[javascript] ES6+ 핵심 문법 정리 2

0) Intro javascript 문법 공부를 위해 Inflearn에 있는 강의를 듣고 정리한 글입니다. 코딩앙마님의 자바스크립트 중급 강좌 1) 나머지 매개변수와 전개 구문 arguments 함수로 넘어 온 모든 인수에 접근 함수내에서 이용가능한 지역 변수 Array 형태의 객체 배열의 내장 메서드가 없음. (forEach, map) arguments.length → arguments의 갯수 반환 code function showName(name) { console.log(arguments.length); console.log(arguments[0]); console.log(arguments[1]); } showName("slow", "wave"); //2 //slow //wave 나머지 매개변수(Rest parameters) ES6+부터는 나머지 매개변수 사용을 권장하고 있음. code //나머지 매개변수 function Movie(id, rating, ....

June 12, 2023 · 5 min · 873 words · Me

[javascript] 모던 자바스크립트 Deep Dive , 원시 값과 객체의 비교

1. 원시 값과 객체의 비교 0) 정리 자바스크립트의 데이터 타입 원시 타입(primitive type): 숫자, 문자열, 불리언, null, undefined, symbol 객체 타입(object/reference type): 객체 원시 타입 vs. 객체 타입 원시 타입 객체 타입 변경가능한가? immutable mutable 변수에 할당시 확보된 메모리 공간에는 어떤 값이 저장되는가? 실제 값 참조 값 변수를 다른 변수에 할당할 때 전달 방법은? 값에 의한 전달 참조에 의한 전달 1) 원시 값 원시 타입의 값은 변경 불가능한 값이다. (한번 생성된 원시 값은 읽기 전용 값임....

February 9, 2023 · 3 min · 562 words · Me

[javascript] 모던 자바스크립트 Deep Dive , 객체 리터럴

10장 객체 리터럴 1) 객체란? 자바스크립트는 객체(object) 기반의 프로그래밍 언어다. 원시값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)은 모두 객체다. 객체 타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조다. 객체 타입의 값은 mutable value다. (변할 수 있는 값) 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 key-value로 구성된다. 객체는 프로퍼티와 메서드로 구성된 집합체다. 프로퍼티 : 객체의 상태를 나타내는 값 메서드 : 프로퍼티를 참조하고 조작할 수 있는 동작 객체지향프로그래밍 : 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임 2) 객체 리터럴에 의한 객체 생성 자바스크립트는 프로토타입 기반 객체지향 언어로서 다양한 객체 생성 방법을 지원함....

February 7, 2023 · 2 min · 415 words · Me

[javascript] ES6+ 핵심 문법 정리

0) Intro javascript 문법 공부를 위해 Inflearn에 있는 강의를 듣고 정리한 글입니다. 두 강의 모두 자바스크립트 문법을 공부하는데 많은 도움이 되어 추천하고 싶습니다. 코드 예제의 경우 공부를 위해서 변형한 부분이 있습니다. 이룸코딩님의 자바스크립트 ES6+ 기초 핵심 문법 코딩앙마님의 자바스크립트 중급 강좌 1) 블록 범위 생성자 스코프 스코프는 변수에 접근 가능한 범위임. 종류 함수 레벨 스코프: 함수 블록 내에서 선언된 변수는 함수 내에서만 접근 가능 기존의 변수 선언 키워드인 var는 함수 스코프 블록 레벨 스코프:함수를 포함한 모든 코드 블록(함수, if 문, for문, while문, try/catch 문등) 내에서 선언된 변수는 코드 블록 내에서만 접근 가능 let, const는 블록 스코프 var의 문제점 함수를 제외한 다른 코드 블록에서는 개별적인 스코프를 가질 수 없다는 문제점 있음....

January 31, 2023 · 11 min · 2317 words · Me