TooNovel-FE

투노벨 프론트엔드 Repository 입니다

---

팀 소개

김건휘	김다현	김정수	노태원	하영수
Full-Stack	Front-End	Full-Stack	Full-Stack	Back-End

프로젝트 소개

프로젝트 기간

23.03.30 ~ 23.06.27

프로젝트 기획 배경

웹소설 시장이 최근 몇 년 동안 폭발적인 성장을 겪고 있습니다. 그러나 이런 성장의 이면에는 분명 문제점이 존재합니다.
예전부터 주류 문화였던 영화나 드라마는 리뷰나 추천에 대한 접근성이 높지만, 웹소설은 그렇지 않은 실정입니다.
독자들은 자신의 취향에 맞는 작품을 찾기 위해 여러 플랫폼을 동시에 이용하는 경향을 보이고 있습니다.
이에 따라 저희는 다양한 플랫폼에서 제공하는 소설 정보를 한 곳에 모아서 리뷰 작성을 가능하게 하고, 이를 기반으로 추천 서비스를 제공해 독자의 경험을 개선하고자 합니다.
이를 통해 독자들은 더욱 편리하게 취향에 맞는 작품을 찾을 수 있고, 작가들은 자신의 작품을 더욱 많은 독자들에게 알릴 수 있는 기회를 얻을 수 있을 것입니다.

기술 스택

FE

JavaScript	Vue.js 2.7	Axios

Infra

Vercel

Tools

Notion	Git	GitHub	Postman	VSC

Branch 전략

• Github Flow
• 이슈 생성 → 브랜치 생성 → commit & push → PR 생성 → 코드리뷰 → main 브랜치 merge

커밋 메시지

• Gitmoji 활용

• 

  • 인텔리제이 플러그인 사용

  • Gitmoji 아이콘 참고하여 Subject 작성

  • [ 예시 ]
    • ✨ 간편 로그인 기능 구현
    • (생략 가능) 상세 설명
    • (생략 가능) Fixes: #123 / Related to: #456, #789
    

    1. Subject
       1. 너무 길지 않게 작성
       2. https://meetup.nhncloud.com/posts/106
    2. Body
       1. 관련 파일이나 작업에 대한 상세 설명 필요 시 작성
    3. Footer
       1. 관련된 이슈 태깅(Resolves,Fixes,Ref 등 사용) 필요 시 작성

프로젝트 형상 관리

• Github Issues + Project
  • Github Issues
  • Github Project

프로젝트 구조도

서비스 아키텍처

CI/CD

로컬 환경 변수

VUE_APP_REDIRECT_URL=
VUE_APP_API_URL=
VUE_APP_TEST_URL=

vue.config.js

require("dotenv").config();
 module.exports = {
   devServer: {
     proxy: {
       "/api/v1": {
         target: process.env.API경로(VUE_APP_API_URL or VUE_APP_TEST_URL),
         changeOrigin: true,
       },
     },
   },
 };

프로젝트 팀 노션

프로젝트 팀 노션 링크