프로젝트 기획 2안 - Hi-Fi-Club/common GitHub Wiki

팀플공간, 팀공 (가제)

기술스택

  • React => flutter, React native를 이용한 하이브리드앱 개발
  • @emotion/styled + Material UI (틀같은거만)
  • 반응형 웹 개발
  • SWR(fetch) + 리코일(전역상태)로 상태관리
  • GIT 형상관리
  • 이외 기술스택은 팀원간 협의 후 진행

구현 기능

  • 로그인(OAuth) 및 회원가입(로컬로그인) 구현
    • 네이버, 카카오, 구글
  • 스터디 분류 (전체/어학/취업/고시or공무원/취미교양/프로그래밍/자율/기타)
  • 회원가입시 관심사, 지역(1~2) 등록 (공개,비공개 선택가능)
  • 게시판 및 댓글 CRUD
  • 지도 API 활용
  • 스터디룸 예약
  • 운영중인 스터디는 카드 형식으로 메인 페이지에서 소개해주기
  • (+스터디 상세페이지에서) 온라인 스터디플래너 (나랑 같은 시간대? 기간? 동안에 다른사람들(개발자 취준생)은 어떻게 공부하는지 서로 공유 ) (보류)
  • 유저간 실시간 소통

페이지

  • 로그인 페이지 (OAuth)
  • 진입 페이지
  • 메인 페이지 (header, nav, body, footer)
  • 스터디 모집 메인 페이지(지역, 스터디유형 등으로 필터링)
    • 글 쓰기 페이지
    • 게시글 상세보기
  • 유저 마이페이지
  • 스터디룸 목록 메인 페이지 (지역/인원/날짜 필터로 검색)
    • 호스트 등록 페이지
    • 스터디룸 상세페이지
  • 어드민 페이지
    • 게시판 관리 페이지
    • 유저 관리 페이지
    • etc..

얘기할 것

  • 스터디 모집 완료 -> 스터디룸 예약 연결 포인트를 어떻게 구성할까?
  • 리코일 vs 리덕스 vs SWR
    • 리덕스 학습비용이 너무 큼
    • 리덕스로 상태관리해야할 만큼 복잡한 상태관리 비동기 로직이 있을까?
    • SWR?
    • 피그마(합의 툴 정도)
  • 유저간 실시간 소통 (채팅 or 쪽지) 기능을 넣어야할까?
    • 스터디 신청했을때 스터디 장이랑 신청한 유저랑 대화를 해야되는데,
    • 보통 스터디모집할때는 오픈카톡
    • 1:1 오픈카톡 (스터디 장 vs 신청한 유저랑)
    • 오픈카톡안하고, 우리 플랫폼에서 하면 장점은 채팅 상대방의 프로필(지역, 관심사)을 볼수가있음
      • 채팅 기능 구현이 어려울수도있다...............
  • 로컬로그인도 구현해야할까?