2023-04-29 -1

repository 기본세팅

프로젝트가 시작되었으니 리포지토리를 파는 것으로 시작했다. 우리 팀은 React on Typescript + Vite 를 사용하기로 하였다.

npm create vite@latest

폴더 구조

우리 팀이 구상한 디렉토리 구조는 다음과 같다.

src
|   |
|   +--assets
|   |
|   +--components
|   |   |
|   |   +--... //각 컴포넌트마다 .tsx 파일 만들기.
|   |
|   +--styles
|   |   |
|   |   +--common.css   // 전체에 적용될 css root variable 들을 정의했다. 
|   |   |               // 색, 각 폰트 크기단계, 기본 마진, 기본 패딩 값 등..
|   |   |
|   |   +--theme.ts     // 
|   |
|   +--view
|       |   
|       +--... //각 페이지마다 .tsx 파일 만들기. Hook component 로 export default.
|    
+--App.css
|
+--App.tsx //React-router-dom으로 view 폴더의 각 파일들을 Route로 정의. 
|
+--Main.tsx

브랜치 전략

상황이 시간이 한정된 해커톤인지라, issue-driven programming 을 포기했다. 대신, 각 개발자마다 *-dev 로 브랜치를 파서(예, ood-dev) master branch 를 보호했다. deploy-branch를 master와 분리해서 보호했다.

커밋메시지 전략

conventional commit message 형식을 사용하고 싶었지만, 결국 지키지 못했다.