급하게 알바가 필요할 때 !
사장님도 알바생도 이용하는, 기존보다 높은 시급으로 알바를 빠르게 구할 수 있는 서비스입니다
| 김제완 | 원찬희 | 📢 이도요 | 이정민 | 주강산 |
|---|---|---|---|---|
 |
 |
 |
 |
 |
| @Berrnuda | @wch2208 | @doh-yo | @oris8 | @JooKangsan |
| # 로그인, 회원가입 페이지 가게 상세 페이지 # 컴포넌트 - Filter (공고검색시 사용) |
# 공고리스트 페이지 (공고 검색결과 페이지 포함) # 컴포넌트 - (List)Table, Badge, Pagination |
# 공고등록 페이지, 마이페이지 # 컴포넌트 - GNB,footer,Post |
# 공고상세 페이지 (일반회원/사장님) # 컴포넌트 - Modal, Popup, Input |
# 가게 등록 페이지 가게 편집페이지 #컴포넌트 - Button, Dropdown # API 함수제작 |
| UI/UX 개선사항 논의, QA 관리 |
UI/UX 개선사항 논의, 발표 |
팀장, 팀내 디자인 작업, 발표 PPT |
초기 작업 환경 설정, UI/UX 개선사항 논의 리드미 작성 및 QA 관리 |
스타일 초기설정, 노션 관리, 서비스 배포 |
[팀 Notion] 스크린샷으로 미리 보기 😎
-
-
Next.jsPageRouter(개발기간이 짧았기에 더 익숙하고, 에러가 더 적으며, 정보가 많은
PageRouter를 선택했습니다) -
TypeScript을 사용(타입을 이용해 에러를 방지하고, 타입 명시로 협업시 다른 사람의 코드 파악이 쉬워질 수 있도록 노력했습니다)
-
Recoil을 이용한 상태 관리(리액트의 useState와 유사한 방법으로 사용하기 때문에, 러닝커브가 적어 바로 도입할 수 있다고 판단해 선택했습니다.)
-
TailwindCSS사용(css-in-js 방식이 아니기에 next에 적합했고, 스타일 작업 속도를 향상 시키기위해 도입했습니다.)
-
Axios사용(page router를 선택했기에 axios사용에 부담이 없었고, instance기능과 자동적인 에러처리 등 DX 향상을 위해 도입했습니다)
-
-
vercel을 통해 배포했습니다
개발 시작 전 UserFlow를 작성해보면서 시안을 명확히 파악하고 업무를 분배하였습니다
강산님, 찬희님이 작성해주신 UserFlow 😎
매일 오후 데일리스크럼을 통해 프로젝트 관련 회의를 나누고,
데일리스크럼 이후 2시간 코어타임을 가졌습니다
퇴근스레드로 퇴근 시에 오늘 한 일, 내일 할 일을 공유했습니다
(데일리스크럼을 비교적 늦은 시간에 진행했기때문에 (오후 4시) 추가적인 진행 상황 공유와 퇴근 후 개인시간 보장 목적으로 도입)
지라의 타임라인, 백로그, 보드를 이용해 기본적인 이슈관리를 진행하였습니다
스프린트 기능을 활용해 에자일하게 개발을 진행하려고 노력했습니다.
이슈를 활용해 의견을 주고받음으로서 소통내용이 흩어지지 않고 효율적으로 의견을 관리할 수 있었습니다
이런 식으로 이슈에 대해 이야기를 나눴어요 🧐
코드리뷰 문화를 통해 서로 개발지식을 공유하고 소통하면서 프로젝트 코드를 발전시키려는 노력을 꾸준히 진행했습니다
이런 식으로 코드리뷰를 진행했어요 🧐
프로젝트 파일/
├── public/ # 정적 파일(이미지, 폰트 등)
│ ├── favicon.ico
│ └── images/
├── src/ # 소스 코드 폴더
│ ├── components/ # 재사용 가능한 컴포넌트
│ │ ├── pageComponents/ # 페이지 종속성 컴포넌트
│ │ │ └── items/
│ │ │ └── index.tsx
│ │ └── .
│ │ .
│ │ .
│ │
│ ├── pages/ # 페이지 컴포넌트
│ │ ├── _app.tsx # 글로벌 설정
│ │ ├── _document.tsx # 문서 설정
│ │ └── index.tsx # 루트 경로 페이지
│ ├── styles/ # 스타일 파일
│ │ ├── globals.css
│ │ └── tailwind.css
│ ├── lib/ # 유틸리티 함수, API 클라이언트 등
│ │ ├── api/
│ │ └── utils/
│ ├── hooks/ # 커스텀 훅
│ ├── types/ # 타입 선언 파일
│ │ └── User.d.ts (기본적인 데이터 타입을 전역 타입 파일로 관리)
│ ├── recoil/ # 리코일 관련 파일
│ │ └─atoms/
│ └── constants/ # 상수파일
├── node_modules/ # 프로젝트 의존성
├── .env # 환경 변수 파일
├── .gitignore # Git 무시 파일
├── tsconfig.json # TypeScript 설정 파일
├── tailwind.config.js # Tailwind CSS 설정 파일
├── postcss.config.js # PostCSS 설정 파일
├── package.json # 프로젝트 메타데이터 및 스크립트
└── next.config.js # Next.js 설정 파일
