이벤트 루프란 무엇인가요? 콜 스택과 태스크 큐의 차이점은 무엇인가요?

[365kim]

• 이벤트 루프란 무엇인가요?
• 콜 스택과 태스크 큐의 차이점은 무엇인가요?

[365kim]

공유하고싶은 자료 & 개인적으로 정리한 블로그 등이 있다면 여기👇👇👇에 댓글로 공유해주세요 😆

[365kim]

JAVASCRIPT.INFO - 이벤트 루프와 매크로·마이크로태스크

[zereight]

핵심키워드: 자바스크립트 엔진, web api, 이벤트 루프, 태스크 큐, 싱글 스레드
경험요약: 이벤트 루프의 전반적인 동작을 설명함. 어제 브랜이랑 면접했어서 토스 코테 비동기 부분에도 바로 적었음 개이득
스터디회고: 사전에 정리해둔 글을 한번 보고와서 대답하는데 별 어려움이 없었음. 태스크큐의 세부정보에 대해서는 말하지 않음. 말하면 더 좋으려나?

[hchayan]

핵심키워드: 싱글/멀티 스레드, web api, 콜 스택, 매크로 테스크 큐, 마이크로 테스크 큐
경험요약: 전반적인 이벤트 루프 작동 방식에 대해 설명함, 틱의 실행 흐름 설명함. 비동기 통신으로 질문 발전 가능성 있음
스터디회고: 말그대로 이론 자체. 관련된 답을 평소에 생각해보기 힘든 질문 (왜 브라우저 엔진은 단일 스레드?, 왜 매크로/마이크로 테스크 큐 나뉘어있고, 실행방식이 다름?) 에 대해서는 한번 생각해보면 좋을것 같다.

[yungo1846]

핵심키워드: 싱글 스레드, 콜 스택, 태스크 큐, 브라우저와 노드
경험요약: 프로미스를 이용하여 콜 스택 -> 태스크 큐 -> 이벤트 루프 -> 콜 스택의 흐름을 설명
스터디회고: 면접 중에 나온 내용은 아니지만 크리스 덕에 비동기 처리에서 소스코드의 평가와 실행을 제외한 모든 처리는 자바스크립트 엔진을 구동하는 환경인 브라우저 또는 node.js가 담당한다는 사실을 알게 됐다.

[zigsong]

핵심키워드: 콜 스택, 태스크 큐, 콜백, web API
경험요약: 태스크 큐의 콜백 함수들이 항상 실행 시점을 보장하지 않기 때문에 계산을 잘 해야 한다
스터디회고: web API의 역할에 대해 제대로 설명하지 못했다. 그리고 태스크 큐는 자바스크립트 엔진에 포함되어 있지 않다는 점을 기억하자!

[yujo11]

핵심키워드: 싱글 스레드, 콜 스택, 태스크 큐, 마이크로 태스트 큐
경험요약: 자바스크립트가 동시에 여러 일을 처리할 수 있는 이유
스터디회고: 이벤트 루프를 제대로 말하고 전달하지 못 했다. 공부를 더 해야겠다.

[ddongule]

핵심 키워드: 콜스택, 태스크큐, 마이크로태스크 큐, 자바스크립트 엔진, Web API
경험 요약: 이벤트 루프의 전반적인 동작, 태스크큐의 종류
스터디 회고: 이벤트 루프가 하는 일에 대해 한 문장으로 매끄럽지 못하게 설명해서 아쉬움이 남는다.

[swon3210]

핵심키워드: 싱글 스레드, 콜 스택, 태스크 큐, 마이크로 태스트 큐, Web API
경험요약: 이벤트 루프가 일을 하기까지의 과정과 콜 스택과 태스크 큐의 역할의 차이점
스터디회고: 이벤트 루프에서 setTimeout 과 같은 WebAPI 에서는 타이머를 브라우저에서 별도의 스레드로 처리해준다는 언급 등을 해주는게 좋을 것 같다.

[365kim]

• 핵심키워드 : 비동기, 싱글스레드 JS, 콜스택 / 태스크 큐
• 스터디회고 : 이벤트 루프를 한 마디로 정의하려는 시도는 좋았지만, 좀 더 깔끔하게 한 문장으로 정리하면 좋겠다는 피드백을 받았다. '차이점'을 물어봤는데 콜스택에 대해서 너무 자세히 얘기했다. 물어본 것에 간단하게 대답하는 연습이 필요하다.

[igy95]

핵심키워드: 비동기, 싱글 스레드, 호출스택, 큐
스터디회고: 이벤트 루프의 동작방식을 이야기할 때, 머릿속에서 정리가 잘 안된다는 느낌을 받았다. 이 부분에 대해 다시 한번 확인이 필요할 것 같다.