전체 글(95)
-
DeepDive JS - 13일차 // 46-49장 -끝-
46장 제너레이터와 async/await제너레이터란?실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 함수function 키워드와 yield 문을 사용해 구현 이터레이터와 결합하여 순차적인 데이터 생성 가능async/await async 키워드를 사용하면 비동기 함수를 동기 코드처럼 작성 가능await 키워드는 프로미스가 해결될 때까지 기다림try...catch 문을 이용한 에러 처리 가능 47장 에러 처리에러 처리의 필요성에러가 발생하지 않는 코드를 작성하는 것은 불가능.에러를 처리하지 않으면 프로그램이 강제 종료try...catch를 사용하면 프로그램 실행을 계속 유지 가능throw문과 Error 객체throw 문을 사용하여 강제적으로 에러 발생 가능 48장 모듈 모듈이란 ?코드를 분리하여 유..
2025.02.01 -
DeepDive JS - 12일차 // 41,43-45장
41장 타이머타이머 함수?일정 시간 경과된 이후에 호출되도록 함수 호출을 예약하기위해 타이머 함수를 사용 주요 타이머 함수 setTimeOutsetTimeout(callback, delay, ...args)delay후 callback을 한 번만 실행 clearTimeoutsetTimeout() 실행 취소 setIntervalsetInterval(callback, delay, ...args)delay간격으로 callback을 반복 실행 clearIntervalsetInterval() 실행 취소 디바운스와 스로틀디바운스 : 짧은 시간 가격으로 발생하는 이벤트를 그룹화, 마지막에 한 번만 이벤트 핸들러가 호출되도록스로틀 : 일정 시간 간격마다 실행 43장 AjaxAjax란 ? async JS and XML ..
2025.01.31 -
DeepDive JS - 11일차 // 37,40,42장
37장 Set과 MapSet 사용처 중복제거 -> 배열로 변환 has 메서드 있는지 파악 Map 사용처다양한 키(객체 포함 모든 값) - 값 저장 필요로 할때 has 메서드 있는지 파악 40장 이벤트 이벤트 드리븐 프로그래밍이벤트 핸들러 : 이벤트가 발생했을 때 호출될 함수이벤트 핸들러 등록 : 이벤트 핸들러의 호출을 위임하는 것 이벤트 타입마우스 이벤트: click, dblclick, mousedown, mouseup, mousemove, mouseenter, mouseleave키보드 이벤트 :keydown, keypress, keyup포커스 이벤트 : focus, blur폼 이벤트: submit, reset값 변경 이벤트 : input, changeDOM 뮤테이션 이벤트 : DOMContent..
2025.01.29 -
DeepDive JS - 10일차 // 34-36,39장
34장 이터러블 (es6 도입)이터레이션 프로토콜에는 이터러블 프로토콜 이터레이터 프로토콜 itrerable iterator { [Symbol.itrerator]( ) { } => next ( ) { return {..
2025.01.27 -
DeepDive JS - 9일차 // 33,38장
33장 7번째 데이터 타입 Symbol 심벌? 다른 값과 중복되지 않는 유일무이한 값 new 연산자와 함께 호출되지 않음.심벌 값은 암묵적으로 문자열, 숫타 타입으로 변환 안됨 단,불리언 타입은 가능 const a = Symbol('sym')const b = Symbol('sym')console.log(a === b )// false Symbol.for( ) 메서드 : 전역 심볼 레지스트리에 키와 일치하는 심벌 값 검색, 없으면 생성const a = Symbol.for('sym')const b = Symbol.for('sym')console.log(a === b )// true Smybol.keyFor( )메서드로 전역 심벌 레지스트리에 저장된 심벌 값의 키를 추출Smybol.keyFor(a) //sy..
2025.01.25 -
DeepDive JS - 8일차 // 27 - 32장
27장 배열 배열은 객체이지만, 일반 객체와 구분되는 특징'값의 순서', 'length 프로퍼티' 자바스크립트의 배열은 일반적인 배열 동작을 흉내 낸 특수한 객체.getOwnPropertyDescriptors( ) 메서드로 배열을 확인 시 키, 값, 랭스로 이루어진 객체라는 걸 볼 수 있음new Array ( ) 로 배열 생성 할 수 있음.배열안에 empty로 나타나는데 이를 '희소배열' 이라고함map이나 이터러블 못 돌림 Array.from ( ) 유사 배열 객체 또는 이터러블 객체를 배열로 반환 나머진 메서드 위주 필요할때 찾아봐야됨 28장 Number/ 29장 Math/ 30장 Date/ 31장 RegExp/ 32장 String메서드 위주라, 패스
2025.01.24