🔗 Link : https://withus-ten.vercel.app
- 불필요한 반복 작업 대신 지원자를 살피는데 집중할 수 있도록!
[공고 - 지원서 취합 - 서류/면접 평가 - 합불 발표]의 모든 과정을 한 곳에서!
중전마더스
PM의 별명에서 비롯된 팀명으로, 서비스명 위더스(WithUs)와 라임을 맞춰 유쾌하면서도 따뜻한 팀의 색깔을 담았습니다. 중전처럼 중심을 잡고 서로를 챙기며, 마더스처럼 따뜻하게 사용자 곁에서 진심을 다하는 서비스를 만들겠다는 의지를 담은 이름입니다.
| 분야 | 이름 | 포지션 |
|---|---|---|
| 📋 기획 | 장수정 | PM, 기획 리드, 서비스 기획(서비스 정책 확립, 유저 리서치, 와이어프레임 작성, UX writing) |
| 📋 기획 | 윤수빈 | 서비스 기획(서비스 정책 확립, 유저 리서치, 와이어프레임 작성, UX writing) |
| 🎨 디자인 | 설정원 | 디자인 리드, UX/UI 디자인, GUI 디자인, 서비스 디자인, 브랜드 디자인 |
| 🎨 디자인 | 김현호 | UX/UI 디자인, GUI 디자인, 서비스 디자인, 브랜드 디자인 |
| 📲 프론트엔드 | 이채원 | 프론트엔드 리드, 화면 UI 구현, 서버 연동 |
| 📲 프론트엔드 | 서유빈 | 화면 UI 구현, 서버 연동 |
| 🖥️ 백엔드 | 김재관 | 백엔드 리드, DB 및 API 구축, 서버 배포 |
| 🖥️ 백엔드 | 우은진 | DB 및 API 구축, 서버 배포 |
Swagger : https://jk-project.site/swagger-ui/index.html
-
- Next.js (App Router) : 페이지·레이아웃·모달의 구조적 분리를 통해 유지보수성과 재사용성을 강화
- TypeScript : Props와 API 타입 명세를 통해 코드의 안정성과 예측 가능성 확보
- vanilla-extract : 디자인 토큰 기반의 타입 안전한 스타일 관리를 통해 일관된 UI 구현
- Turborepo + pnpm : 모노레포 구조와 병렬 빌드를 통해 패키지 간 의존성 관리와 빌드 속도 향상
- TanStack Query (React Query) : 서버 상태 관리 자동화를 통해 데이터 요청 최적화 및 CSR/SSR 통합 처리
-
- Storybook + GitHub Actions : PR마다 공통 컴포넌트 변경사항을 시각화 배포하여 디자이너·개발자 협업 간 피드백 사이클 단축
-
-
[branch 유형]/[이슈번호-작업내용](예:feat/#1-login-UI) -
[커밋 유형] : [커밋 메시지] ([이슈번호])(예:feat: 로그인 구현 (#1))Convention Type Description init브랜치 첫 커밋 feat새로운 기능에 대한 커밋 fix버그 수정에 대한 커밋 build빌드 관련 파일 수정에 대한 커밋 chore그 외 자잘한 수정에 대한 커밋 docs문서 수정에 대한 커밋 style코드 스타일 혹은 포맷 등에 관한 커밋 refactor코드 리팩토링에 대한 커밋 -
- 2-space indent
camelCase: 변수명, 함수명, 폴더명, 파일 명 (컴포넌트 제외), 파라미터PascalCase: 클래스명, 컴포넌트명BIG_SNAKE_CASE: 상수명
-
제목 :
[prefix][구현할 내용](예:[feat] 로그인 UI 구현)## 💚 어떤 기능인가요? 카톡 로그인 기능을 개발. ## ✅ To Dos - [ ] - [ ] - [ ]
-
제목 :
[prefix][구현할 내용](예:[feat] 로그인 UI 구현)## 이슈 넘버 - close # <!-- # 뒤에 이슈넘버를 써서 이슈를 닫아주세요 --> ## 구현 사항 <!-- 실제로 변경한 사항을 설명해주세요.--> - [ ] - [ ] - [ ] - [ ] ## Need Review - ~ 부분 이렇게 구현했어요, 피드백 부탁해요! <!-- 어떤 부분에 리뷰어가 집중해야 하는지 or 해당 PR에서 논의가 필요한 사항을 적어주세요. --> ## 📸 스크린샷 <!-- 팀원들이 이해하기 쉽도록 스크린샷을 첨부해주세요. --> ## Reference <!-- 참고한 사이트가 있다면 링크를 공유해주세요. -->
.
├── apps/
│ └── web/ # Next.js 애플리케이션 (App Router 기반)
├── packages/
│ ├── eslint-config/ # Turborepo용 ESLint 설정 패키지
│ ├── typescript-config/ # 공통 TypeScript 설정
│ ├── theme/ # 디자인 토큰 저장소
│ │ └── tokens/ # 색상, 타이포그래피 등 theme 구성 요소들
│ ├── ui/ # 공통 UI 컴포넌트 및 아이콘
│ └── utils/ # 공통 유틸 함수 및 커스텀 훅
| 폴더 경로 | 설명 |
|---|---|
apps/web |
실제 사용자 화면을 구성하기 위한 Next.js 애플리케이션 코드가 위치한 곳 |
packages/eslint-configpackages/typescript-config |
코드 품질과 일관성을 유지하기 위한 ESLint 및 TypeScript 공통 설정 패키지 |
packages/theme |
색상, 여백, 타이포그래피 등을 재사용 가능하게 구성하기 위한 디자인 토큰 패키지 |
packages/ui |
버튼, 인풋, 헤더 등 UI 요소의 재사용을 위한 공통 UI 컴포넌트 및 아이콘 패키지 |
packages/utils |
프로젝트 전반에 활용되는 공통 유틸 함수 및 커스텀 훅을 관리하기 위한 패키지 |
-
- Spring Boot : RESTful API 설계 및 빠른 서버 사이드 개발
- Java 17 : LTS 버전 기반의 안정적인 백엔드 개발
- QueryDSL : 복잡한 조건의 쿼리를 타입 안정성 있게 처리
- Gradle : 프로젝트 의존성 및 빌드 자동화
-
- GitHub Actions + Docker Compose : 코드 푸시 시 자동 빌드 및 테스트, 로컬 환경과 유사한 컨테이너 기반 배포 구성
-
- JUnit : 단위 테스트 및 통합 테스트를 통해 비즈니스 로직의 신뢰성 확보
-
- MySQL : 관계형 데이터베이스로 주요 도메인 저장
- Redis : 토큰 저장 및 캐싱 용도로 사용
-
-
[branch 유형]/[이슈번호-작업내용](예:feat/55-login) -
[커밋 유형] : [커밋 메시지] [이슈번호](예:feat: 로그인 구현 #4)Convention Type Description feat새로운 기능 구현 add파일 및 코드 추가 chore부수적인 코드 수정 및 기타 변경사항 docs문서 추가 및 수정, 삭제 fix버그 수정(코드 고치기) rename파일 및 폴더 이름 변경 test테스트 코드 추가 및 수정, 삭제 refactor코드 리팩토링 settingci/cd, 배포 관련, 프로젝트 세팅 -
- 2-space indent
- camelCase 변수명
- PascalCase 클래스명
- Javadoc 주석 사용
-
제목 :
[유형 별 이모지 (예: ✨)][구현할 내용]### 📌 Description --- ### ✅ Task - [ ] Task 1 - [ ] Task 2
-
제목 :
[유형 별 이모지 (예: ✨)][구현한 내용]### ✨ Related Issue --- ### 📌 Task Details - [x] Task 1 - [x] Task 2 --- ### 💬 Review Requirements (Optional)