본문 바로가기

⭐ React (리액트)/리액트 기본

리액트 기본 구조 자동으로 생성하기 (rsc 사용)

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