5조 - 오(5)조사마

Team

<aside> <img src="/icons/megaphone_lightgray.svg" alt="/icons/megaphone_lightgray.svg" width="40px" /> 프로젝트

프로젝트 명 : watchat(와챗)
소개
- 한 줄 정리 : 시청하는 영상(드라마/영화)에 대해 대화를 나눌 수 있는 영상 친구 메이트 사이트
- 내용 : 영상을 시청하며 대화를 나누기 위해서
프로젝트 핵심 기술
- Next.js(프레임워크) : 서버 사이드 렌더링과 정적 사이트 생성을 지원하는 React 프레임워크입니다.
- typescript(언어) : 정적 타입 제공으로 코드 오류를 줄이고 안정성과 유지보수를 향상시킵니다.
- TailWind (CSS): 미리 정의된 유틸리티 클래스를 사용하여 효율적으로 스타일링할 수 있습니다.
- supabase (데이터베이스): 인증, 파일 저장 등 백엔드 기능을 제공하는 오픈 소스 실시간 데이터베이스입니다.
- react-hook-form : 폼을 쉽게 관리하고, 최적화할 수 있도록 돕는 라이브러리
- zod : TypeScript에서 유효성 검사를 수행할 수 있는 선언적 스키마(validation schema) 생성 라이브러리
- zustand : 간단한 API로 상태 관리와 효율적인 렌더링을 제공하는 라이브러리입니다.
- fetch: SSR 호환성 을 위해서 서버 환경에서도 쉽게 사용 할수있는 fetch를 사용하고 별도의 설정 없이도 서버와 클라이언트에서 동일한 방식으로 작동해서 입니다. </aside>

<aside> <img src="/icons/bookmark_lightgray.svg" alt="/icons/bookmark_lightgray.svg" width="40px" /> 기획 관련 메모

파티상태관리 : [ “모집 중”, “모집완료”, “시청 중”, “종료” ]
비디오타입 : [”movie”,”tv”]

party_info table

end_date : 필요성이 없어져서 삭제

end_time : 필요성이 없어져서 삭제

situation : 택스트로해서 ( 모집중 , 모집완료 , 종료 ) 로 바뀌게 ) 모집하기 버튼 클릭시 모집중으로 데이터 베이스에 들어가게

watch_date , start_time : timestamp 형식(2024-10-24 15:00:00)으로 들어와서 반환할때 잘라써야함.

episode_number : 유저가 TV 프로그램을 선택했을때 (media_type으로 구분) 몇화인지 직접입력할수있게 인풋창이 나와야함

owner_id : user table 이랑 연결해서 모집하기를 누른 유저의 아이디가 owner_id 에 들어올수 있게 하기

video_id : 검색을 한 영화의 video_id를 모집하기를 누름과 함께 데이터베이스에 들어와서 파티 페이지의 영화 정보를 보여줄때 사용하게 해야함.

</aside>

<aside> <img src="/icons/crayon_lightgray.svg" alt="/icons/crayon_lightgray.svg" width="40px" /> 와이어프레임 & Flow Chart(임베드/링크 선택)

https://www.figma.com/design/Fuu9kA7wAHTAShdf9D4P8Y/5조?node-id=0-1&node-type=canvas&t=e0fXKX2zHOxQ85zB-0

</aside>

<aside> <img src="/icons/crayon_lightgray.svg" alt="/icons/crayon_lightgray.svg" width="40px" /> **디자인 파일(임베드/링크 선택)

Watchat 드라마 보면서 같이 대화해요!**

성능 최적화

</aside>

<aside> <img src="/icons/table_lightgray.svg" alt="/icons/table_lightgray.svg" width="40px" /> 팀 전체 5분 기록 보드 → 작성 후 본인 개인 5분기록보드에 개인화 필수 ⭐

OO팀 전체 5분 기록 보드

</aside>

<aside> 👪 Ground Rules

+ 화장실 갈때 자리비움 알리기
+ 일정있으면 미리 공유하기
+ 예쁘게 말하기 (의견 충돌시 용용체)
데일리 스크럼 10시30분 ~ 11시

</aside>

<aside> ⛳ Goals

10/21(월) 주제 및 기획 선정 완료
10/25(금) 웹/모바일 시안 1가지 완료
11/6(수) MVP 기능 구현 완료 및 배포

</aside>

<aside> <img src="/icons/book-closed_lightgray.svg" alt="/icons/book-closed_lightgray.svg" width="40px" /> Mentoring Note

</aside>

<aside> <img src="/icons/megaphone_lightgray.svg" alt="/icons/megaphone_lightgray.svg" width="40px" /> 개발환경

</aside>

<aside> <img src="/icons/news_lightgray.svg" alt="/icons/news_lightgray.svg" width="40px" /> SA 대면 피드백(수강생 직접 작성)

숏폼으로 구성하자.
기능이 너무 많다.
주제나 기능들이 이미 있는 웹사이트 들이랑 너무 비슷하다.
조금틀어서 남들이 하지않은 주제를 하면 좋겠다.
( ex - 팀프로잭트 모집이아니라 팀프로젝트중 추가인원 모집..?)
특색있는 컨셉을 잡고 그것을 기준잡고 가지치기

</aside>

<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/83c75a39-3aba-4ba4-a792-7aefe4b07895/69d22971-3634-4ef4-bff5-69da228db4af/1608908_github_icon.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/83c75a39-3aba-4ba4-a792-7aefe4b07895/69d22971-3634-4ef4-bff5-69da228db4af/1608908_github_icon.png" width="40px" /> Github

</aside>

<aside> <img src="/icons/whale_blue.svg" alt="/icons/whale_blue.svg" width="40px" /> 데일리루틴

[내일배움캠프] 데일리 루틴(React_6기)

</aside>

<aside> <img src="/icons/keyboard_red.svg" alt="/icons/keyboard_red.svg" width="40px" /> SA 대시보드

</aside>

<aside> <img src="/icons/conversation_orange.svg" alt="/icons/conversation_orange.svg" width="40px" /> 기술면접

</aside>

</aside>

<aside> ⭐

</aside>

<aside> <img src="/icons/calendar-month_lightgray.svg" alt="/icons/calendar-month_lightgray.svg" width="40px" /> 캘린더

</aside>

<aside> <img src="/icons/school_lightgray.svg" alt="/icons/school_lightgray.svg" width="40px" /> 발표자료

</aside>

<aside> <img src="/icons/wall_lightgray.svg" alt="/icons/wall_lightgray.svg" width="40px" /> API 명세 - 큰 기능으로 토글화 해서 관리해보세요!

</aside>

<aside> ⭐

</aside>

중간 발표후 변경 사항 또는 추가 기능 정리함

🗑️

참여 시간 공유