Salary_FE

겨울잠 샐러리 팀 프론트엔드 레포지토리입니다

🥦 샐러리

하루 3분, 경제 한 입, 경제/금융 지식을 부담없이 학습 가능한 앱서비스

---

💡 기획목적/문제인식

지속적인 학습이 어렵고, 이해에 어려움을 겪는 초심자에게 사용자의 동기부여와 이해에 집중한 학습 루트를 제공하자!

---

💡 기대효과

---

💡 BI

---

✅ 기능 소개

1️⃣ 메인 페이지

2️⃣ 샐러리 한 조각

3️⃣ 트렌드 퀴즈

4️⃣ 뉴스

5️⃣ 경제 레터

6️⃣ 단어장

7️⃣ 기타 기능

---

👩‍👩‍👧‍👦 팀원 소개

분야	이름	포지션
PM	류다인	📋 서비스 기획
PM	고영명	📋 서비스 기획
Design	박지효	🎨 서비스 디자인
Design	신유정	🎨 서비스 디자인
FE	공윤호	💻 프론트엔드 개발
FE	유민주	💻 프론트엔드 개발
BE	신민경	💻 서버 및 백엔드 개발
BE	신지환	💻 서버 및 백엔드 개발

---

📑 기술 스택

💻 BackEnd

💻 FrontEnd

📡 배포

👨‍👩‍👧‍👦 협업툴

🎨 Design

---

📑 소프트웨어 아키텍처

---

📑 협업 컨벤션

📌 Commit message

[커밋메시지- 소문자] : 구현 기능설명

<커밋메시지 종류>

• feat: 새로운 기능 추가
• fix: 버그 수정
• refactor: 코드 리팩토링 관련
• chore: 버그 픽스 또는 기능 추가에 해당되지 않는 '자잘한' 변경사항(rename, remove 등)
• test: 테스트 관련 수정
• style: UI 변경사항

📌 PR Convention

👉🏻 PR 제목 ex) [PascalCase로- 작업한 페이지 이름] “기능 구현 내용”

📌 Branch 전략

main develop 개발 도중 merge하게 되는 최상위 브랜치 feat 각 기능을 개발하며 사용할 브랜치로, screen 단위로 구분하여 사용한다. - feat 브랜치 “하위로” 하위 기능에 따른 브랜치를 분기하여 사용한다.

// 분기 그래프
main
 ㄴ develop
	 ㄴ feat/HomeScreen
		 ㄴ HomeScreen/#18/CalendarWeekView
		 
// 브랜치 전략 예시
main
 ㄴ develop
	 ㄴ feat/HomeScreen
		 ㄴ HomeScreen/#18/CalendarWeekView

📌 폴더 규칙

Salary_FE
├─ .gitignore
├─ App.js
├─ app.json
├─ assets // 스크린 별로 폴더를 나눈다.
│  ├─ Home
│  ├─ MyPage
│  ├─ TodaySalary
├─ common // 공통 asset을 모은다. 혹여나 공통 component가 생기면 그때 폴더를 나눈다.
│  ├─ favicon.png
│  ├─ icon.png
├─ components // 스크린 별로 폴더를 나눈다.
│  ├─ Home
│  ├─ MyPage
│  ├─ TodaySalary
├─ constants // 상수를 정의한다.
│  ├─ styles.js // 예시: Global Styles 객체를 정의한다.
├─ node_modules
├─ screens // 스크린 정의 폴더
│  ├─ HomeScreen.js
│  ├─ MyPageScreen.js
│  ├─ SignInScreen.js
│  ├─ SplashScreen.js
│  ├─ TodaySalaryScreen.js
│  ├─ TodayTrendQuizScreen.js
│  ├─ VocaListScreen.js
│  └─ VocaSearchScreen.js
├─ util // util 기능을 수행하는 함수를 정의한다.
│  ├─ date.js // 예시: 포맷된 날짜를 반환하는 함수를 정의한다.
├─ store
│  ├─ AuthCtx.js
└─ yarn.lock