Potato

프로젝트 명

프로젝트 소개

🤚 안녕하세요 ! 저희 팀은 움짤 공유, 탐색, 그리고 채팅 서비스인 Zzalu를 만들었습니다.

Zzalu의 유래는 Zzal + U 로 짤과 너와 잇다라는 뜻을 가지고 있습니다 !

짤로 소통하는 고독방,
매일 개설되는 제목학원,
마지막으로 프로필에 전시되는 본인의 짤BTI까지!
저희 서비스의 "제목학원"에 참여하여 드립력을 뽐내주세요!

그럼 저희 프로젝트 일상의 모든 순간을 짤로! Zzalu 를 소개하겠습니다

주제 선택 이유

여러분들과 실시간으로 소통하면서 자유롭게 놀 수 있는 그러한 공간을 만들고싶었습니다.

하지만 그저 ‘즐거움’으로 비롯된 것은 아닙니다.

비의 깡의 gif가 불러온 역주행 , 그리고 giphy가 무려 5000억에 페이스북에 인수되었다는 사실!

움짤은 그저 개인이 재미를 느낄 수 있을 뿐만 아니라 실제로 수익성도 있을 수 있는 서비스라는 점입니다.

움짤, 밈은 시장성과 수요는 넘치지만 아직 다른 서비스가 선점하지 않았다고 판단했고,

저희는 저희만의 차별성을 더하면 이 서비스가 앞으로 실제 프로덕트로도 충분히 발전 가능이 있다 생각하여 프로젝트를 진행해 보았습니다 :)

프로젝트 소개 UCC

(유튜브 링크)

 

진행기간

  • 2023.01.03 ~ 2023.02.17(총 7주)

팀원 구성 및 역할

기술 스택

  • front-end
    • HTML / CSS / JavaScript
    • Vue / Vuex
    • Tailwind
    • PostCss
    • ApexChart
  • back-end
    • Spring / SpringBoot
    • AWS (EC2)
    • Gradle
    • ZooKeeper
    • kafka
  • DataBase
    • Redis
    • MariaDB
  • Tools
    • Jenkins
    • Docker
    • JIRA
    • GitLab

활용 API

  • GIPHY

와이어 프레임

ERD

서비스 기능

