오왓(Owhat) 프로젝트 기획서

기획 배경

OTT 서비스 시장 변화

서비스 개발의 필요성

서비스 시장 조사

2.1 OTT 서비스 커뮤니티 웹/앱에 대한 조사

정보	넷플릭스 커뮤니티 웹 사이트
특징	넷플릭스 장르, 영화 추천을 받을 수 있다. 넷플릭스 관련 팁이나 신작 정보를 받을 수 있다.
단점	넷플릭스라는 플랫폼에 한정되어있음, 최근에는 다양한 OTT플랫폼에서 좋은 작품을 많이 방영해 사용자들이 넓게 분포되어있음

 

정보	OTT 통합검색 및 영화 TV 프로그램 추천 앱
특징	콘텐츠 통합, 넷플릭스, 티빙 등 OTT 별로 인기있는 콘텐츠 순위를 확인할 수 있다. OTT 서비스의 다양한 콘텐츠 리뷰를 찾아볼 수 있다.
단점	플랫폼별로 나눠지는 필터 또는 채널이 없어 사용자가 볼 수 없는 드라마나 영화에 대한 게시글이 존재함 → 볼 수없는 영화나 드라마를 통해 플랫폼 가입을 유도 가능하나 그 확률이 적음

 

2.2. 기존 서비스와의 비교 및 오왓 서비스의 차별점

• 기존 서비스의 문제점
• 커뮤니티 중 OTT 서비스를 주제로 하는 서비스는 거의 없었으며, 하나의 커뮤니티에서 여러가지 카테고리가 나뉘어져 있거나 ‘넷플릭스’라는 하나의 OTT 서비스만 타겟으로 소통을 할 수 있다는 한계점이 있다.
• 통합 OTT 서비스로 다양한 콘텐츠를 추천해주거나 공유하는 서비스에서도 커뮤니티 기능에 집중되지 않아 OTT 서비스 이용자나 잠재적 이용자의 커뮤니티가 활성화 되어있지 않다.

• 오왓의 차별점
• 오왓은 각 OTT 서비스 별 채널을 형성하여 한 가지 OTT 서비스의 커뮤니티에 집중할 수 있도록 하면서 동시에 다른 OTT 서비스의 비구독자가 관심이 있는 OTT 서비스 채널도 구경이 가능하게 하여 원활한 소통이 가능하도록 한다.
• 특정 OTT 서비스에 치중되지 않고 다양한 OTT 서비스에 대한 정보를 공유할 수 있도록 한다.
• 팔로우/팔로워 및 채팅 기능을 통하여 자신이 팔로우한 글쓴이에게 정보를 쉽게 얻도록 하고 또한 유저끼리 일대일로 정보를 공유할 수 있는 기능을 제공한다.

기능

메인페이지

• OTT 플랫폼 별로 채널을 상단에 표시된다.

• 이를 통해서 플랫폼별 방영하는 드라마, 영화에 대해 이야기를 나눌 수 있다.

로그인/회원가입

• 메인페이지에서 상단의 로그인 버튼을 누르거나

• 로그인이 되지 않은 상태에서 하단 네비게이션의 마이 프로필 버튼을 누르면 로그인 페이지로 이동한다.

OTT 서비스별 포스트 / 댓글 작성

• 플랫폼별 게시글이 구분되고, 플랫폼에서 인기있는 드라마나 영화를 얘기하면서 정보를 얻거나 공유를 할 수 있다.

OTT 서비스별 포스트 작성 / 수정

 

• 이미지를 넣을 수 있어 더욱 정보를 디테일하고 공유할 수 있다.

알림 페이지

• 알림을 통해 더욱 빠르게 커뮤니티 활동의 변화를 알 수 있다.

검색 페이지

• 검색페이지에서 사용자와 포스트를 모두 검색할 수 있다.

메시지 페이지 / 사용자 목록 더보기 모달

• 사용자와 메시지를 주고받을 수 있고, 더보기 버튼을 누르게 되면 전체 사용자를 보거나 접속중인 사용자를 볼 수 있다.

• 이를 통해 내가 원하는 사용자와 대화하고, 접속중인 사용자와 전체사용자를 볼 수 있다.

마이 페이지 / 특정 사용자 프로필 페이지

• 마이페이지에서는 자신의 프로필 이미지나 커버 이미지, 비밀번호를 변경할 수 있다.

• 상대방 프로필에서는 팔로우 신청을 할 수 있다.

• 현재 팔로우와 팔로워를 볼 수 있다.

User flow

🚀 Stacks

React.js

TypeScript

StroyBook

Tailwind CSS

• className을 고민하지 않아도 된다. 클래스명과 관련한 컨벤션에 대해 고민하지 않아도 되고, 이를 통해 개발 시간을 단축할 수 있다.

• 순수 CSS를 다루기 때문에 성능이 개선될 수 있다.

• 사전에 정의된 스타일을 사용하기 때문에 일관된 스타일을 적용할 수 있다.

React Query

• 캐싱을 통해 상태관리 가능한 점이 좋았다.

• 팀원간의 상태관리 라이브러리의 숙련도에 맞췄다.

• 새로운 라이브러리를 배우기 위한 목적

Vite

• 더욱 향상된 성능을 자랑한다.
• 개발 환경에서는 golang으로 작성된 esbuild를 사용하기 때문에 속도가 빠르다.
• 운영 환경에서는 rollup을 사용하여 더 촘촘한 단위로 빌드하기 때문에 속도가 빠르다.

Vercel

🛠  Tools

FigJam

Git

VScode

👥  Collaboration

GitHub

Notion

Discord

SWC 선택한 이유

개발 마일스톤

일정별 역할 분담

개별 역할 분담