[프로젝트] 프로젝트 초기 세팅

기술 선정

• Vue3, Typescript, Axios, Vue-router, Vuex

프론트엔드 진영의 대표 프레임워크인 Vue를 이용함으로써 프레임워크가 제어권을 가지고 있는 Vue를 통해 초기 러닝커브를 낮추고자 하였습니다. React는 라이브러리로, 개발자가 제어권을 가지고 있기에 설계나 테크닉에서 많은 학습이 요구됩니다. 단 시간 내에 프로젝트를 완성하기 위해서 템플릿화된 코드 작성 방식과 상태관리를 지원하는 Vue를 선택하기로 하였습니다.

Vue는 최근 Vue3를 기본으로 사용할 것을 공식 문서에서도 명시하고 있습니다. 이에 Vue3를 선택하였고, 궁합이 잘 맞는 Typescript를 함께 사용하기로 하였습니다. typescript는 타입을 선언하여 사용함으로써 컴파일 시점에 타입오류로 인해 발생할 수 있는 문제를 개발자가 캐치하여 수정할 수 있게 해줍니다.

그 외에 Vue에서 지원하는 하위 라이브러리를 사용함으로써 코드 작성에 용이함을 더했습니다.

• Bootstrap

퍼블리싱에 시간을 최소화로 들이고자 부트스트랩을 사용하였습니다.

커밋 컨벤션

feat: 기능 구현 fix: 오류 수정 refactor: 패키지 수정/ 파일명 수정 chore: 라이브러리 추가/ 세팅 변경 style: HTML, CSS 수정 docs: 문서 수정 hotfix: 긴급 수정

prefix 키워드에 한글로 변경사항 혹은 작업 내용을 작성합니다.

예: style: 404페이지 화면 구현

깃헙 브랜치 전략

main : prod dev : dev 환경

로컬에서 개발 후, dev로 머지 => 이 단계에서 코드리뷰 진행 dev에서 main으로 머지 => prod 환경으로 배포