# 코어 자바스크립트

23개의 포스트
post-thumbnail

코어 자바스크립트 (4) - 콜백 함수

1. 콜백 함수란? 콜백 함수 is... 다른 코드의 인자로 넘겨주는 함수 콜백 함수는 제어권과 관련이 깊다. 어떤 함수를 인자로 넘겨준다는 의미는 인자로 넘겨진 함수의 제어권 또한 넘겨준다는 의미이다. callback은 호출하다는 의미의 call과 뒤돌아오다는

3일 전
·
0개의 댓글
post-thumbnail

[코어 자바스크립트] 6.프로토타입

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

6일 전
·
0개의 댓글
post-thumbnail

[코어 자바스크립트] 5.클로저

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

2021년 1월 14일
·
0개의 댓글

코어 자바스크립트 02 실행 컨텍스트(1)

코어 자바스크립트를 읽고 개인적으로 정리하는 글실행 컨텍스트(execution context)는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체이다.실행 컨텍스트는 아래와 같이 전체 코드의 환경과 순서를 보장.1\. 동일한 환경에 있는 코드들을 실행할 때 필요한 환경

2021년 1월 14일
·
0개의 댓글

코어 자바스크립트 01 데이터 타입(2)

코어 자바스크립트를 읽고 개인적으로 정리하는 글 5. 불변 객체 - 불변객체를 만드는 방법 이전 글에서

2021년 1월 13일
·
0개의 댓글

코어 자바스크립트 01 데이터 타입(1)

코어 자바스크립트를 읽고 개인적으로 정리하는 글자바스크립트의 데이터 타입에는 크게 두 가지가 있다.기본형 (Primitive type)number, string, boolean, null, undefined, Symbol참조형 (Reference type)objectA

2021년 1월 12일
·
0개의 댓글
post-thumbnail

[코어 자바스크립트] 4.콜백 함수

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

2021년 1월 11일
·
0개의 댓글
post-thumbnail

[코어 자바스크립트] 3. this

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

2021년 1월 9일
·
0개의 댓글
post-thumbnail

[코어 자바스크립트] 2. 실행 컨텍스트

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

2021년 1월 7일
·
0개의 댓글
post-thumbnail

[코어 자바스크립트] 1. 데이터 타입

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

2020년 12월 15일
·
0개의 댓글
post-thumbnail

코어 자바스크립트 (3) - this

this, 잡힐 듯 잡히지 않는 녀석 자바스크립트에서 this는 알 듯하다가도 모르겠는 녀석이다. 대부분의 객체지향 언어에서 this는 클래스에서만 사용 가능하고, 클래스로 생성한 인스턴스를 가리킨다. 그래서 헷갈릴 일이 없다. 그런데 자바스크립트의 this는 어디

2020년 12월 8일
·
0개의 댓글
post-thumbnail

TIL DAY.47 [코어 자바스크립트] 클로저

오늘은 면접에서 굉장히 많이 물어보면서 이해하기 어려운 클로저에 대해서 알아보는 시간을 갖도록 하겠다.클로저(Closure)는 여러 함수형 프로그래밍 언어에 등장하는 보편적인 특성이다. 자바스크립트 고유의 개념이 아니라서 EMCAscript 명세에서도 클로저의 정의를

2020년 12월 5일
·
0개의 댓글
post-thumbnail

TIL DAY.46 [코어 자바스크립트] 콜백 함수

오늘은 내가 평소 제일 헷갈리고 알고 싶었던 콜백 함수에 대해서 코어 자바스크립트 내용에 있는 핵심 내용을 써가면서 공부해보는 시간을 갖도록 하겠다.Callback Function(콜백 함수)는 다른 코드의 인자로 넘겨주는 함수이다. 예를 들면 어떤 함수 X를 호출하면

2020년 12월 1일
·
2개의 댓글
post-thumbnail

TIL DAY.45 [코어 자바스크립트] this

평소에 자바스크립트를 공부하면서 제일 혼란스러웠던게 this라는 개념이였다. 분명 쓰고는 있지만 내가 맞게 쓰고 있는건지 항상 의문이 들었다. 그래서 이번에는 평소 혼란스러웠던 this라는 개념에 대해서 좀 더 명확하게 알아보는 시간을 갖도록 하겠다. 다른 대부분의 객

2020년 11월 28일
·
0개의 댓글
post-thumbnail

코어 자바스크립트 - (2) 실행 컨텍스트

실행 컨텍스트 What is it? > 실행할 코드에 제공할 환경 정보들을 모아놓은 객체. 스택 구조로 쌓이며 하나의 실행 컨텍스트를 구성할 수 있는 방법으로 전역공간, eval() 함수, 함수 등이 있다. > > 하나의 함수의 실행이 끝나고 다음 함수의 실행이 되는

2020년 11월 2일
·
0개의 댓글

[코어 자바스크립트] 07. 클래스

자바스크립트 → <프로토타입> 기반 언어 → <상속> 이라는 개념이 존재하지 않음. ES6 에 클래스 문법 추가됨ES5 에서 클래스를 흉내내기 위한 구현 방식을 학습하는 것은 큰 의미가 있음"음식 > 과일 > 귤 류 > 오렌지" 관계 일 때, 음식은 과일 보

2020년 9월 19일
·
0개의 댓글

[코어 자바스크립트] 05. 클로져

클로저는 어떤 상황에서 발생하는 특수한 '현상' 함수는 이 현상이 나타나기 위한 '조건'에는 해당 하지만, 클로저 자체를 구체화한 '대상'으로 볼 수 없음.클로저를 피부적으로 느껴지게 설명하면, "클로저 현상에 의해 메모리에 남겨진 변수들의 집합이다."더이상 사용 되지

2020년 9월 19일
·
0개의 댓글

[코어 자바스크립트] 03. this

this: 함수와 객체(method)를 나누는 유일한 기능this는 기본적으로 실행 컨텍스트가 생성될 때 결정 됨(thisBinding) → 실행 컨택스트는 함수를 호출할 때 생성 됨.따라서, this는 함수를 호출할 때 결정됨브라우져 환경 → this === wind

2020년 9월 19일
·
0개의 댓글

[코어 자바스크립트] 02. 실행컨텍스트

실행할 코드에 제공할 환경 정보들을 모아놓은 객체VariableEnvironment: 현재 컨텍스트 내의 식별자들 정보 + 외부 환경정보, LexicalEnviornment의 스냅샷LexicalEnvironmnet: VariableEnvironment와 같지만 변경사항

2020년 9월 19일
·
0개의 댓글
post-thumbnail

코어 자바스크립트 - (1) 데이터 타입

이 시리즈를 시작하게 된 이유 프론트엔드 엔지니어를 꿈꾸며 많게는 아니지만 유수의 기업들의 테스트를 봤었다. 붙은 곳도 있지만 대기업 혹은 대기업에 가까워지는 기업들의 테스트는 대부분 광탈했다. 떨어진 이유가 무엇일까. 지금 내게 부족한 부분이 무엇일까. 프레임워크를

2020년 8월 18일
·
0개의 댓글