<aside> <img src="/icons/link_lightgray.svg" alt="/icons/link_lightgray.svg" width="40px" /> Quick Link (자유롭게 작성해주세요)
<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/d0ba1b1f-1e16-477f-898f-d620fdcf8af1/69d22971-3634-4ef4-bff5-69da228db4af/1608908_github_icon.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/d0ba1b1f-1e16-477f-898f-d620fdcf8af1/69d22971-3634-4ef4-bff5-69da228db4af/1608908_github_icon.png" width="40px" /> Github
https://github.com/URR-A-4/URR-final
</aside>
<aside> <img src="/icons/keyboard_red.svg" alt="/icons/keyboard_red.svg" width="40px" /> SA 대시보드
</aside>
<aside> <img src="/icons/whale_blue.svg" alt="/icons/whale_blue.svg" width="40px" /> 데일리루틴
</aside>
<aside> <img src="/icons/conversation_orange.svg" alt="/icons/conversation_orange.svg" width="40px" /> 기술면접
</aside>
</aside>
<aside> <img src="/icons/megaphone_lightgray.svg" alt="/icons/megaphone_lightgray.svg" width="40px" /> 프로젝트
프로젝트 명 : URR(우르르)
소개
URR에서 관심있는 인플루언서들이 판매하는 상품을 한 눈에 찾고 소통하자!
URR(우르르)에서는 인플루언서가 상품 판매의 주체가 되고, 사용자들은 인플루언서들이 판매하는 상품을 모아서 보고, 구매할 수 있습니다. 또한 관심있는 인플루언서와 실시간 소통이 가능합니다.
프로젝트 핵심 기술
| 담당 기능 | 기술 스택 | |
|---|---|---|
| 임현아 | 결제 기능, 상품 상세 및 목록 페이지 | portOne(테스트결제) |
| 서샛별 | 메인페이지, 상품 등록 페이지 | 캐러셀(swiper 라이브러리), image Icon 적용(@svgr/webpack) |
| 박수미 | 로그인,&회원가입 기능, 헤더 | 소셜로그인(카카오) |
| 장민영 | 실시간 채팅) | superbase realtime |
| 이녕수 | 일반&인플루언서 마이페이지 | 도로명주소 API |
| 전체 | 전역상태관리 | useQuery, 커스텀훅 |
<aside> <img src="/icons/bookmark_lightgray.svg" alt="/icons/bookmark_lightgray.svg" width="40px" /> 기획 관련 메모
</aside>
<aside> <img src="/icons/crayon_lightgray.svg" alt="/icons/crayon_lightgray.svg" width="40px" /> 와이어프레임 & Flow Chart(임베드/링크 선택)
https://www.figma.com/design/6cKUBINh8E0O0BeyMh0vsh/A04-조?node-id=0-1&t=CAGnjc6Hbt3YCmcW-1
</aside>
<aside> <img src="/icons/crayon_lightgray.svg" alt="/icons/crayon_lightgray.svg" width="40px" /> 디자인 파일(임베드/링크 선택)
</aside>
<aside> <img src="/icons/table_lightgray.svg" alt="/icons/table_lightgray.svg" width="40px" /> 팀 전체 5분 기록 보드 → 작성 후 본인 개인 5분기록보드에 개인화 필수 ⭐
</aside>
<aside> <img src="/icons/table_lightgray.svg" alt="/icons/table_lightgray.svg" width="40px" /> 팀 전체 5분 기록 보드 → 작성 후 본인 개인 5분기록보드에 개인화 필수 ⭐
</aside>
<aside> <img src="/icons/school_lightgray.svg" alt="/icons/school_lightgray.svg" width="40px" /> 발표자료
<aside> <img src="/icons/movie-clapboard_lightgray.svg" alt="/icons/movie-clapboard_lightgray.svg" width="40px" /> 중간 발표 시연 영상
</aside>
<aside> <img src="/icons/cursor-button_lightgray.svg" alt="/icons/cursor-button_lightgray.svg" width="40px" /> 중간 발표 자료
</aside>
<aside> <img src="/icons/movie-clapboard_lightgray.svg" alt="/icons/movie-clapboard_lightgray.svg" width="40px" /> 최종 발표 시연 영상
</aside>
<aside> <img src="/icons/cursor-button_lightgray.svg" alt="/icons/cursor-button_lightgray.svg" width="40px" /> 최종 발표 자료
</aside>
</aside>
<aside> 👪 Ground Rules
❤️ 30분 이상 자리 비울 때 슬랙에 연락 남겨두기.(or 화면에 메모 남기기)
🧡 최상의 컨디션 유지하기 (숙면!!)
💛 예쁘게 말하기
💚 소통 많이 하기
💙 9:00 아침인사 19:00 저녁인사
💜 의견 자신있게 말하기 (리더에게 슬쩍 슬랙으로 찔러도 됨)
</aside>
<aside> ⛳ Goals
🏃♂️➡️ 탈주하지 않고 끝까지 최종프로젝트 완성하기!
</aside>
<aside> ⏰ 회의
📍튜터님과 회의
매일 2시 ~2시:30
📍디자이너님과 회의
월,수,금 2:30 ~
📍저녁 회의
매일 8시 ~
</aside>
<aside> <img src="/icons/megaphone_lightgray.svg" alt="/icons/megaphone_lightgray.svg" width="40px" />
</aside>
<aside> ⏰ Time Table
| 시간 | 월 | 화 | 수 | 목 | 금 | 7/22( 월 ) | 화 | 수 | 목 | 금 | 7/29 ( 월 ) | 화 | 수 | 목 | 금 | 8/5 ( 월 ) | 화 | 수 | 목 | 금 | 8/12 ( 월 ) | 화 | 수 | 목 | 금 | 8/19 ( 월 ) | 화 | 수 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| AM 09:00 - 10:00 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 | 기술면접 답안작성 |
| AM 10:00 - 10:30 | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum | ☀️ Daily Scrum |
| AM 10:30 - 12:00 | 마지막날!!!!!!!!! | |||||||||||||||||||||||||||
| PM 12:00 - 01:00 | 두번째 아이디어 회의 | |||||||||||||||||||||||||||
| PM 01:00 - 02:00 | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time | 🍕점심 time |
| PM 02:00 - 2:30 | 📕강석우 튜터님과 면담 + 회의 | 📕강석우 튜터님과 면담 + 회의 | 📕강석우 튜터님과 면담 + 회의 | 📕강석우 튜터님과 면담 + 회의 | 📕강석우 튜터님과 면담 + 회의 | 📕 점심 회의 | 📕강석우 튜터님과 면담 + 회의 | 📕강석우 튜터님과 면담 + 회의 | 📕강석우 튜터님과 면담 + 회의 | 📕강석우튜터님과 면담 + 회의 | 📕강석우튜터님과 면담 + 회의 | 📕강석우튜터님과 면담 + 회의 | 📕강석우튜터님과 면담 + 회의 | 📕강석우튜터님과 면담 + 회의 | 📕 강석우튜터님과 면담 + 회의 | 📕강석우 튜터님과 면담 + 회의 | 📕 강석우튜터님과 면담 + 회의 | 📕 강석우튜터님과 면담 + 회의 | 📕 강석우튜터님과 면담 + 회의 | 📕 강석우튜터님과 면담 + 회의 | 📕 강석우 튜터님과 면담 + 회의 | 📕 강석우 튜터님과 면담 + 회의 | 📕 강석우 튜터님과 면담 + 회의 | 📕 강석우 튜터님과 면담 + 회의 | 📕 강석우 튜터님과 면담 + 회의 | 📕 강석우 튜터님과 면담 + 회의 | ||
| PM 02:30 - 03:00 | 팀 회의 > 주제선정 | 디자이너님과 피그마 작업 | 📘디자이너님과 회의 | 📘디자이너님과 회의 | 📘디자이너님과 회의 | 📘디자이너님과 회의 | 📘디자이너님과 회의 | 📘디자이너님과 회의 | 📘디자이너님과 회의 | 📘디자이너님과 회의 | 📘디자이너님과 회의 | 📘디자이너님과 회의 | 📘디자이너님과 회의 | 📘디자이너님과 회의 | ||||||||||||||
| PM 03:00 - 04:00 | 개별 와이어프레임 구성 | 회의 | ||||||||||||||||||||||||||
| PM 04:00 - 05:00 | 디자이너님과 주제 공유 | 회의 | ||||||||||||||||||||||||||
| PM 05:00 - 06:00 | 조 발표 후 첫 아이디어 회의 | 디자이너님과 컨셉 및 주제 정하기 | ||||||||||||||||||||||||||
| PM 06:00 - 07:00 | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time | 🍕저녁 time |
| PM 07:00 - 08:00 | 디자이너님과 아이스브레이킹 | **** | ||||||||||||||||||||||||||
| PM 08:00 - 08:30 | 📒 오후 회의 | 📒 오후 회의 | 📒 오후 회의 | 📒 오후 회의 | 🌙 주간회고 | 📒 오후 회의(PR) | 📒 오후 회의(PR) | 📒 오후 회의 | 📒 오후 회의 | 🌙 주간회고 | 📒 오후 회의 | 📒 오후 회의 | 📒 오후 회의 | 📒 오후 회의 | 🌙 주간회고 | 📒 오후 회의 | 📒 오후 회의 | 📒 오후 회의 | 📒 오후 회의 | 🌙 주간회고 | 📒 오후 회의 | 📒 오후 회의 | 📒 오후 회의 | 📒 오후 회의 | 🌙 주간회고 | 📒 오후 회의 | 📒 오후 회의 | **** |
| PM 08:30 - 09:00 | TIL & 5분기록 보드 작성 | TIL & 5분기록 보드 작성 | TIL & 5분기록 보드 작성 | TIL & 5분기록 보드 작성 | TIL & 5분기록 보드 작성 | |||||||||||||||||||||||
| </aside> |
<aside> <img src="/icons/news_lightgray.svg" alt="/icons/news_lightgray.svg" width="40px" /> SA 피드백
</aside>
<aside> <img src="/icons/calendar-month_lightgray.svg" alt="/icons/calendar-month_lightgray.svg" width="40px" /> 캘린더
</aside>
<aside> <img src="/icons/alarm_purple.svg" alt="/icons/alarm_purple.svg" width="40px" /> 일일 개발 계획서
| 이름 | 주간 계획 | 7/22( 월 ) | 화 | 수 | 목 | 금 | 주간 계획 | 7/29 ( 월 ) | 화 | 수 | 목 | 금 | 토 | 일 | 주간 계획 | 8/5 ( 월 ) | 화 | 수 | 목 | 금 | 주간 계획 | 8/12 ( 월 ) | 화 | 수 | 목 | 금 | 8/19 월 | 화 | 수 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 임현아 | 포트원 공식문서 공부 , 테스트코드로 결제기능 구현해보기 | 포트원 공식문서 공부, 테스트코드 작성 | 테스트코드 작성 완료 | 상품목록 UI, 결제기능,, | 토스페이먼츠 공식문서 ,결제,,,,, | 상품 상세 UI, 결제,,, | 결제, 상품목록,상세페이지 완성 | 테스트결제 > 결제완료창, | 포트원 결제창 연동, 결제 완료,실패 페이지 로직 완성 | 상품 상세 page | 상품 상세 page 완성 | 상품 단건 결제, 주문목록 가져오기, 장바구니 완료 후 장바구니 상품 결제 구현 | 결제 > 자동환불 , 상품 카테고리화, 상품상세에 인플루언서 프로필 추가, 모바일 ui 디테일 , 웹 ui 나오는대로 , | 중간발표 준비, 배포오류 수정 | 상품 카테고리화, |
상품 filter, 판매 종료된 상품 구매 버튼 비활성화 | 주문내역 불러오기 | 반응형, 주문정보 주소 api 연결 | 주문정보 주소 api 연결, 상품 detail 반응형 | 상품 detail, list 반응형 완 | 반응형 css | 반응형 css, UT 오류 수정 | 반응형 css, UT 오류 수정 | 마무리 | 발표준비 | ||||
| 서샛별 | 필요한 데이터 supabase에 table 구성하기, 기능 구현 | 메인페이지 캐러셀 구현 | 상품 등록 페이지 기본 UI 구현과 supabase 연동하기, footer | 상품 등록 페이지 이미지 업로드 구현, footer, 인플루언서 목록페이지ui 구현 | 상품 등록 페이지 이미지 업로드 구현,인플루언서 목록페이지ui 구현 | 라우터핸들러로 수정하기, 인플루언서 목록페이지ui 구현 | 공통 디자인 & 컴포넌트 만들기, 기능 모두 구현하기 | 상품등록페이지 이미지 개수 제한 구현, 숫자 input +,- 입력 못하게 막기, 모바일에서 footer 숨기기, 수정&삭제 | 공통 디자인 & 컴포넌트 만들기, 장바구니 페이지 UI | 메인페이지 이미지 삽입 | 상품등록페이지 수정&삭제, 장바구니페이지 기능 구현(1) | 상품등록페이지 수정&삭제, 장바구니페이지 기능 구현(2) | 기능 최종 완성, 웹 css는 어느정도 ui | 상품등록페이지 삭제 기능, 타입에러 수정하기 | 인플루언서 구독기능 구현 | 인플루언서 구독기능 구현 | 메인페이지 인기 인플루언서 뿌리기 | 메인페이지, 인플루언서페이지 css 수정 | 메인페이지, 인플루언서페이지, 리뷰작성, 상품등록 기능 및 css 완성하기 | 리뷰작성컴포넌트 구현 | 작성한 리뷰 삭제 기능 추가, 별점 기능 구현 | 내가 맡은 부분 웹 반응형 css 수정하기 | 리펙토링 및 css 수정 | 리펙토링 및 css 완성 | 마무리 | 발표준비 | |||
| 장민영 | supabase table 설정, 채팅 기능 구현 | supabase realtime 공부 | supabase realtime 공부 | supabase table 구성 | 테스트 채널 생성, 메세지 삽입 및 조회 기능 구현 | 개인사정으로 결석 | 채팅기능 구현 완료 | db 연결 + 불러오기 | 메세지 보내기 | 메세지 실시간 받기, 채팅방 이동하기 | 채팅 UI | 채팅 UI, 새로운 구독관계 설정 | 채팅 UI | 새로운 구독관계 연결(임시), 실시간 알림 기능 시작 | 실시간 알림 | 실시간 알림 | 실시간 알림 | 실시간 알림, 반응형 css | 반응형 css | 반응형 css, UT 오류 수정 | 마무리 | 발표준비 | |||||||
| 박수미 | 회원가입,로그인 ui 완성/ 회원가입 기능 구현 | 기본 회원가입 로그인 구현 | zustand로 로그인상태 유지하기, 회원가입, 로그인 ui, next 미들웨어 공부 | 회원 유형, 인플루언서 회원가입 페이지 만들기, ui | 유저 데이터 커스텀훅 만들기, 카카오로그인 api신청, 인플루언서 로그인하면 link까지 테이블 추가 | 버튼 누르면 색변경, role값 넣기, 디폴트 이미지 적용하기 | 카카오 로그인까지 완성, 관리자페이지 완성, 헤더 기능구현, 헤더 ui | 카카오로그인 완성하기, 관리자페이지 완성하기 | users테이블 RLS 수정하기, header 검색 구현하기, | 상품문의 수정, 삭제 기능 완료하기 | 최근 검색어 기능 추가, 아이콘 변경 | 반응형 css, UT 오류 수정 | 반응형 css, UT 오류 수정 | 마무리 | 발표준비 | ||||||||||||||
| 이녕수 | 컴포넌트 생성, 기능 개발 | 컴포넌트 구조 완성, GET 기능 작성 | users 테이블에서의 GET, PATCH 기능 완성, 상품 정보 테이블에서의 GET, PATCH 기능 완성 | 주소 검색 API 적용 | 주소 API 완성(2), order 테이블 생성 후 기능 연결 | order 기능 작성 | order 기능 작성 및 리팩토링, 디자인 적용, 트러블슈팅 | order 기능 작성 (2) | 주소 작성 수정된 로직 적용, order 기능 작성(3) | 인플루언서 mypage 생성 및 기능 연결 | - 반응형 |
</aside>
<aside> <img src="/icons/wall_lightgray.svg" alt="/icons/wall_lightgray.svg" width="40px" /> API 명세 - 큰 기능으로 토글화 해서 관리해보세요!
</aside>
<aside> <img src="/icons/wall_lightgray.svg" alt="/icons/wall_lightgray.svg" width="40px" /> ERD Diagram
</aside>
<aside> <img src="/icons/wall_lightgray.svg" alt="/icons/wall_lightgray.svg" width="40px" /> Architecture
</aside>