[221107] JS : 모듈, 비동기

 

모듈

 

1. 동적 모듈 가져오기

• import 함수를 통해 동적으로 모듈을 가져올 수 있습니다.
• import 함수는 promise 객체를 반환합니다.
  • 파일 최상단에 불러 오는 것이 아니라 중간에 데이터를 불러옴, 비동기

import('경로').then(abc => console.log(abc))

setTimeout(() => {
  import('./module.js').then(abc => {
    console.log(abc)
  })
}, 1000)

→ 1초 뒤에 실행해야 되는데 최상단에 불러올 수 없으니 중간에 불러오는 것

 

 

2. 가져온 후 바로 내보내기

가져온 모듈을 바로 내보낼 수 있습니다.

import 키워드 대신 export 키워드를 사용합니다.

export 기본데이터, { 이름데이터1, 이름데이터2 } from "경로";

 

 

 

비동기

 

1. 동기(Synchronous)와 비동기(Asynchronous)

(1) 동기: 순차적으로 코드 실행 O

(2) 비동기: 순차적으로 코드 실행 X, 시간이 얼마나 걸릴지 알 수 없다면 비동기 코드 (예: 클릭이벤트, 네트워크 통신, 이미지 로드 등)

 

2. 콜백 패턴

 

3. promise