React에서 import하는 방법, export하는 방법

CRUD만 나오면 눈물이 주르륵 나오는게

자바스크립트 문제인가 싶어서

자바스크립트 걷기반, 종합반까지 공부하고

오랜만에 create부분을 혼자 만들어봤다.

 

시간이 좀 많이 걸리긴 했지만 만들었다.

시간이 많이 걸렸던 이유는 import와 export

방법에 문제가 있어서였다.

 

 

TodoList.jsx에서 (맞는 경로로) export를 해줬고

App.jsx에서 import를 받아왔는데

export TodoList 부분이 잘못됐다고 떴다.

그래서 튜터님을 찾아갔는데

'export'와 'TodoList' 사이에 'default'를 추가하거나

'TodoList'를 '{TodoList}'로 변경해 주어야 한다고 하셨다.

 

맨날 이렇게도 입력해보고 저렇게도 입력해봐서

되는걸 사용했는데 나름 규칙이 있었다.

export를 'default'로 해줄 때는 중괄호가 있다고 한다.

 

예)

export default TodoList;

import TodoList from "./Component"

 

export {TodoList};

import {TodoList} from "./Component"