DeepDive

매주 수 7, 토 10시마다 모던 자바스크립트 딥다이브 교재를 바탕으로 스터디를 진행하기로 했다.챕터별로 각자 선정한 질문 3개를 준비해 함께 풀어보며, js 를 깊게 이해하고자 한다. 브라우저의 렌더링 과정은 크게 두 파트로 나뉘어집니다. construction 과

브라우저의 주소창에 url 을 입력하고 엔터를 누르면, 해당 주소의 서버로 자원요청이 전송된다. 루트 요청에는 명확한 리소스 요청 내용이 없지만 일반적으로 index.html 을 응답한다. (만약 data.json과 같은 다른 정적파일을 요청할 경우, 서버는 폴더 경로

query selector all ⇒ 인수로 전달한 css 선택자를 만족시키는 모든 요소 노드를 탐색하여 반환. 여러개의 요소 노드 객체를 갖는 dom 컬렉션 객체인 nodelist를 반환한다. 이는 유사배열객체이면서 이터러블이다.htmlcollection VS nod

Jay 이벤트 핸들러를 등록하는 3가지 방법의 특징을 설명하시오. 이벤트 핸들러에서 인수를 전달하는 방법은? (이밴트 핸들러 프로퍼티 방식과, 메서드의 경우..) 과 의 차이를 this 가 가리키는 객체의 차이에 기반하여 설명해보시오 1. 이벤트 핸들러 등록시

일반함수, 메서드호출 , 생성자함수(단, 함수형일때만 객체를 생성하면 this가 자동으로 할당. 그런데, 클래스일때는 다름! 이때는 별도로 바인딩해줘야 함.)792p eventhandler 이벤트가 실행될 요소 dom요소 (onclick 이 달려있는 태그) 에 바인딩

1. 생성자 함수 Person을 class형으로 변환해보세요. 2. 아래의 코드에서 문제가 되는 부분 찾고 설명한 뒤, 고쳐보세요. 3. Rectangle 클래스를 상속받아 color를 프로퍼티로 갖는 ColorRectangle 클래스를 생성하세요. : 프로토 타

일반함수로 호출: window메서드로 호출: 메서드를 호출한 객체생성자 함수로 호출 : 생성자 함수가 생성한 인스턴스 new 연산자와 함께 함수를 호출하면 해당함수는 생성자 함수로 동작한다.함수 객체 내부 메서드 call이 호출되는 것이 아니라 construct가 호

생성된 직후의 프로미스는 기본적으로 pending 상태이다. 이후 비동기 처리가 수행되면 비동기 처리 결과에 따라 다음과 같이 프로미스의 상태가 변경된다.성공→ resolve 함수를 호출해 프로미스를 fullfileld 상태로 변경실패→ reject 함수를 호출해 re

제너레이터 함수가 호출되면 제너레이터 객체가 생성된다. 이는 symbol.iterator 메서드를 상속 받는 이터러블이면서, 동시에 next 메서드를 갖는 이터레이터이다. 그러나 이터레이터에는 없는 return, throw 의 메서드를 추가로 갖는다.next 를 호출하

수연\-> es6 이전의 순회가능한 데이터 컬렉션(배열, 문자열, 유사배열객체, dom 등은 통일된 규약 없이 각자 나름의 구조를 가지고 다양한 방법으로 순회할 수 있었다. es6에서는 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준수하는 이터러블로 통일하여 할당

1. 식별자가 무엇인지 설명해보시오. 변수의 이름을 의미한다. 메모리공간에 저장된 값을 다시읽어 재사용 할 수 있도록, 저장된 메모리 공간에 상징적인 이름을 붙인 것이다. 식별자는 값이 아니라 메모리의 주소를 기억한다. 즉 메모리 주소에 붙인 이름을 식별자라고

실행컨텍스트? 자바스트립트의 동작원리를 담고있다. 스

js 는 프로토 타입 기반의 객체지향 력한 객체지향 프로그래밍 언어다.Object는 크게 어떤 상태를 가지는 field (property)와 함수인 method 를 가진다. Class 는 이런 Object 를 생성할 수 있는 '틀'의 개념이다. class 의 insta