mordern JS exports & imports (modules)

강정우·2022년 12월 26일
0

JavaScript

목록 보기
32/53
post-thumbnail

설명

  • ES6 문법의 JS는 모듈방식의 코드를 작성할 수 있는 기능이 있다. 따라서 여러 파일로 코드를 분리할 수 있다.
  • 그리고 이를 Html 파일에서 "올바른" 순서로 불러오면 된다.
    예를 들어
person.js
const person = {
  name : "Max"
}
export default person

utility.js
export const = clean = () => {~~함수~~}
exoprt const baseData = 10;
  • import는 이렇게
import person from "./person.js"
import prs from "./person.js"

import {baseData} from "./utility.js"
import {clean} from "./utility.js"
import {clean as cl} from "./utility.js"
import * as bundle from "./utility.js"
  • 가장 자주사용하는 것은
import {baseData} from "./utility.js"
  • 마치 python에서 다양한 library들을 import하기 위해 사용했던 문법과 굉장히 유사하다.
profile
智(지)! 德(덕)! 體(체)!

0개의 댓글