FreeCap Frontend Web Wiki

프리캡 프론트엔드 웹 위키입니다.
링크를 통해 아래의 항목에 대한 가이드로 이동하실 수 있습니다.

개발 환경 설정

• Node.js 버전 관리
• pnpm 버전 관리
• Frontend Tech Stack

개발 도구 및 설정

• Biome 설정 방법
• Cursor Rules
• JSDoc
• Storybook

코드 품질 및 검사

• 코드 검사 스크립트
• 좋은 코드를 위한 노력

프로젝트 구조 및 규칙

• 디렉토리 구조
• 컴포넌트 구조
• Web FE 네이밍 컨벤션
• Web FE 코드 규칙

Git 및 협업

• Git flow
• Commit Message Convention
• GitLab 사용 방법(이슈, 머지)
• MR 파이프라인

CI/CD 및 배포

• Harbor
• GitLab Webhook

모니터링

• Sentry

마크다운 작성법

• MDX 문법

i18n

• Locale 설정 플로우
• 언어 설정 적용

React 개발 가이드

• react query를 사용한 상태 관리 (논의 필요)-본사 Docs 링크

디자인 가이드 (참고용)

• 아토믹 디자인
• 최소 크기 기준 디자인(논의 필요)

기타 논의 필요

• 컴포넌트 자동 생성 스크립트에 대해