로그인 바로가기 하위 메뉴 바로가기 본문 바로가기
난이도
심화

웹 프로그래밍(풀스택)

임시 이미지 [코스설계] Front-End 윤지수
http://www.boostcourse.org/web316/notice/2503
좋아요 4730 수강생 47513

아래의 글은 BOOSTER 서포터즈로 활동하고 ETERNELNA***이
작성한 부스트코스 후기입니다.
여러분들의 성원에 더 노력하는 부스트코스가 되겠습니다.
감사합니다.
******************************************
2)작성 날짜: 20/02/19

(본문 내용)

이번 부스트코스 웹 프로그래밍 강의에서는

js의 'window 객체'에 대한 내용을 다뤘다!

그 중에서도 setTimeout이라는 메서드를 이용해 강의를 진행하며

비동기에 대한 이해를 높여볼 수 있었다!

window 객체

window 객체는 클라이언트 측 js 프로그램의 전역 객체이다

계층 구조에서 최상위에 존재하며 가장 기본적이면서도 중요한 객체!

브라우저의 요소들, js엔진, 모든 변수를 담고있다

http://tcpschool.com/javascript/js_bom_window

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

window는 모든 객체의 조상이자 디폴트 개념이기때문에

사실상 생략가능하다.

window.setTimeout() 비동기 이해 예제

setTimeout은 비동기(asynchronous)로 실행되어

동기적인 실행이 끝나고 실행된다.

즉, setTimeout안의 콜백함수는 run의 실행이 완료된 후 실행된다!

window.setTimeout() setTimeout() //window는 전역객체라서 생략 가능하다.

다음의 코드를 실행하면 어떤 결과가 나올까??

function run() { console.log("start"); setTimeout(function() { var msg = "hello :)"; console.log(msg); }, 1000); console.log("end"); } run();

.

.

.


본 게시물은 부스트 코스-웹 프로그래밍 강의 중 아래의 강좌를 수강한 후 쓴 글입니다.

 


 ******************************************