728x90
반응형
아래 이미지처럼 동일한 폴더에 있는 파일을 import 할 때는 ./를 입력하고 파일명.js를 해주면 됩니다.
import age from './data.js'
만약에 같은 폴더가 아닌 상위 폴더 즉 cart의 상위 폴더인 app폴더에 있는 파일을 import 하려면 어떻게 해야 할까요?
../
를 입력하고 파일명.js를 해주면 됩니다.
import age from '../data.js'
아주 쉽죠?!
아래처럼 같은 폴더에 data.js 파일을 생성하고
let age = 20;
export default age
변수를 지정해주고, 내보내줍니다.
그리고 기존 page.js 파일에서
import age from './data.js'
age 변수를 임포트 한 뒤에 변수를 {}에 넣어주면 끝입니다.
그러면 아래와 같이 data.js에 변수로 지정한 20이 반영되었습니다.
728x90
반응형
'programming > JavaScript' 카테고리의 다른 글
nextjs 설치 방법과 프로젝트 구조 (0) | 2023.07.05 |
---|---|
[html/next.js] component 문법 (0) | 2023.05.11 |
next.js와 node.js의 차이점 (0) | 2023.05.10 |
[html/next.js] 이미지 삽입하기 (0) | 2023.05.10 |
[html/next.js] array 문법&반복문 map() (0) | 2023.05.10 |