React
-
[React] 절대경로 importReact 2022. 12. 29. 15:50
import지옥 import Component from '../../../../../../../../components/PushComponent'; React로 프로젝트를 개발하다보면 위와 같은 import지옥이 되는 경우가 많다. 실제 라우트 구조에 맞추어 페이지 컴포넌트를 제작하기 때문에 depth가 깊은 페이지에서 root폴더까지 올라가려면 어쩔 수 없는 상황이다. # 절대경로 - 절대 경로는 어떤 상황에서도 변하지 않는 경로를 의미힌다. - import를 선언하는 페이지의 위치와는 상관 없이 일관성 있는 경로를 작성하기 때문에 추후 파일위치가 변경되도 import를 다시 맞추지 않아도 되는 장점이 있다. 방법 typescript프로젝트라면 tsconfig.json / javascript프로젝트라면..
-
[React] export 여러개 하기React 2022. 11. 16. 11:36
export 여러개 하기 2개의 컴포넌트를 export하기 위해 아래와 같이 작성하면 에러가 난다. "Only one default export allowed per module" function Component1(props){ return( 함수형 컴포넌트1 ); } const Component2 =(props) =>{ return( 함수형 컴포넌트2 ); } export default Component1; export default Component2; export {Component1, Component2} 아래와 같이 작성하면 된다. import React from 'react'; function Component1(props){ return( 함수형 컴포넌트1 ); } const Compone..