Naver-Webtoon

'네이버'에서 제공하는 웹툰 서비스를 재현 및 재구성하여 제작한 프로젝트입니다.

개요

• 제작 목적 : 실제 서비스되는 제품 구현을 통해 사용자가 필요로 하는 기능 인지
• 역할 : 개인 프로젝트
• 제작 기간 : 2024.02.19 ~ 2024.05.29

ERD

기능

웹툰 관람

정식연재 / 도전만화

신규 작품 등록

• 도전만화 카테고리에 업로드

신규 회차 등록 (1)

• 회차 번호 : 작품당 자동으로 증가하는 번호 부여 (EntityListener, @Prepost 활용)

신규 회차 등록 (2)

• 미리보기 : 업로드한 이미지 확인
• 전체 미리보기 : 분할된 웹툰 이미지를 canvas를 사용해 하나의 원고로 생성

웹툰 랭킹

• 랭킹 업데이트 : Websocket과 @Scheduled 사용하여 별도의 새로고침 없이 정해진 시간에 랭킹 업데이트

검색

• 작가 이름 또는 작품 이름으로 검색

프로필 이미지 변경

• 프로필 이미지 또는 사용자 정보 변경

기술 스택

Frontend

• Vue
• Vuex
• Vue-router
• axios
• sockjs
• stomp

Backend

• Java
• SpringBoot
• JPA (Hibernate)

DB

• MySQL