본문 바로가기

자스핑

 (21)
[week 04] 비동기 처리 (Event Loop, Promise, Callback, Async/Await) 안녕하세요. 웹 배영경입니다.이번주 자스핑 주제는 비동기 처리였는데요,모던 자바스크립트를 읽고 Event Loop, Promise, Callback, Async/Await에 대해 다음과 같이 정리해 보았습니다! https://harsh-lunge-188.notion.site/4-Event-Loop-Promise-Callback-Async-Await-1442ba38c24180eabd14c9a6816a411a?pvs=4 4주차 비동기처리( Event Loop, Promise, Callback, Async/Await ) | Notion42장 (809 - 812) - 이벤트 루프 (비동기) 45장 (842 - 864) - Promise 45장 (842 - 848) - 콜백 46장 (880- 883) - Asyn..
[week 04] 비동기 처리 (Event Loop, Promise, Callback, Async/Await) 안녕하세요 YB 김고은입니다. 이번주 자스핑 주차인 비동기 처리에서 대해서 작성해보겠습니다! 공부한 책의 범위는 다음과 같습니다.  42장 (809 - 812)  - Event Loop  (비동기처리 챕터) 45장 (842 - 864) - Promise 45장 (842 -  848) - Callback46장 (880- 883) - Async/Await 비동기 처리자비스크립트엔진은 단 하나의 실행 컨텍스트 스택을 갖게 되는데,-> 동시에 2개 이상의 함수를 동시 실행할 수 없다는 것이다.  이러한 작동의 방식을 싱글 스레드라고 하는데, 싱글 스레드의 특징상, 한번에 하나의 테스크만을 실행하기 전처리가 길어지면 이제 뒤에 실행될 동작이 막혀버리는 블로킹 (작업 중단) 이 발생한다. .. 이러한 처리를 동기적..
[week 03] this is me 위대한 쇼맨 this is me 노래 아시나요? 한 번 듣고 가시죠  3주차 자스핑에서는 먼저 this를 알아보겠습니당. this 키워드📌 객체는 프로퍼티(상태) + 메서드(동작)를 하나의 논리적인 단위로 묶은 복합적인 자료구조메서드(동작)는 자신이 속한 객체의 프로퍼티(상태)를 참조하고 변경할 수 있어야 한다.이때 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다.◽ 객체 리터럴 방식으로 생성한 객체의 경우해당 방식은 메서드 내부에서 메서드 자신이 속한 객체를 가리키는 식별자를 재귀적으로 참조할 수 있다.const study = { name: javacript; // 프로퍼티 : 객체 고유의 상태 데이터 getName(){ // 이 메서드..
[week3] this is .. 안녕하세요 ❕ 물결웹팟 OB 박채연입니다 😋  이번주 자스핑에서 다룰 주제는 자바스크립트의 this / callback / closure 인데요,그 중에서도 저는 정말 생소했던 개념인 this, closure 에 대해 정리해봤습니다! 정말 어렵고 헷갈리는 개념들이라 자스에 정말 deep dive 할 수 있었던 시간이었습니다 .. 💨 🍀 Thisthis는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수입니다.자바스크립트의 경우, 다른 언어와 조금 다르게 동작한다고 하는데요!자바스크립트에선, 함수가 호출될 때 this가 결정되기 때문입니다. 함수를 호출하는 방식에 따라 this가 가리키는 대상이 달라진다는 것은,함수를 어떤 식으로 호출했느냐에 따라 어떻게 가리킬 대상을 정하는지..
[week 3] 콜백함수 , this , 클로저 안녕하세요 YB 김고은입니다. 이번 주차는 콜백함수 (12강 _ 12.7.4)  / this (342 ~ 354) / 클로저 (389 ~ 413)를 다뤄보고자 합니다.이번 주차도 마찬가지로 내용 정리를 중점으로, 약간의 호기심을 해결해나가는 형식으로 아티클 작성해보겠습니다!콜백 함수 콜백 함수(callback function)란 함수 매개변수를 통해 함수의 내부로 전달되는 함수를 말한다.한편, 함수의 외부에서 콜백함수를 전달받은 함수를 고차함수(Higher-Order Function) 라고 한다.  콜백함수는 고차함수에 전달되어 핼퍼 함수의 역할을 한다. 이때의 콜백함수는 함수외부에서 고차함수 내부로 주입되기 때문에 자유롭게 교체될 수 있다는 장점이 있다. 이때, 고차 함수는 콜백함수를 자신의 일부분을 ..
[week 02] 실행 컨텍스트와 스코프, 호이스팅 🪄 실행 컨텍스트코드가 실행되기 위해 필요한 환경 정보들을 모아놓은 객체를 말합니다. 실행 컨택스트의 동작은, 동일한 환경에 있는 코드들을 실행할 때 필요한 환경정보를 모아 컨텍스트를 구성하고, 이를 콜 스택에 쌓아놓은 뒤, 가장 위에 있는 컨텍스트와 관련 있는 코드들을 실행하는 것으로 코드의 환경과 순서를 보장합니다. 자바스크립트에서 하나의 실행 컨텍스트를 구성할 수 있는 방법에 대해 알아볼까요? 1️⃣ 전역 코드 : 전역 영역에 존재하는 코드 2️⃣ Eval 코드 : eval 함수로 실행되는 코드 3️⃣ 함수 코드 : 함수 내에 존재하는 코드 4️⃣ (ES6부터는) 블록문 가장 쉽게 자바스크립트에서 실행 컨텍스트를 구성하는 방법은 함수를 실행하는 것입니다! 어떤 실행 컨텍스트가 활성화될 때 자바스크립..
[Week02] 스코프, 호이스팅, 실행 컨텍스트 안녕하세요 웹 배영경입니다! 이번 자스핑에서의 주제는 실행 컨텍스트, 스코프, 호이스팅에 대해 학습하기 였습니다! 모던 자바스크립트 Deep Dive에서 해당 부분을 읽고 정리한 부분은 다음 링크를 참고해주세요~!https://harsh-lunge-188.notion.site/2-1362ba38c241808c88cae8b3e093e091?pvs=4 2주차 (스코프, 호이스팅, 실행 컨텍스트) | Notion13장, 15장, 23장harsh-lunge-188.notion.site  이번에는 실행 컨텍스트의 역할에 대해 알아보던 중,'함수 코드 평가' 단계에서함수 내부에서 지역 변수처럼 사용할 수 있는 arguments 객체가 생성되어 지역 스코프에 등록된다 는 부분이 있었습니다. 🤔 arguments 객..
[week 02] 실행 컨텍스트와 스코프, 호이스팅 실행 컨텍스트 : 자바스크립트의 동작 원리를 담고 있는 핵심 개념실행 컨텍스트 : 소스코드를 실행하는데 필요한 환경을 제공하고 코드의 실행 결과를 실제로 관리하는 영역 실행 컨텍스트를 이해하면 알 수 있는 것js가 스코프를 기반으로 식별자와 식별자에 바인딩된 값(식별자 바인딩)을 관리하는 방식호이스팅이 발생하는 이유클로저의 동작 방식태스트 큐와 함께 동작하는 이벤트 핸들러비동기 처리의 동작 방식(나는 아직 모름;; 차차 알아가자)4가지 소스 코드 타입타입을 구분하는 이유는 소트코드의 타입에 따라 실행 컨텍스트를 생성하는 과정과 관리하는 내용이 다르기 떄문에 구분하는 것이다. 📌 전역 코드전역코드는 전역 스코프를 생성한다.var 키워드로 생성된 전역 변수, 함수 선언문으로 정의된 전역 함수를 전역 객체의..

티스토리툴바