Yung_Developer

with 크리스 (소요시간: 1시간) 워밍업 - 변수 네이밍 kettanaito/naming-cheatsheet 내 질문 Q1. 화살표 함수는 왜 프로토타입 객체를 가지지 않을까요? A. 화살표 함수는 contstructor를 가지지 않기 때문에 생성자 함수가 아니다. 프로토타입은 생성자 함수가 생성되는 시점에 더불어 생성된다. 따라서 화살표 함수는 프로토타입 객체를 가지지 않는다. Q2. 왜 객체 전용 메서드들은 Object.someMethod(instance) 이런 식으로 써야할까요? instance.someMethod() 이런 식으로 사용할 수 있으면 편할텐데 말이죠 🤔 (ex. Array.forEach([1, 2]) (x) / [1, 2].forEach (o)) A. 어떤 생성자 함수이든 prot..

Q1. 왜 비동기 예외처리에서 await을 하지 않으면 try/catch문에서 에러 처리가 불가능할까요? function sleep(time) { return new Promise((resolve, reject) => { setTimeout(() => { reject('더 잘래') }) }) } try { sleep(0) // 프로그램 다운 } catch (error) { console.log(error) } function sleep(time) { return new Promise((resolve, reject) => { setTimeout(() => { reject('더 잘래') }) }) } (async () => { try { await sleep(0) } catch (error) { consol..

with 하루 내 질문에 대한 내용 정리 Q1. 스코프와 스코프 체인은 언제 결정되는 것 일까요? 상위 스코프(외부 렉시컬 환경에 대한 참조)는 함수 정의가 평가되는 시점에 함수가 정의된 위치에 의해 결정된다. Q2. 자바스크립트에서 지역 스코프를 가지는 키워드들은 무엇이 있을까요? (ex. function 등) 전역 스코프 function, class if, for, while, try / catch 📌 주의) 객체 리터럴은 지역 스코프를 가지지 않는다. (코드 블록이 아니기 때문) Q3. 내부 함수는 무조건 클로저라고 할 수 있을까요? 자바스크립트의 모든 함수는 상위 스코프를 기억하므로 이론적으로 모든 함수는 클로저이다. 하지만 일반적으로 모든 함수를 클로저라고 하지는 않는다. 클로저는 내부 함수가 ..

총 소요시간 90분 with 체프 내 질문에 대한 내용 정리 Q1. 콜백 함수 호출 시 this는 왜 window 혹은 global을 가리킬까요? 항상 그렇지는 않다. 콜백 함수 내부에서의 this는 해당 콜백 함수의 제어권을 넘겨받은 함수가 정의한 바에 따르며, 정의하지 않은 경우에는 전역객체를 참조한다. const obj = { handleClick() { console.log(this); }, }; obj.handleClick(); // obj setTimeout(() => { obj.handleClick(); }, 1000); // obj setTimeout(obj.handleClick, 1000); // window $('#btn').addEventListener('click', () => { ..

With. 지그 (@zigsong) 소요시간: 1시간 45분 Q1. 원시 타입과 참조 타입 데이터가 메모리에 할당되는 과정을 이야기해봐요. 원시 타입 데이터 참조 타입 데이터 Q2. 자바스크립트의 콜스택과 힙에는 각각 어떤 것들이 저장될까요? 그리고 자바스크립트는 왜 힙이라는 별도의 메모리 공간을 가질까요? 콜스택 원시타입 데이터가 저장된다. 실행 컨텍스트를 통해 변수 식별자 저장, 스코프 체인 및 this 관리, 코드 실행 순서 관리 등을 수행 메모리 힙 참조타입 데이터가 저장된다.[자바스크립트] 콜스택/메모리힙 구조, 데이터 저장/참조 원리 [자바스크립트] 메모리 구조, 원시타입 변수 생성 원리, 가비지컬렉터 힙을 왜 쓰는가? 참조 타입 데이터의 프로퍼티를 동적으로 변경하는 것이 가능하도록 하기 위함..

내 질문에 대한 정리 Q1. 함수의 매개변수는 최대 몇개까지 두는 것이 이상적일까요? 만약 그 이상의 매개변수가 필요한 경우에는 어떤 식으로 해결하시는 편인가요? 매개변수가 많은 함수라면 이 함수가 하나의 동작만을 하고 있는 것인지 확인할 것 같다. 쪼갤 수 있다면 쪼갠다. 객체로 묶는 것도 좋다. 하지만 매개변수가 많지 않고 매개변수의 성격이 다르다면 객체로 묶는 것이 무조건 좋다고 할 수 없을 것 같다. 최근에는 코드 에디터가 함수 매개변수에 대한 힌트를 제공하기 때문에 꼭 객체로 묶을 필요는 없을 것 같다. Q2. 리액트에서 함수형 컴포넌트를 선언할 때, 함수 선언문과 함수 표현식으로 작성할 수 있는데 차이가 있을까요? 자바스크립트 함수 선언문과 함수 표현식의 차이만 존재하는 듯 하다. 리액트 공식..

내 질문에 대한 정리 Q1. Promise.all에 대해 설명해주시고 어떤 상황에서 쓰면 좋은지 예시를 들어주세요. Promise.all은 여러개의 promise를 병렬적으로 처리하고 싶을 때 사용한다. 여러개의 url request가 필요한 경우에는 단순하게 await을 여러번 사용할 수 있다. 하지만 이는 동기적으로 정보를 요청하기 때문에 시간이 오래걸린다. 하지만 Promise.all을 사용하면 병렬적으로 여러개의 요청을 보내고 모든 응답이 정상적으로 온 경우에 다음 행동을 시작할 수 있다. 여러개의 Http request를 보내는 경우에 사용하면 효율적이다. const sleep = (delay) => { return new Promise((resolve) => { setTimeout(() => ..

[ Specificity Calculator Specificity Calculator A visual way to understand CSS specificity. Change the selectors or paste in your own. specificity.keegan.st ](https://specificity.keegan.st/) 내 질문 CSS 선택자 네이밍을 어떤 식으로 하고 계신가요? CSS의 가상 요소와 가상 선택자에 대해 설명해주세요. CSS에는 가상요소(:pseudo-element)와 가상 클래스(:pusedo-class)가 있다. 이것들을 사용해서 html 문서의 수정 없이 CSS만으로 디자인적 요소를 추가할 수 있다. HTML 문서를 읽는 화면 리더기가 무의미한 정보를 읽지 않도록..