Basic

> RSC

 VScode에서 RSC 탭 누르면 자동 생성

Keyword	Description
RCC	Create the basic-react-component code
RCCP	Create the react-component code with property type
RCFC	Create the react-component code with Life-Cycle
RPC	Create the pure-react-component code
RSC	Create the method-type-react-component code
RSCP	Create the method-type-react-component code with Property type

 

 

> Module

 

내보내기 > export default MyModule;

불러오기 > import {Alias} from './MyModule'

 

import 문에서 파일 이름의 확장자가 생략 되어 있는데, 이는 webpack module resolution 기능 덕분.

webpack은 import 된 file을 분석하여 하나의 JS file을 생성할 때 file dic을 검색한다. 이때 확장자 기능을 참조한다.

ex) import MyFile -> MyFile.js -> MyFile.jsx 순서로 파일을 확인한다.

만약 지정 경로에 파일을 검색하지 못하였을 경우 같은 이름의 폴더를 검색하며, 해당 폴더가 존재할 시 index 파일을 검색한다.