자바스크립트는 프로토타입 기반 언어입니다. 클래스 기반의 언어에서는 상속을 사용하지만, 프로토타입 기반 언어에서는 어떤 객체를 원형으로 삼고 이를 복제(참조)함으로써 상속과 비슷한 효과를 얻습니다. (유명한 대부분의 프로그래밍 언어의 상당수가 클래스 기반입니다.) 6

클로저의 개념은 여러 함수형 프로그래밍 언어에서 등장하는 보편적인 특성입니다. (추후 객체지향 프로그래밍, 함수형 프로그래밍에 대해 블로깅할 예정입니다.)클로저에 대해 여러 서적에서는 다양하게 정의하지만, MDN에서는 클로저에 대해 함수와 그 함수가 선언될 당시의 Le

4-1 콜백 함수란? 콜백함수는 다른 코드의 인자로 넘겨주는 함수를 의미합니다. 콜백함수의 가장 큰 특징은 다른 코드에 인자로 넘겨주면서 그 제어권도 함께 위임한다는 것입니다. 콜백 함수를 위임받은 코드는 로직에 의해 이 함수를 적절한 시점에서 실행하게 되는 것입니다.

What is 'this'? 다른 대부분의 객체지향 언어에서 this는 클래스로 생성한 인스턴스 객체를 의미합니다. 그러나, 자바스크립트에서 this는 어디서든 사용 가능합니다. 자바스크립트에서 this의 또 다른 특징은 동적으로 변경된다는 것입니다. 상황에 따라 t

2-1 실행 컨텍스트란? 실행할 코드에 제공할 환경 정보들을 모아놓은 객체로, 자바 스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는 개념입니다. 자바스크립트는 실행 컨텍스트가 활성화되는 시점에 선언된 변수를 호이스팅하고, 외부 환경 정보를 구성하고, this

지난 번 자바스크립트의 비동기 처리가 어떻게 이루어지는지, 콜백 함수를 통해 어떻게 비동기 처리를 하는지, 또한 콜백 함수가 왜 콜백 지옥으로 불리게 되는지에 대해 자세하게 알아봤습니다. 이번 시간에는 Promise에 대한 기본적인 개념과 이를 통해 비동기 처리를 하는

Epilogue 3개월간의 위코드 부트캠프가 끝나고 어떤 공부를 더 해야할까 고민했습니다. 부트캠프의 특성상 자바스크립트를 포함한 다양한 라이브러리, 프레임워크에 대한 원론적이고 심층적인 개념 이해보다는 실무에 바로 투입될 수 있는 역량을 기르는데에 초점이 맞춰져있기

1. 비동기 처리? 프론트엔드 개발자로서 개발을 하다 보면, 비동기 처리로 인해 애를 먹는 경우가 많습니다. 저 역시도 프로젝트를 진행하면서 백엔드 API로부터 데이터를 요청할 때, 예상과는 다르게 undefined가 뜨거나 로직에 오류가 발생하는 경우가 많았고 이로

1.Data Type 6가지 Number는 length라는 속성이 존재하지 않음. -> 따라서 String으로 저장해야 한다. 언제 이걸 쓸까? 고객의 휴대폰 번호를 저장할 때 2. 산술연산자 +는 String과 String도 이어준다(숫자 + String의 경우에

1.DOM .getElementsByClassName 메소드와 .querySelector의 차이 .getElementsByClassName('className')[0]; .getElementsByTagName('h1')[0]; 동일한 태그나 클래스 중 배열의 위치표시

Number Method parseFloat() 소수점 자리까지 반환. parseInt() 소수점 자리를 제외하고 정수까지만 반환. Number() Number type으로 바꾸는 가장 쉬운 방법이지만 문자형 숫자가 아닌 다른 문자가 들어갈 경우 NaN이 뜸 .to

(유튜브 드림코딩 by엘리 참고) https://www.youtube.com/channel/UC4u-bXaba7yrRz6x6kb_w 1. preIncrement 와 postIncrement의 차이 2. Logical Operators: || (or), && (and

(유튜브 드림코딩 by엘리 참고해서 작성) 1. 'use strict'; 자바스크립트를 처음 실행할 때 써주는 게 좋음 2. block scope 3. number const infinity = 1 / 0; const negativeInfinity = -1 / 0

1. Object > 2. The ways to acces a key's value 2-1. Accessing Porperties objcetName.keyName를 통해 value를 찾기. 2-2. Bracket Notation objectName[propName

1. Functions as Data 2. 여러가지 Method 2-1. The .forEach() Method > 2-2. The .map() Method 새로운 array 만듬. >- .join() method > const elements = ['Fire',

false = stop condition

1. Array(배열) 배열 내부에는 각기 다른 요소(elements)가 포함되어 있다. 2. Accessing Elements > 3. Update Elements 4. Arrays with let and const let 변수 선언 방식은 array 안의 el

변수가 블록 바깥에 위치해서 블록 내 코드뿐만 아니라 다른 코드에도 접근할 수 있다.블록 안에 위치하기 때문에 그 코드에서만 기능.코드 바깥의 변수 선언과 함수 블럭 내에 재할당된 변수가 같이 있을 경우, 코드 내부의 재할당된 변수가 작동된다.

Functions Declarations

괄호() 안에서는 참 또는 거짓으로 평가하는 조건이 들어간다.조건이 true로 평가되면 {} 내의 코드가 실행된다.조건이 거짓으로 평가되면 블록이 실행되지 않는다.else문은 반드시 If문과 같이 와야한다.이진탐색이 가능한 조건1)반드시 데이터가 정렬되어있어야 한다.보