🌏 개발 환경

FE

• Vue.js
• JavaScript
• Pinia(상태 관리)
• Axios(통신)

BE

• SpringBoot
• Swagger(API 공유)
• postman

💅🏻 스타일링

• CSS
• Tailwind
• 반응형 (포인트 : sm(~640px) → 모바일 스크린 기준), md(768px), lg(1,024px), xl(1,280px), 2xl(1536px))
• 재사용 가능 UI는 따로 뽑아서 관리(버튼, 입력창 등)

🚀 배포

• vercel - frontend
• jenkins - backend

📚 폴더 구조

📂 src
┣ 📂 **assets**
┃  ┗ logo.png
┣ 📂 **components**
┃  ┣ 📂 Home
****┃  ┃  ┗ LoginModal.vue
┃  ┣ 📂 Raid
┃  ┃  ┗ RaidList.vue
┃  ┣ 📂 User
┃  ┗  ┗ UserCard.vue
┣ 📂 **layouts**
┃	 	  ┗ MainWrap.vue
┣ 📂 **views**
┃  ┣ RaidList.vue
┃  ┗ HomeView.vue
┣	📂 **routes**
┃	 ┗ index.js
┃ 📂 **utils**
┃  ┣ Repository.js
┗  ┗ LogAPI.js

• 세부 규칙

🌿 Git branch 전략

develop 하위 브랜치에서 작업 후 develop 브랜치로 PR 후 머지

• main release용
  • develop
    • feat/Home 기능 추가
    • fix/버그내용 버그 수정
    • docs/파일이름 README.md 등 문서 수정
    • 등 커밋 메세지와 포맷 동일

Commit message