Skip to content

Latest commit

 

History

History
148 lines (129 loc) · 5.56 KB

README.md

File metadata and controls

148 lines (129 loc) · 5.56 KB

프로젝트 명

목차


프로젝트 소개

화면공유 애플리케이션을 SPA로 구현하기

프로젝트 명세

진행 상황

  • FE

    • 공통(인증 토큰 관리)
      • 로그인 및 토근 발급 시 토큰 localStorage에 저장(100%)
      • 페이지 진입 시 토큰여부 확인 후 로그인 화면 및 비로그인화면 표시(100%)
      • 공용 Axios 처리(50%)
        • 토큰 존재할 경우 {Authorization: Bearer 토큰값}으로 헤더에 전송(100%)
        • 에러처리(0%)
      • 로그아웃 처리(100%)
    • 로딩 스피너
      • 명세에서 비동기 동작의 응답을 기다려야 하는 경우 로딩 스피너를 사용하라고 되어있었는데, 아직 홈, 검색, 정렬에 대한 구현이 없어 로딩 스피너 구현 못함
      • 홈> 방 목록 조회
        • 전체조회(0%)
        • 검색(0%)
        • 정렬(0%)
      • 홈> 방 목록> 방 상세 정보(0%)
      • 지난 회의 이력(0%)
    • 네비게이션(비로그인)
      • 입력 필드 유효성 체크(100%)
      • 비로그인 상태의 사이드 메뉴는 홈만 표시(100%)
    • 네비게이션(로그인)
      • 홈(100%)
      • 지난 회의 이력(100%)
      • 로그아웃(100%)
    • 회원가입
      • 회원가입 버튼(100%)
      • 회원가입 팝업(100%)
    • 로그인
      • 로그인 버튼(100%)
      • 로그인 팝업(100%)
    • 회원가입/로그인 버튼
      • 로그인상태에서 회원가입, 로그인 버튼 숨김(100%)

  • BE

    • Database
      • INIT, SQL
        • 초기 Database 테이블 설정(100%)
      • JPA
        • Entity 구현 (100%)
        • Repository 구현(20%)
    • API
      • 인증
        • [POST] /auth/login(100%)
      • 유저
        • 회원가입: [POST] /users(100%)
        • 내 프로필: [GET] /users/me(100%)
        • 유저정보: [GET] /users/string:userId(100%)
        • 유저정보수정: [PATCH] /users/string:userId(100%)
        • 유저정보삭제: [DELETE] /users/string:userId(100%)

배포 환경

  • URL :
  • 배포 여부 : X
  • 접속 가능 : 수정 중
  • HTTPS 적용 : O / X
  • PORT : // 3rd Party에서 사용하는 포트가 있다면 기입해주세요. <- 기입 후 해당 주석 삭제

개발 환경

Front-end

  • Framework : Vue.js / React / Android / Unity
  • 지원 환경 : Web / Mobile / Web App / Native App
  • 담당자 : 박주영

Back-end

  • Framework : Spring boot / Node.js / Django / Flask
  • Database : MySQL / MariaDB
  • 담당자 : 박주영

Design


Design Resources

외부 템플릿 또는 에셋 (이미지 또는 링크 첨부)

자체 제작 산출물 (필요시 이미지 또는 설명 첨부)

  • LOGO
  • CardView
  • Button
  • Calendar

핵심 라이브러리

기본 제공하는 라이브러리 외 핵심 기능 구현에 사용한 라이브러리가 있다면 작성해주세요.
예시 ) VR/AR 라이브러리, 애니메이션 라이브러리, 텍스트/사진/동영상 지원, 편집 라이브러리 등

  • AR CORE

    • 링크 : https://developers.google.com/ar
    • 소개 : 구글에서 제공하는 AR 지원 라이브러리
    • 사용 기능 : 이미지 인식, 이미지 위 영상 표시
    • 담당자 : 팀원 A,

  • COLOR THIEF

  • Animate.css

    • 링크 : https://animate.style/
    • 소개 : css 애니메이션 지원 라이브러리
    • 사용 기능 : 메인 페이지 진입 시 애니메이션 사용
    • 담당자 : 팀원 A,

어려웠던 점

  • 기술적으로..! 기술적으로 미흡함을 많이 느꼈다. 프론트엔드는 Vue가 익숙하지 않아서 조금 헤맸고, el-ui도 처음 사용해봐서 조금 버벅였다. 백엔드도 JPA를 처음 사용해봐서 초반에 문법을 찾고 익히는 데 시간이 걸렸다. (하지만 하고 보니 너무 편한 것..?)

    전체적으로 내 기술 역량이 내가 기대한 것보다 조금 떨어진다는 것과 개발 속도가 아주 빠르지는 않다는 것, 잘 안될 경우 새로운 방법을 찾아내는 게 빠를 수 있는데 안되는 것을 붙잡고 (너무)늘어진다는 것에 대해 알게 됐다.

    공부 많이 해야겠다😊

  • 심리적으로..! 팀 내에서 프론트엔드를 잘한다고 소문이 나버려서 조금 부담스러움+잘해야한다는 생각이 좀 들었다. 배우면서 하고 싶었는데 지금 팀에서 가르쳐줘야한다 분위기에 부담감이 조금 생겼다.