<aside> 💡 IBAS Project의 주요한 Style Convention은 깃허브 Issue를 통해 논의되고 정해집니다. 프로젝트의 모든 멤버가 스타일 결정에 참여하고 의견을 제시할 수 있습니다. 아래는 논의 예시입니다.

• PR Merge 방식에 대한 논의 </aside>

Frontend Code Convention

1. 작업 환경

1.1 npm

프론트엔드 프로젝트는 npm을 사용하여 패키지를 관리합니다.

1.2 fetch

데이터 요청은 fetch API를 사용합니다.

2. 폴더

2.1 Components

• Components 폴더에는 재사용 가능한 React 컴포넌트를 저장합니다.
• Components 폴더의 파일 이름은 UpperCamelCase를 사용합니다.

예시:

• BoardNavigate.tsx
• BoardSearch.tsx

2.2 Functions

• Functions 폴더에는 유틸리티 함수 또는 비즈니스 로직을 포함하는 파일들을 저장합니다.
• Functions 폴더의 파일 이름은 camelCase를 사용합니다.

예시:

• authFunctions.tsx
• convertLabelFunctions.tsx
• dateFunction.tsx