README.md

WebTuna: 웹툰 추천 플랫폼

팀명: 툰툰이들

서비스명: 웹투나(WebTuna)

진행 기간

2022.08.29 ~ 2022.10.07(금) / 6주

기획 배경

코로나19로 웹툰 이용자 수가 급증하여 한 달에 1000만명 수준인 상황. 그리고 사람들이 이용하는 웹툰 플랫폼에서는 저마다의 추천을 해주고 있지만, 설문조사 결과 현재 웹툰 이용자의 세 명중 두 명 정도는 추천 서비스를 이용하지 않고 있다. 그리고 그 이유에는 추천 서비스에 만족하지 못하는 여러 가지 이유 들이 있는데 그 이유는 다음과 같다.

1위. 내가 보는 것과 상관 없는 홍보성 웹툰 추천(44%)

2위. 추천해서 봤지만 막상 재미없는 웹툰 (43%)

3위. 불편한 UI (25%)

이런 이유들로 추천 서비스를 이용하지 않는 사람들이 많았고, 설문조사 결과 적절한 웹툰 추천 서비스가 있다면 이용하겠다는 사용자의 비율이 무려 70%에 달했다. 우리 툰툰이들은 위의 문제점을 해결해서 더 깔끔하고 더 정확한 웹툰 추천 서비스를 제공하고 싶었고, 그것이 ‘웹투나(Webtuna)’가 세상에 등장한 배경이다. 서비스명 웹투나는 웹툰(Webtoon)과 참치(Tuna)의 합성어로, 세상의 모든 웹툰이 담긴 바닷속을 누비는 툰툰이라는 참치 캐릭터가 사용자에게 맞춤형 웹툰을 찾아준다는 컨셉이다.바다처럼 수 많은 웹툰을 보유하고 또 추천해주기 위해서 네이버, 카카오웹툰, 카카오페이지 의 모든 웹툰들을 웹투나 한 곳에서 추천 받을 수 있다.

그리고 설문조사 결과 사람들이 웹툰을 선정하는 기준의 순위는 다음과 같다.

1위. 스토리(85%)

2위. 그림체(64%)

3위. 장르(47%)

4위. 작가(35%)

현재 다양한 웹툰 플랫폼에서 여러 방법으로 추천해주고 있지만, 웹투나에서는 기존 플랫폼들과 차별화를 두기 위해 그림체를 주력으로 추천해준다. 메인페이지에서 그림체를 기반으로 추천해주는것을 기본으로, 툰툰이의 추천페이지에서는 그림체 외에도, 장르, 기반, 연령대 등 다양한 추천을 제공해준다. 이런 추천 기능들은 기존의 웹툰 플랫폼에 있는 것이라고 생각할 수 있지만, 기존 추천은 플랫폼 내부에서만 추천을 해주고 다른 플랫폼은 추천을 해주지 않는다. 하지만 웹투나에서는 다양한 플랫폼에서 비슷한 그림체, 장르, 태그 등으로 추천을 받을 수 있기 때문에 새로운 작품을 더 많이 접할 수 있다.

서비스 설명

머신러닝을 활용해 자체적으로 분류한 6가지 그림체를 기반으로 사용자가 선호하는 그림체를 분석하여 웹툰을 추천한다.

기술 특장점

CNN을 활용한 웹툰 그림체 분류

teachablemachine을 활용한 실시간 데이터 분석

CF, CBF 기반 추천 알고리즘 Chart.js를 활용한 데이터 시각화 모바일, PC 모두 최적화된 반응형 웹 페이지 제공

주요 기능

회원가입 시 선호 그림체 선택

콜드스타트 문제를 방지하기 위해 사전 선호 그림체를 수집한다.

메인 페이지

6가지 그림체 별로 실시간 인기 TOP5 웹툰을 전시한다.

추천 페이지

Collaborative Filtering(Item-based Filtering & User-based Filtering) 추천

선호 그림체 기반 / 선호 장르 기반 / 선호 태그 기반 / 오늘 날씨 기반 등 6가지 추천 방식을 통해 사용자에게 알맞은 웹툰을 추천한다.

명탐정 툰툰이

유저가 업로드한 파일의 그림체를 분석하여 학습시킨 데이터를 뽑아내고 유사도가 높은 웹툰을 찾아준다.

ToonBTI

다양한 질문을 통해 유저의 성향을 파악한 뒤, 그것을 기준으로 다양한 웹툰을 추천해준다.

태그 찜 추가 및 삭제

웹툰마다 존재하는 태그들 중 좋아하는 태그를 찜하여 유저의 취향기반 알고리즘에 사용한다.

프로필 페이지에서 찜 삭제와 검색을 통해 찜 추가도 가능하다.

웹툰 상세 정보

웹툰의 작가와 장르 및 줄거리와 같은 기본정보와 태그와 별점, 해당 웹툰을 선호하는 유저들의 정보를 포함한 다양한 분석 그래프도 함께 제공한다.

또한 웹툰 보러가기를 통해 해당 웹툰으로 직접 이동이 가능하다.

개발 환경

주요 기술 스택

FrontEnd

• React
• Redux-toolkit
• mui
• styled-components

BackEnd

• Django
• Tensorflow
• MySQL
• beautifulsoup
• JWT

배포

• AWS-RDS
• Ubuntu
• Jenkins
• Nginx

서버 아키텍처

프로젝트 명 : 웹투나

팀 소개

역할

👑 김영준 (Front-End)	🙂 이동근 (Front-End)	😆 배윤호 (Front-End)	😁 김민성 (Back-End)	🙄 김우석 (Back-End)	😶 이홍주 (Back-End)
UI/UX React 팀장 페이지 반응형	UI/UX React 컴포넌트설계 일정관리	UI/UX React 비즈니스 로직 설계 기록물 관리	Django REST API DB	Django REST API ML 발표	Django REST API 배포 디자인