npm install -D vite-tsconfig-paths으로 설치 후 vite.config.js의 plugins에 추가한다.
브랜치
main
dev (default)
feat-#이슈 번호-기능
ex) feat-#3-Login
커밋 메세지
.gitmessage.txt
이외 필요사항은 그때 협의합시당~
PR 템플릿
이슈
close #~
구현한 기능
..
스크린샷
고민사항 (하면서 생기는 막히는 부분, 모르는 점, 궁금한 점)
ex) 현재 이렇게 했는데 더 좋은 방법이 있을 것 같은데 모르겠다 , 여기 부분을 해결하지 못했는데 어떻게 하면 될까요?
제출 전 체크리스트 ((주석))
이슈 템플릿
체크박스로 태스크 쪼개기
- [ ] 하위 태스크1 => 이슈화 또 할수있고...
- [ ] 하위 태스크2 => 이슈화 또 할수있고...
<LocalErrorBoundary> //여기서 지역적인 에러처리
<Suspense fallback={<Spinner/>}> //여기서 fetching isLoading, isError react-quuery랑 errorboundary, suspense
//isLoading중일땐 다른 컴포넌트
<SomePage data={usePost()}/> //페이지도 가능 => 컴포넌트에서는 데이터를 무조건 받음 => 타입체크
</Suspense>
</LocalErroBoundary>
//Compound Component, Function as Child Component, Custom hook 등으로 로직 적절히 분리
const SomePage = ({data}) => {
const user = data.user.read()
return (
<div>
{data}
</div>
)
}
// 명시적으로 import 하자 !
import {
ReactElement,
MouseEvent as ReactMouseEvent,
ReactNode,
RefObject,
} from 'react';
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tsconfigPaths from "vite-tsconfig-paths";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react(), tsconfigPaths()],
});
# <타입>: <제목> 형식으로 작성하며 제목은 최대 50글자 정도로만 입력
# 제목을 아랫줄에 작성, 제목 끝에 마침표 금지, 무엇을 했는지 명확하게 작성
# 본문 작성시 한줄 밑에 -본문 내용 작성
################
# [✨feat]: 새로운 기능 추가
# [🐛fix]: 버그 수정
# [📝docs]: 문서 수정
# [♻️refactor]: 코드 리팩토링 (기능에 영향을 주지 않을 때)
# [🎨style]: css 스타일링
# [🔨chore]: 빌드 부분 혹은 패키지 매니저 수정사항
# [🗑️remove]: 코드 또는 파일 제거할 때
# [🚚change]: 파일 혹은 폴더 구조, 이름을 변경할 때
################
## 📋 Issue Number
close #
## 💻 구현 내용
-
-
## 📷 Screenshots
## 🤔 고민사항
<!-- PR에서 중점적으로 봐야할 부분이나 질문 & 애로사항 공유 -->
<!-- 궁금한 점, 팀원들의 의견이 필요한 부분, 크로스체크가 필요한 부분 등 -->
<!-- 하면서 생기는 막히는 부분, 모르는 점, 궁금한 점 -->
<!--
📋 제출 전 check list
- 이슈 내용을 전부 적용했나요?
- 산정한 작업 기간 내에 개발했나요?
- 코드 정리를 한번 하셨나요?
- 컨벤션 확인하셨나요?
- UI와 도메인 로직을 잘 분리했나요?
- depth가 너무 깊지는 않나요?
-->
### 📋 개요
### 💻 ToDoList
- [ ] 할일 (convert issue)
- [ ] 할일
- [ ] #Issue 멘션
### 🔍 point
<!-- 해당 이슈에서 중요한 포인트 -->
