[html/next.js] 상위 폴더 파일 import 하기

아래 이미지처럼 동일한 폴더에 있는 파일을 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이 반영되었습니다.