[React] jsx의 경로와 import, export

1. 경로

1) same directory - ./ 

2) up one directory - ../

 

 

2. export

js파일에서는 함수와, 변수 모두 export할 수 있다.

 

 

3. import

import 할 때는 함수명은 변경할 수 있고 변수명은 변경이 불가하다!

App.js에서 fuction App()라는 이름으로 정의된 함수더라도

import MyApp from './App'; 으로 이름을 바꿔서 불러올 수 있는데, 이건 다양한 패키지에서 동일한 함수명이 있을 때 중복을 피하기 위해서 사용한다. 

이렇게 함수명은 변경할 수 있지만 변수명은 변경이 불가함!

 

패키지를 불러올 때는 경로를 입력하지 않고 바로

import React from 'react'로 사용할 수 있는데 이건

node_modules폴더에 있는 패키지를 읽어오는 것이기 때문이다

 

 

 

 

https://jsx-notes.vercel.app/