728x90
반응형
# 기본 구조 생성하기
예를들어 Header.js 파일을 신규로 생성하여 기본 구조를 잡고자 할때 rsc 명령어를 입력 후 tab 키를 누르면 아래와 같이 기본 구조를 갖춘 .js 파일이 생성이 된다.
import React from 'react';
const componentName = () => {
return (
<div>
</div>
);
};
export default componentName;
위에서 componentName만 변경하여 새로운 내용을 코딩하면 간편하게 작성 할 수 있다.
728x90
반응형
'⭐ React (리액트) > 리액트 기본' 카테고리의 다른 글
10. styledComponents 적용하기 (0) | 2022.05.18 |
---|---|
styled-components를 외부 파일에 적용 후 반영하기 (0) | 2022.05.18 |
yarn 및 styled-components 설치하기 (0) | 2022.05.18 |
9. useRef (0) | 2022.05.18 |
8. useMomo (0) | 2022.05.18 |