JavaScript

01. 함수 호출 함수를 선언은 함수 본문 내부 코드를 실행하도록 요청하는 기능은 하지 않고 함수의 존재를 선언합니다. 함수 내부의 코드는 함수가 "호출 될 때만 실행 됩니다." 코드에서 함수를 호출 하려면 함수 이름과 괄호를 입력하면 됩니다! https://s3.amazonaws.com/codecademy-content/courses/learn-jav...

객체란 ? 객체는 이름과 값으로 구성된 프로퍼티들의 집합이라고 할 수 있다. 객체는 {}(중괄호)로 감싸져 있고, 콜론으로 구분된 이름/값의 쌍들이 쉼표로 분리된 목록의 형태입니다. 01.객체를 만들어 보자..! let plan1 = { name : 'Basic', price : 3.99, space ...

개념 정리를 다시 01. 다시 나타난 오브젝트 객체는 다른 데이터 타입(텍스트, 숫자, 배열 등..)처럼 변수에 저장이 가능하다. {} 만 사용하면 된다. hi 라는 변수에 빈 객체를 할당 하는 코드를 만들어 보자 let hi = {}; 배열처럼 순서가 있는 데이터의 모음이 아닌 순서가 없는 데이터의 모음입니다. 객체는 키(key)-값...

화살표 함수(arrow function)는 ES6 문법에서 함수를 표현하는 새로운 방식입니다. 그렇다고 해서 기존 function을 이용한 함수 선언 방식을 아예 대체하지는 않습니다. 사용 용도가 조금 다릅니다. 이 문법은 주로 함수를 파라미터로 전달할 때 유용합니다. 이 문법이 기존 function을 대체할 수 없는 것은 용도가 다르기 때문입니다. 우선...

이벤트 리스너 이벤트 리스너는 말 그대로 해당 이벤트에 대해 대기중인 겁니다. 해당 이벤트가 발생했을 때 등록했던 이벤트 리스너가 실행됩니다. 위 코드를 보면 window 가 실행될 때에 함수 부분이 실행되는 겁니다. 실행되는 것을 누가 알려주냐면, 브라우저가 알려줍니다. 이벤트를 붙이는 다른 방법으로는 addEventListener가 있습니다. ...

비구조화 할당? 배열이나 객체의 속성을 해체하여 그 값을 "개별 변수"에 담을 수 있게 하는 javaScript 표현식 간단히 말해서 객체 혹은 배열 안의 값을 편하게 꺼내 쓸 수 있는 문법 Array 기존에 배열을 사용할 때는 아래의 코드처럼 사용했습니다. animal이라는 'dog','cat','bird'를 가지고 있는 배열입니다. 이 변수가...

scope란? '변수가 어디까지 쓰일 수 있는지'의 범위를 의미합니다. 어떤 변수는 여기저기서 쓸 수 있는 반면에(var 같은 경우), 어떤 변수는 특정 함수 내에서만 사용이 가능한 이러한 개념이 Scope 입니다. Block block이란 중괄호({}, curly brace)로 감싸진 것을 block이라고 합니다. {}(block) 내부에서 변수가 ...

rest, spread 문법에 대해 알아보기 전에 파라미터와 아규먼트에 대해 먼저 알아보자! 1.파라미터 & 아규먼트 아규먼트란 함수가 실행될 때 넣는 값 파라미터란 함수에서 받을 수 있는 변수 2.파라미터 기본값 ES6부턴 함수 파라미터에 기본값을 설정할 수

비구조화 할당 > 여러 라인에 걸쳐 적어야만 했던 할당을 보다 간결하게 쓸 수 있다. * 객체 안에 있는 값을 추출해서 변수 혹은 상수로 바로 선언이 가능하다!* 보통 객체의 값에 접근할 때 객체의 비구조화 할당 배열도 비구조화 할당이 가능하다! 보통 배열 ar

스터디를 준비하면서 기존의 변수 키워드인 var와 es6 이후에 도입된 const, let의 차이점을 명확히 알기위해 정리 해 봤습니다. let과 const가 나온 이유? 기존에 var 변수 키워드가 있는데 왜 let, const가 생겼을까? 호이스팅의 문제 변수의

ES6에 새로 추가된 Map 타입의 기본 문법과 특징을 알아보자. Map은 key와value가 [key,value] 형식으로 이루어진 리스트 Map 생성 ㅡ Map 객체 생성은 다음 new Map()으로 생성하고 Map.set()으로 요소를 추가할 수 있다. set