BE

FE

• 함수 선언
• color 변수
• style guide
• prettier 설정

페이지 파일 이름 : <페이지 이름>Page.jsx

import 순서 정리 1번 라이브러리 최상단 2번 util 3번 컴포넌트(페이지->component 폴더->m-ui) 4번 CSS

https://ui.toast.com/fe-guide/ko_CODING-CONVENTION#들여쓰기

PropTypes 사용

// PropTypes 사용
import PropTypes from 'prop-types';

function MyComponent({ name, age }) {
  return (
    <div>
      <p>Name: {name}</p>
      <p>Age: {age}</p>
    </div>
  );
}

MyComponent.propTypes = {
  name: PropTypes.string.isRequired,
  age: PropTypes.number.isRequired,
};