(담당기능은 색깔 표시)

  • 로그인
    • 이메일 인증메세지를 통한 회원가입

 

 

  • 메인페이지
    • 제목학원 명예의 전당
      • 해당 제목학원의 1등한 유저의 아이디, 댓글 받은 좋아요 수 출력
    • 사용자 맞춤 추천 짤 리스트
      • 롱클릭 시 조회수, 즐겨찾기 유/무 확인, 보드 저장
    • 오늘의 인기 짤 리스트
      • 롱클릭 시 조회수, 즐겨찾기 유/무 확인, 보드 저장
    • 오늘의 핫한 고독방 리스트
      • 클릭 시 상세 내용 조회 가능

 

 제목학원이란 ?
    유머 짤에 재치있게 적절한 제목을 달아준 사람에게 마치 학원에서 배운 것처럼 제목을 잘 달았다는 데에서 온 말
  • 제목학원
    • 웹 통신을 통한 실시간 댓글 확인 및 실시간 좋아요 반영
    • 인기순 / 최신순 / 과거순으로 댓글 정렬
    • 대댓글 작성 가능
    • 다른 탭에서 새로운 댓글이 조회될 때 알림
    • 댓글의 작성시간을 알려줌
    • 역대 제목학원
      • 과거의 제목학원의 짤, 1등한 유저의 아이디, 댓글 받은 좋아요 수 출력
      • 디테일 페이지 확인 가능 ( 더 이상의 댓글 입력 불가 )

 

  • 짤 상세페이지
    • 짤 조회수, 짤에 해당하는 태그, 짤의 유래, 관련 링크, 짤을 마지막으로 수정한 사람의 아이디, 짤을 마지막으로 수정한 날짜 조회 가능
    • 보드에 스크랩 가능
    • 로그인 상태라면 편집 가능
      • 편집 시, 해시태그 추가 제거 가능
      • 짤의 유래 수정 가능
      • 관련 링크 (유튜브 등으로)링크 가능
      • 무분별한 수정 방지를 위해 바로 수정되는게 아닌 관리자에게 수정 요청 전송

 

 고독방이란 ?
    카카오톡 등 SNS에서 아이돌 덕후들이 스타를 응원하기 위해 만든 오픈 채팅방으로 텍스트 채팅없이 오직 짤로만 대화하는게 특징이다

  • 고독방 
    • 고독방 생성
    • 고독방 필터링
      • 1차 : 검색
      • 2차 : 전체 / 내가 개설한 / 즐겨찾기(좋아요)
      • 3차 : 최신 대화순 / 좋아요 순
      • 3차로 구성된 필터링을 통한 자신이 원하는 조건의 고독방 서치 가능
      • ex) "짱구"를 검색한 후, 즐겨찾기, 좋아요순을 누른다면 짱구 고독방 5개중 좋아요한 3개의 고독방을 좋아요 순으로 정렬해줌
    • 고독방 디테일
      • 방장, 고독방제목, 고독방 소개, 고독방 해시태그, 최신 대화시간, 나의 좋아요 여/부, 좋아요 총 개수 조회 가능
    • 고독방 내부
      • 과거 채팅 기록 불러오기
      • 고독방 좋아요/좋아요취소 가능
      • 서치모달에 본인의 보드를 포함해서 랜덤짤 출력
        • 고독방 내부에선 짤 클릭시 짤 디테일로 가는게 아닌 전송 유무를 표시
      • 나의 메세지와 다른 유저의 메세지 구분
      • 채팅을 친 사람이 방장이라면 방장표시
      • 채팅 시간 표시
    • 고독방은 3주 이상 활동이 없는 방이면 자동 삭제

 

 

 

  • 프로필
    • 내 정보 수정을 통해 닉네임 수정
    • 팔로워, 팔로잉 확인 가능
      • 다른 유저의 프로필이라면 팔로잉가능
    • 자신의 프로필 이미지, 아이디, 닉네임, 관리자 여/부 확인 가능
    • 짤BTI 확인 가능
      • 고독방 내 짤 사용, 보드 저장 데이터를 통해 짤BTI 출력
      • ex) TV와 관련된 데이터 빈도수가 높다면 짤BTI에 '뭐해? 나 누워서 TV봐..' 가 나옴
      • 해당 데이터를 apex graph를 통해 시각화
    • 자신의 제목학원 수상내역 확인가능
      • 제목학원에서 수상한 기록들이 저장됨
      • 인기순/최신순 정렬가능
    • 유저가 저장한 보드 확인 가능
      • 자신의 프로필이라면 보드 이름 수정, 보드 내부 짤 삭제 가능

 

 

 

  • 짤 업로드
    • 원하는 짤 선택 후 태그와 유래 링크 입력 후 관리자에게 업로드 요청

 

  • 관리자 기능
    • 유저의 업로드 요청, 짤 수정 요청을 확인 가능
    • 승인이 5회 이상이라면 수정,업로드 반영
    • 한명이라도 거절을 누르면 요청 취소

  • 기타 기능
    • 다크모드
      • 모든 UI가 다크모드로 바뀜 
        • 서치 모달
          • 랜덤 짤방 출력
          • 롱클릭 시 조회수, 즐겨찾기 유/무 확인, 보드 저장
          • 스크롤 이동 시 무한 스크롤
          • 검색
        • 보드 모달
          • 보드 추가 가능
          • 원하는 보드에 다중 저장 가능
        • 404페이지 / 500페이지 / 로그인 필요 페이지

 

저작자표시

+ Recent posts

티스토리툴바