
컴포넌트 import 및 export 하기 컴포넌트의 가장 큰 장점은 재사용성으로 컴포넌트를 조합해 또 다른 컴포넌트를 만들 수 있습니다. 컴포넌트를 여러 번 중첩하게 되면 다른 파일로 분리해야 하는 시점이 생깁니다. 이렇게 분리하면 나중에 파일을 찾기 더 쉽고 재사용하기 편리해집니다. 라고 문서에 나와 있다. 어떻게 분리하는가? 자바스크립트에서 모듈 하는 방법과 동일하다. 파일을 따로 관리하여 해당 컴포넌트를 export(내보내기) 하고 원하는 곳에 둘때는 import (가져오기)를 하면된다. import Header from '../header/Header' import * as S from './style' import { Outlet } from 'react-router' export defaul..
JavaScript/React
2023. 7. 15. 05:00
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- GitHub
- 그룹스터디_북스터디
- CSS
- Git
- 스코프
- 북스터디
- component
- 컴포넌트
- 개발자취업부트캠프
- Root_Component
- MegabyteSchool
- JSX
- react
- 메가바이트스쿨
- 국비지원교육
- 패스트캠퍼스
- html
- 그룹스터디
- export
- MegabyteShool
- 리액트
- vim 편집기
- git flow
- 국비지원
- til
- 개발자치업부트캠프
- 내일배움카드
- 가상클래스
- shell command
- javascript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함