윤민상 블로그

에러 처리 에러는 언제나 발생할 수 있기 때문에 try, catch 문을 사용해 에러에 적절하게 대으으하면 프로그램이 강제 종료되지 않고 계속해서 코드를 실행시킬 수 있다. Error 객체 Error 생성자 함수는 여러 객체를 생성한다. Error 생성자 함수에는 에러를 상세히 설명하는 에러 메시지를 인수로 전달할 수 있다. Error 생성자 하뭇가 생성한 에러 객체는 message 프로퍼티와 stack 프로퍼티를 갖는다. 자바스크립트는 Error 생성자 함수를 포함해 7가지의 에러 객체를 생성할 수 있는 Error 생성자 함수를 제공한다. Error, SyntaxError, ReferenceError, TypeError, RangeError, URIError, EvalError throw 문 에러를 발..

프로미스 비동기 처리를 할때 콜백 패턴의 단점 1. 콜백 헬 비동기 함수는 비동기 처리 결과를 외부에 반환할 수 없고, 상위 스코프의 변수에 할당할 수도 없다. 따라서 비동기 함수의 처리 결과에 대한 후속 처리는 비동기 함수 내부에서 수행해야 한다. 이때 비동기 함수를 범용적으로 사용하기 위해 비동기 함수에 비동기 처리 결과에 대한 후속 처리를 수행하는 콜백 함수를 전달하는 것이 일반적이다. 필요에 따라 비동기 처리가 성공하면 호출된 콜백 함수와 비동기 처리가 실패하면 호출될 콜백 함수를 전달할 수 있다. 이렇게 또다시 비동기 함수를 호출해야 한다면 콜백 함수 호출이 중첩되어 복잡도가 높아지는데 이를 콜백 헬이라 한다. get('/step1', a => { get(`/step2/${a}`, b => { ..

비동기 프로그래밍 함수를 호출하면 함수 코드가 평가되어 함수 실행 컨텍스트가 실행된다. 이때 생성된 함수 실행 컨텍스트는 실행 컨텍스트 스택(콜 스택)에 푸시되고 함수 코드가 실행된다. 함수 코드의 실행이 종료하면 함수 실행 컨텍스트는 실행 컨텍스트 스택에서 팝되어 제거된다. 자바스크립트 엔진은 단 하나의 실행 컨텍스트 스택을 갖는 싱글 스레드 방식으로 동작하기 때문에 처리에 시간이 걸리는 테스크를 실행하는 경우 블로킹이 발생한다. 그런데 setTimeout은 블로킹이 발생하지 않는다. 이렇게 다음 태스크를 바로 실행하는 방식을 비동기 처리라고 한다. setTimeout, setInterval, HTTP 요청, 이벤트 핸들러는 비동기 처리 방식으로 동작한다. 콜 스택 : 소스코드 평가 과정에서 생성된 실..

이벤트 브라우저는 처리해야 할 특정 사건이 발생하면 이를 감지하여 이벤트를 발생시킨다. 이벤트 핸들러 : 이벤트가 발생했을 때 호출될 함수 이벤트 핸들러 등록 : 이벤트가 발생했을 때 브라우저에게 이벤트 핸들러의 호출을 위임하는 것 이벤트 드리븐 프로그래밍 : 프로그램의 흐름을 이벤트 중심으로 제어하는 프로그래밍 방식 이벤트 타입 : 이벤트의 종류를 나타내는 문자열 마우스 이벤트 click, dbclick, mousedown(눌렀을때), mouseup(땟을때), mousemove, mouseenter(마우스 커서를 HTML 요소 안으로 이동했을때(버블링 x)) mouseover(마우스 커서를 HTML 요소 안으로 이동했을때(버블링 o) mouseleave(마우스 커서를 HTML 요소 밖으로 이동했을 때(..

브라우저의 렌더링 과정 파싱 : 파싱(구문 분석(syntax analysis)은 프로그래밍 언어의 문법에 맞게 작성된 텍스트 문서를 읽어 들여 실행하기 위해 텍스트 문서의 문자열을 토큰으로 분해하고, 토큰에 문법적 의미와 구조를 반영하여 트리 구조의 자료구조인 파스 트리를 생성하는 일련의 과정을 말한다. 일반적으로 파싱이 완료된 이후에는 파스 트리를 기반으로 중간 언어인 바이트코드를 생성하고 실행한다. 렌더링 : 렌더링은 HTML, CSS, 자바스크립트로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력하는 것을 말한다. 1. 브라우저는 HTML, CSS, 자바스크립트, 이미지, 폰트 파일 등 렌더링에 필요한 리소스를 요청하고 서버로부터 응답을 받는다. 2. 브라우저의 렌더링 엔진은 서버로부터 응답된 H..

이터러블 이터레이션 프로토콜 이터레이션 프로토콜은 순회 가능한 데이터 컬렉션(자료구조)을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. 이터레이션 프로토콜에는 이터러블 프로토콜과 이터레이터 프로토콜이 있다. 이터러블 프로토콜 : Symbol.iterator를 프로퍼티 키로 사용한 메서드를 직접 구현하거나 프로토타입 체인을 통해 상속 받은 Symbol.iterator 메서드를 호출하면 이터레이터 프로토콜을 준수한 이터레이터를 반환한다. 이터러블 프로토콜을 준수한 객체를 이터러블이라 한다. for...of 문으로 순회할 수 있으며 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 사용할 수 있다. 이터레이터 프로토콜 : 이터러블의 Symbol.iterator 메서드를 호출하면 이터레..

Number isFinite : Infinity 또는 -Infinity이면 false, 숫자면 true (형변환x) isInteger : 정수인지 검사. boolean return (형변환 x) isNaN : nan이면 true. (형변환x) toFixed : 숫자를 반올림하여 문자열로 반환. 인수는 소수점 이하 자릿수.(디폴트 0) toPrecision : 인수로 전달받은 전체 자릿수까지 유효하도록 나머지 자릿수 반올림(디폴트 0) toString : 숫자를 문자열로 반환. 진법을 인수로 넣을 수 있다.(디폴트 10) Math abs 절대값 round 소수점 이하 반올림 ceil 올림 floor 내림 sqrt 루트 random : 0이상 1미만. pow : (밑, 지수) 거듭제곱 => 지수 연산자 **..

배열 배열과 객체를 구분하는 가장 명확한 차이는 값의 순서와 length 프로퍼티다. 자바스크립트 배열은 배열이 아니다. 보통 자료구조에서 말하는 배열은 동일한 크기의 메모리 공간이 빈틈없이 연속적으로 나열된 자료구조를 말한다. 즉 배열의 요소는 하나의 데이터 타입으로 통일되어 있으며 서로 연속적으로 인접해 있다. 이러한 배열을 밀집 배열이라 한다. but 자바스크립트에서는 배열의 요소를 위한 각각의 메모리 공간은 동일한 크기를 갖지 않아도 되며, 연속적으로 이어져 있지 않을 수도 있다. 배열의 요소가 연속적으로 이어져 있지 않는 배열을 희소 배열이라 한다. 자바스크립트 배열은 일반적인 배열의 동작을 흉내 낸 특수한 객체다. 예제를 보면 인덱스를 나타내는 문자열을 프로퍼티 키로 가지며, length 프로..