|
6 | 6 | 관리자와 사용자 모두 고려한 기획과 설계가 이루어졌으며, 1명의 디자이너와 프론트엔드 3명, 백엔드 2명이 팀을 이루어 기획 및 디자인, 개발을 진행 하였고, 주 2회 오프라인 회의와 Discord, Figma, Swagger를 통해 원활한 소통과 협업을 진행했습니다. |
7 | 7 |
|
8 | 8 | 현재는 더 좋은 서비스 제공을 위해 웹 서비스에서 앱 서비스로 마이그레이션 진행중 입니다. |
9 | | -### 결제 플로우 |
| 9 | + |
| 10 | +### 🔗 배포주소 |
| 11 | +```txt |
| 12 | +사용자: https://app.nowait.co.kr |
| 13 | +관리자: https://www.nowait-admin.com |
| 14 | +``` |
| 15 | + |
| 16 | +### 📱 결제 플로우 |
10 | 17 | <img width="800" height="610" alt="Image" src="https://github.com/user-attachments/assets/57003ffa-a4fc-4024-b935-381c2c2e3d2b" /> |
11 | 18 |
|
12 | | -### 웨이팅 플로우 |
| 19 | +### 📱 웨이팅 플로우 |
13 | 20 | <img width="800" height="388" alt="Image" src="https://github.com/user-attachments/assets/2e0f3c73-994b-4e95-ac50-2fcf79ce28cf" /> |
14 | 21 |
|
15 | 22 | ## ⚙️ 사용 기술 |
|
52 | 59 | </tbody> |
53 | 60 | </table> |
54 | 61 |
|
55 | | -## 👥 팀원 소개 |
56 | 62 |
|
57 | | -<table> |
58 | | - <tr> |
59 | | - <td align="center" style="border:1px solid #333; padding:16px; border-radius:8px;"> |
60 | | - <a href="https://github.com/hwangdae"> |
61 | | - <img src="https://avatars.githubusercontent.com/hwangdae" width="120" height="120" style="border-radius:50%; margin-bottom:4px;"/></a><br/> |
62 | | - <b>황대성</b><br/><span style="border-top:solid 1px #666"> |
63 | | - Frontend</span> |
64 | | - </td> |
65 | | - <td align="center" style="border:1px solid #333; padding:16px; border-radius:8px;"> |
66 | | - <a href="https://github.com/dgKim1"> |
67 | | - <img src="https://avatars.githubusercontent.com/dgKim1" width="120" height="120" style="border-radius:50%; margin-bottom:4px;"/></a><br/> |
68 | | - <b>김도경</b><br/> |
69 | | - <span style="border-top:solid 1px #666"> |
70 | | - Frontend</span> |
71 | | - </td> |
72 | | - <td align="center" style="border:1px solid #333; padding:16px; border-radius:8px;"> |
73 | | - <a href="https://github.com/oriNuguri25"> |
74 | | - <img src="https://avatars.githubusercontent.com/oriNuguri25" width="120" height="120" style="border-radius:50%; margin-bottom:4px;"/></a><br/> |
75 | | - <b>이병준</b><br/> |
76 | | - <span style="border-top:solid 1px #666"> |
77 | | - Frontend</span> |
78 | | - </td> |
79 | | - </tr> |
80 | | -</table> |
| 63 | +## 🧩 모노레포 설계 |
81 | 64 |
|
82 | | -## 🧩 Frontend Monorepo |
| 65 | +Admin과 User 애플리케이션을 하나의 저장소에서 관리하는 프론트엔드 모노레포 구조로 설계했습니다. |
| 66 | +```txt |
| 67 | +- Zero-install 환경 |
| 68 | + - 의존성 중복 제거 |
| 69 | + - 신규 개발자 세팅 및 CI 시간 단축 |
83 | 70 |
|
84 | | -이 프로젝트는 **Admin**과 **User** 애플리케이션이 공존하는 **프론트엔드 모노레포**입니다.<br/> |
85 | | -**Yarn Workspaces**와 **Yarn Berry**, **Turborepo** 기반으로 구성되어 있어 Zero-install 및 디자인 통일성, 캐시 최적화가 가능합니다<br/> |
86 | | -스타일은 **TailwindCSS**를 사용하였으며, 배포는 **Vercel**을 사용했습니다. |
| 71 | +- 캐시 기반 빌드 파이프라인 |
| 72 | + - 변경된 패키지만 빌드 |
| 73 | + - 로컬 개발 속도 및 CI 성능 개선 |
| 74 | +
|
| 75 | +- 공통 UI & 타입 패키지 분리 |
| 76 | + - UI 일관성 확보 |
| 77 | + - 타입 안정성 강화 및 중복 코드 제거 |
| 78 | +
|
| 79 | +- 서비스 단위 독립 배포 |
| 80 | + - 모노레포 구조에서도 앱별 배포 가능 |
| 81 | +``` |
87 | 82 |
|
88 | | ---- |
89 | 83 |
|
90 | 84 | ## 📁 프로젝트 구조 |
91 | 85 | ```txt |
@@ -146,8 +140,36 @@ yarn dev:user # 사용자용 앱 실행 |
146 | 140 | yarn dev:admin # 관리자용 앱 실행 |
147 | 141 | ``` |
148 | 142 |
|
149 | | -## 🔗 배포주소 |
150 | | -```txt |
151 | | -사용자: https://app.nowait.co.kr |
152 | | -관리자: https://www.nowait-admin.com |
153 | | -``` |
| 143 | +## 👥 팀원 소개 |
| 144 | + |
| 145 | +<table> |
| 146 | + <tr> |
| 147 | + <td align="center"> |
| 148 | + <a href="https://github.com/hwangdae"> |
| 149 | + <img src="https://avatars.githubusercontent.com/hwangdae" width="120" height="120" /> |
| 150 | + </a> |
| 151 | + <br /> |
| 152 | + <strong>황대성</strong> |
| 153 | + <br /> |
| 154 | + Frontend |
| 155 | + </td> |
| 156 | + <td align="center"> |
| 157 | + <a href="https://github.com/dgKim1"> |
| 158 | + <img src="https://avatars.githubusercontent.com/dgKim1" width="120" height="120" /> |
| 159 | + </a> |
| 160 | + <br /> |
| 161 | + <strong>김도경</strong> |
| 162 | + <br /> |
| 163 | + Frontend |
| 164 | + </td> |
| 165 | + <td align="center"> |
| 166 | + <a href="https://github.com/oriNuguri25"> |
| 167 | + <img src="https://avatars.githubusercontent.com/oriNuguri25" width="120" height="120" /> |
| 168 | + </a> |
| 169 | + <br /> |
| 170 | + <strong>이병준</strong> |
| 171 | + <br /> |
| 172 | + Frontend |
| 173 | + </td> |
| 174 | + </tr> |
| 175 | +</table> |
0 commit comments