named export, export default
첫번째 미니프로젝트를 만들면서 많은 난관들에 부딫혔다.
정말 많은시간을 투자해서 고민해도 해결 방법이 떠오르지 않았는데
왜 이런 오류가 발생했는지 알고나면 허탈할정도로 간단한 문제였다.
자바스크립트에서 모듈을 내보내고, 가져오는 것은
export, import로 할 수 있다. 라는것은 알고 있었지만,
named export와 export default에 대해서는 잘 알지 못했다.
export async function preferSite(){
// 코드
}
import preferSite from './prefersite.js'범행 당시 나의 export와 import 코드
당시에는 하루종일 문제를 해결하지 못했었는데 왜그랬을까... 분명 구글링도 해봤는데...
나의 코드는
export default async function preferSite(){
// 코드
}
import preferSite from './prefersite.js'이거나,
export async function preferSite(){
// 코드
}
import { preferSite } from './prefersite.js'이런 형식으로 named export방식, 혹은 export default방식을 사용했어야 했다.
import와 export의 개념을 잘 이해하지 못해서 한 삽질이후
morden js 튜토리얼이라는 사이트에서 모르는 부분이 있으면 문서를 읽고 있다.
mordenjstutorial
