React 기본 개념 - 2

import 불러오기

import App from './App'; 여기에

import <이름> from ‘./App’; 인데 이름의 경우는 임의로 지정할 수 있는데, 변수랑 겹치지 않는 이름으로 하는 것이 좋다.

만약에 App안에 App이라는 변수가 선언이 되어있다면, 변수가 2개가 되기 때문에 충돌이 날 수도 있으므로, 겹치지 않는 이름으로 지정한다.

 

변수 import

import App, { message } from ‘./App’

변수명은 변경할 수 없다. 파일에서 불러오기라서 변경이 불가능

import App ← 이 부분은 변경이 가능

 

export 내보내기

기본 내보내기는 기본 구문으로 변수 한개만 내보내기가 가능하다.

export default App

 

만약 변수를 내보내기 한다면,

첫 번째 방법

const message = hi;

export { message }

 

두 번째 방법

export const message = ‘hi’;

 

/ (slash)

import App from ‘./App’

/ 이 부분은 내가 가져오려고 하는 상대 파일 경로이다.

 

.는 같은 폴더

 

/ 같은 디텍토리

 

.. 는 한 단계 위 디텍토리