아이스쿠루무 FE 리포지토리

리포지토리 간략 소개

• AIS 인턴 프로젝트 "아이스쿠루무" 프론트엔드 개발을 위한 리포지토리입니다.

개발 기간

• 2024.07.23~

깃 컨벤션

• 각자 브랜치를 판 다음에 기능을 다 만드셨으면 main 브랜치에 PR을 쏘고 나머지 사람들이 코드리뷰 후 승인하면 최종적으로 Merge할 예정입니다.

깃 커밋 컨벤션

"최대한 commit을 많이 해주세요."

• feat: 새로운 기능 추가
• fix: 버그 수정
• docs: 문서 수정
• style: 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
• refactor: 코드 리펙토링
• test: 테스트 코드, 리펙토링 테스트 코드 추가
• chore: 빌드 업무 수정, 패키지 매니저 수정

코드 컨벤션

• 기본적인 폴더명 - camelCase

  

• 직접적인 컴포넌트들이 들어있는 폴더명 - PascalCase

  

• 모든 컴포넌트, 스타일 컴포넌트 - PascalCase

  

• 페이지 파일명 - PascalCase

  

• 컴포넌트명과 파일명 일치시키기

  

• 함수, 변수, hook - camelCase

  

• 컴포넌트를 제외한 모든 태그 - 소문자

• 이미지와 같은 asset 파일명 - 소문자

• HTML, CSS에서 클래스명이나 id명 kebab-case

• 상수명, 띄어쓰기 일 때는 언더바('-') UPPER_CASE

• 개행 - CRLF

표기법

PascalCase: 첫 단어를 대문자로 시작하는 표기법

• 예시: BackgroundColor, TypeName, PowerPoint

CamelCase: 맨 처음 문자는 소문자로 표기하면서 각 단어의 첫 문자를 대문자로 표기

• 예시: backgroundColor, typeName

케밥케이스: 띄어쓰기 대신 하이픈 - 을 사용하며, 모든 단어를 대체로 소문자로 작성하는 방식

• 예시: background-color, font-family

노션 페이지

아이스쿠루무 노션 메인 페이지

아이스쿠루무 프론트엔드 칸반보드 페이지