뒤로 가기
홈으로 이동
LearnFit
공유하기
YouTube, 자바스크립트 타이머는 지각쟁이? 그 이유는 싱글 콜 스택?
서원석님의 학습노트

자바스크립트 타이머는 지각쟁이? 그 이유는 싱글 콜 스택?

#전체
#개발자
#프론트엔드
#자바스크립트
#javascript
#js
#codejong
#싱글스레드
#setTimeout
00:00자바스크립트 타이머를 모르시는 분들을 위한 간단 설명: '입력한 시간만큼 지연해서 함수를 실행시켜주는' 함수 그런데 시간을 보장해주지 않는다는 말은 무슨 뜻일까요? 이 현상에 대해 분석해보면 자바스크립트와 타이머가 상호작용하는 방식, 더 나아가 자바스크립트의 동작원리를 알 수 있게 되는데요. 이 영상을 처음부터 끝까지 쭉 집중해서 시청하신다면 이해 가능합니다!
01:01timer에게 일을 시키는 방법:setTimeout 함수를 호출하기
06:32timer는 자바스크립트 엔진이 아닌 브라우저의 web API에서 처리됩니다.
08:05timer가 종료(1.5초) 그렇다고 바로 '1.5초 타이머 끝!'이 화면에 출력되지 않습니다. 아직 콜스택에 실행 중인 함수들이 존재하거든요. 그래서 콜백큐에서 대기합니다.
09:52main함수가 콜스택에서 없어지며 콜스택이 비게되고 그때 콜백큐에 있던 1.5초 타이머 끝! log함수가 콜스택으로 올라갑니다(이벤트 루프에 의해서 올라갑니다)
10:38정리
✔ 학습 완료

이 학습노트가 포함된 러닝패스예요.

서원석님의 다른 노트는 어때요?

서원석의 프로필 이미지
서원석
의 학습노트

리액트로 이미지 미리보기 구현(feat. useState, useEffect, useRef, FileReader)

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
25
00:01
이 학습노트에서 구현하는 결과물 입니다.(파일 선택기에서 이미지 파일을 고르면 이미지 미리보기)
00:25
코드 살펴보기 시작
👍
2
스크랩
서원석의 프로필 이미지
서원석
의 학습노트

네거티브 마진 negative margins | 코딩가나다 | 빔캠프

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
6
04:38
B에 negative margin을 적용하기
05:00
마크업 상에서 아래 쪽에 위치하면 위로 올라갑니다. *negative margin과 상관없는 이야기
👍
6
스크랩
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기