# deepdive

233개의 포스트
post-thumbnail

[모던 자바스크립트 Deep Dive] Day1 - 시작이 반이다.

'좋은 코드란 무엇이고, 클린 코드는 어떻게 사용하는 것일까?'라는 고민을 했고, 지금 내 수준에선 React와 TS를 공부하는게 아니라 JS를 제대로 공부해야 겠다고 느꼈다.두번의 팀 프로젝트에서 팀장을 맡게 되어 팀원들과 코드리뷰를 이끌어야 할 때, ...

약 14시간 전
·
0개의 댓글
post-thumbnail

13장 스코프 - 모던 자바스크립트 Deep Dive

스코프란, 식별자가 유효한 범위!

약 18시간 전
·
0개의 댓글
post-thumbnail

Javascript 탐구하기 (ft. 모던 자바스크립트 Deep Dive)

loosely typed:느슨한 타입의 언어의 경우 관련되지 않은 타입의 개체들 간의 conversation이 가능하다. strongly-typed 형태에서는 불가능하다. 아래 예시를 보면, 파이썬의 경우 int와 string의 조합은 에러가 발생하지만 자바스크립트에서

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

32일차- [모던 자바스크립트 Deep dive] Study - 27. 배열(1)

여러 개의 값을 순차적으로 나열한 자료구조사용 빈도가 매우 높고 가장 기본적인 자료구조이다.배열은 객체 타입이다.요소 (Element): 배열이 가지고 있는 값자바스크립ㅌ의 모드느 값은 배열의 요소가 될 수 있다.원시값, 객체, 함수, 배열 모두 가능하다.인덱스(ind

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

31일차- [모던 자바스크립트 Deep dive] Study - 26. ES6 함수의 추가 기능

ES6 이전의 함수는 사용 목적에 따라 명확히 구분되지 않았다. 따라서 모든 함수는 일반 함수로서 호출할 수 있는 것은 물론, 생성자 함수로서 호출 할 수 있다.모든 함수는 callable 이면서 constructor이다.callable : 호출할 수 있는 함수 객체c

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

30일차- [모던 자바스크립트 Deep dive] Study - 25.클래스(3)

상속에 의한 클래스 확장은 기존 클래스를 상속받아 새로운 클래스를 확장하여 정의하는 것클래스는 상속은 문법이 기본적으로 제공된다. (extends 키워드)클래스 상속은 상속되어지는 클래스 속성을 사용하면서 자신만의 고유한 속성을 추가하여 확장한다.클래스 확장 코드 재사

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

27일차- [모던 자바스크립트 Deep dive] Study - 25.클래스(2)

클래스의 인스턴스는 new 연산자와 함께 호출한다.new 연산자 없이는 호출 할 수 없다.1\. 인스턴스 생성과 this 바인딩new 연산자와 함께 클래스를 호출하면 constructor의 내부 코드가 실행에 앞에 암묵적으로 빈 객체를 생성한다.이때 클래스가 생성한 인

2022년 5월 14일
·
0개의 댓글
post-thumbnail

24일차- [모던 자바스크립트 Deep dive] Study - 25.클래스

자바스크립트는 프로토타입 기반 객체지향 언어이다. 하지만 다른 객체지향 언어와 차이점에 있어 혼란이 있어왔다.ES6에 도입된 클래스는 기존 프로토타입 기반 객체지향 프로그래밍보다 자바, c클래스는 함수이며 기존 프로토타입 기반 패턴을 클래스 기반 패턴처럼 사용할 수 있

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

22일차- [모던 자바스크립트 Deep dive] Study - 24. 클로저

"클로저는 함수와 그 함수가 선언된 렉시컬 한경과의 조합이다." - mdn에서의 정의자바스크립트 엔진은 함수를 어디에 정의했는지에 따라 상위 스코프를 결정한다. 이것을 렉시컬 스코프라고 한다. 즉, 상위 스코프에 대한 참조는 함수 정의가 평가되는 시점에 함수가 정의된

2022년 5월 10일
·
0개의 댓글
post-thumbnail

21일차- [모던 자바스크립트 Deep dive] Study - 23. 실행 컨텍스트(execution context)

실행 컨텍스트는 자바스크립트의 동작 원리를 담고 있는 핵심 개념이다.스코프를 기반으로 식별자와 식별자에 바인딩된 값을 관리하는 방식호이스팅이 발생하는 이유클로저의 동작 방식테스크 큐와 함께 동작하는 이벤트 핸들러와 비동기 처리의 동작 방식을 이해 할 수 있다.자바스크립

2022년 5월 9일
·
0개의 댓글
post-thumbnail

04장 변수 - 모던 자바스크립트 Deep Dive

변수란 무엇이고 왜 필요한가?

2022년 5월 8일
·
0개의 댓글
post-thumbnail

20일차- [모던 자바스크립트 Deep dive] Study - 22.this

자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다.this가 가르키는 값, 즉 this 바인딩은 함수 호출 방식에 의해 동적으로 생성된다.this는

2022년 5월 7일
·
0개의 댓글
post-thumbnail

[JS] DeepDive - 7장

하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산등을 수행해 하나의 값을 만든다.2개의 피연산자를 산술 연산하여 숫자 값을 만든다.\+, -, \*, /, %1개의 피연산자를 산술 연산하여 숫자 값을 만든다.\++, --, +, - \++와

2022년 5월 6일
·
0개의 댓글
post-thumbnail

18일차- [모던 자바스크립트 Deep dive] Study - 21장.빌트인 객체

ECMAScript 사양에 정의된 객체를 말하여, 애플리케이션 전역 공통 기능을 제공자바스크립트 실행환경과 관계없이 언제나 사용할 수 있다.표준 빌트인 객체는 전역 객체의 프로퍼티로서 제공별도의 선언없이 전역 변수처럼 참조 할 수 있다.Object String Num

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

[JS] DeepDive - 6장

자바스크립트의 모든 값은 데이터 타입을 갖는다.7개의 데이터 타입은 원시타입과 객체 타입으로 분류된다.모든 수를 실수로 처리하며, 정수만 표현하기 위한 데이터 타입은 존재하지 않는다.3개의 특별한 값 존재문자열은 작은따옴표, 큰따옴표, 백틱으로 감싼다.ES6부터 도입된

2022년 5월 3일
·
0개의 댓글
post-thumbnail

[JS] DeepDive - 5장

식이 평가되어 생성된 결과위 코드를 보면 sum이라는 변수에 10+20을 할당한다.변수란 하나의 값을 저장하기 위해 확보한 메모리 공간이라고 공부했었다. 즉 변수에 할당하는 것은 "값"이다.즉, 위 코드의 sum이라는 변수에 할당되는 것은 10+20 이 아닌 10+20

2022년 5월 3일
·
0개의 댓글
post-thumbnail

원시 값과 객체의 비교 [Deed Dive]

TIL [모던 자바스크립트 Deep Dive]

2022년 5월 3일
·
0개의 댓글
post-thumbnail

[JS] DeepDive - 4장

카페에서 동기가 나한테 질문을 했을 때 나는 '무언가를 담는 가방'이라고 설명했다. 하지만 이 가방이 왜 필요한지에 대해서는 명확히 설명하지 못했다. 그 동기를 만나 변수개념과 그 용도를 다시 잘 설명할 수 있도록 자세히 알아보도록 하자.하나의 값을 저장하기 위해 확

2022년 5월 3일
·
0개의 댓글