profile
기록하기

[TIL] 2022.05.16

모던 자바스크립트 Deep Dive타이머호출 스케줄링: 타이머 함수를 사용하여 일정 시간이 경과된 이후에 함수가 호출되도록 예약setTimeout / setInterval: 일정 시간이 경과한 이후 콜백 함수가 호출되도록 타이머를 생성setTimeout: 한 번 호출,

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

[TIL] 2022.05.11

모던 자바스크립트 Deep Dive이벤트이벤트 핸들러: 이벤트가 발생했을 때 호출할 함수이벤트 핸들러 등록: 이벤트가 발생하면 브라우저에게 이벤트 핸들러의 호출을 위임한다다양한 이벤트 타입(마우스, 포커스, 키보드, 폼, 뷰 등등)이벤트 핸들러 등록방법이벤트 핸들러 어

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

[TIL] 2022.05.10

모던 자바스크립트 Deep DiveDOMDOM: HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API (메서드, 프로퍼티)를 제공하는 트리 자료구조. HTML 요소마다 노드 객체로 구성요소 노드는 어트리뷰트 노드와 자식 노드인 텍스트 노드로 구성D

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

[TIL] 2022.05.09

모던 자바스크립트 Deep Dive이터러블스프레드 문법디스트럭처링 할당Set과 Map브라우저의 렌더링 과정이터러블이터러블 프로토콜 (Symbol.iterator 구현)을 준수한 객체를 이터러블이라고 하며, 이터러블은 for...of 문으로 순회할 수 있으며 스프레드 문

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

[TIL] 2022.05.06

모던 자바스크립트 Deep DiveNumberMathDateRegExpString7번째 데이터 타입 SymbolNumber 메서드Math 메서드Date 메서드정규 표현식 (패턴+플래그) 메서드String 메서드Symbol심벌은 변경 불가능하고 다른 값과 중복되지 않는

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

[TIL] 2022.05.04

모던 자바스크립트 Deep Dive배열배열 메서드가급적 원본 배열을 직접 변경하지 않는 메서드가 좋다Array.isArray, indexOf, push, pop, unshift(배열 선두에 추가), shift(첫 번째 요소 제거), concat, splice(중간 요소

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

[TIL] 2022.05.03

오늘 한 일 모던 자바스크립트 Deep Dive ES6 함수의 추가 기능 배열 배운 것 > 화살표 함수 내부의 this, super, arguments를 참조하면 (화살표 함수가 아닌) 상위 스코프의 것을 참조한다 Rest 파라미터: 함수에 전달된 인수 목록을 배열로

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

[TIL] 2022.05.02

모던 자바스크립트 Deep Dive클래스ES6 함수의 추가 기능상속 클래스의 인스턴스 생성 과정서브클래스의 super 호출 (서브클래스는 자신이 직접 인스턴스를 생성하지 않고 슈퍼클래스에게 인스턴스 생성을 위임한다. 따라서 서브클래스의 constructor에서 반드시

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

[TIL] 2022.04.22

모던 자바스크립트 Deep Dive클래스클래스 선언문도 호이스팅이 발생한다. 단, let, const 키워드로 선언한 변수처럼 선언문 이전에 일시적 사각지대에 빠지기 때문에 호이스팅이 발생하지 않는 것처럼 동작한다JS 클래스 몸체에서 정의할 수 있는 메서드는 const

2022년 4월 22일
·
0개의 댓글

[TIL] 2022.04.20

모던 자바스크립트 Deep Dive클로저렉시컬 스코프 : 렉시컬 환경의 외부 렉시컬 환경에 대한 참조에 저장할 참조값, 즉 상위 스코프에 대한 참조가 함수 정의가 평가되는 시점에 함수가 '정의'된 위치에 의해 결정됨함수는 자신의 내부 슬롯 \[Environment]에

2022년 4월 20일
·
0개의 댓글

[TIL] 2022.04.19

모던 자바스크립트 Deep Dive실행 컨텍스트실행 컨텍스트 : 식별자(변수, 함수, 클래스 등의 이름)을 등록하고 관리하는 스코프와 실행 순서 관리를 구현한 내부 메커니즘렉시컬 환경(식별자와 스코프 관리)실행 컨텍스트 스택(코드 실행 순서 관리)렉시컬 환경 : 식별자

2022년 4월 19일
·
0개의 댓글

[TIL] 2022.04.15

모던 자바스크립트 Deep Dive빌트인 객체this자바스크립트의 객체 분류표준 빌트인 객체(전역 객체의 프로퍼티로서 제공됨, 환경 상관없이 사용 가능, 별도 선언 필요없이 전역 변수처럼 참조 가능)호스트 객체(자바스크립트 실행 환경에서 추가로 제공하는 객체, 브라우저

2022년 4월 15일
·
0개의 댓글

[TIL] 2022.04.13

오늘 한 일 모던 자바스크립트 Deep Dive 프로토타입 배운 것 instanceof 연산자 : 우변의 생성자 함수의 prototype에 바인딩된 객체가 좌변의 객체의 프로토타입 체인 상에 존재하는지 확인 정적 프로퍼티/메서드 : 생성자 함수가 가진 프로퍼티/메서드

2022년 4월 13일
·
0개의 댓글

[TIL] 2022.04.12

오늘 한 일 모던 자바스크립트 Deep Dive 프로토타입 배운 것 생성자 함수로서 호출할 수 있는 함수(=constructor)는 함수 정의가 평가되어 함수 객체를 생성하는 시점에. 프로토타입도 더불어 생성된다 따라서 객체가 생성되기 이전에 생성자 함수와 프로토타입

2022년 4월 12일
·
0개의 댓글

[TIL] 2022.04.11

모던 자바스크립트 Deep Dive함수와 일급 객체프로토타입함수 객체 고유의 프로퍼티: arguments, caller, length, name, prototypeproto는 접근자 프로퍼티이며, 함수 객체 고유의 프로퍼티가 아니라 Object.prototype 객체의

2022년 4월 11일
·
0개의 댓글

[TIL] 2022.04.08

모던 자바스크립트 Deep Dive 스코프전역 변수의 문제점let, const 키워드와 블록 레벨 스코프프로퍼티 어트리뷰트생성자 함수에 의한 객체 생성스코프: 식별자가 유효한 범위자바스크립트 엔진은 스코프를 통해 어떤 변수를 참조해야하는지 결정함스코프를 통해 식별자인

2022년 4월 8일
·
0개의 댓글

[TIL] 2022.04.07

모던 자바스크립트 Deep Dive 07.연산자 ~ 12.함수숫자가 NaN인지 조사하려면 === 이 아닌 빌트인 함수 Number.isNaN을 사용한다.null 타입 여부 확인은 typeof 연산자가 아닌 === 을 사용하자논리 연산자를 사용한 단축 평가옵셔널 체이닝

2022년 4월 8일
·
0개의 댓글

[TIL] 2022.04.06

모던 자바스크립트 Deep Dive 01.프로그래밍 ~ 06. 데이터 타입자바스크립트: 웹페이지를 동적으로 꾸미기 위한 인터프리터 언어이자 스크립트 언어.정식 명칭은 ECMAScript(ES)이다.자바스크립트는 브라우저, 서버 등 다양한 환경에서 실행될 수 있다. 단,

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

[TIL] 2022.02.01

웹 프론트엔드 공부Omnifood Project - Effects, Optimizations and Deploymentcss property의 브라우저 지원 여부 확인하기 (ex. caniuse.com)브라우저 개발자 도구의 Lighthouse를 사용하여 웹페이지 성능

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

[TIL] 2022.01.31

웹 프론트엔드 공부Omnifood Project - Effects, Optimizations and Deploymenthtml에서 링크의 href를 href="- JavaScript를 사용하여모바일에서 메뉴 버튼을 눌렀을 때 Navigation Bar가 표시되도록 하는

2022년 1월 31일
·
0개의 댓글