COCONOTE Web Page v1.0

카카오 소프트웨어 아케데미 실무 프로젝트
개발기간: 2023.07 ~ 2023.08
리팩토링 기간: 2023.08 ~ 진행 중

문서화

카카오빈 프론트엔드 노션
카카오빈 지라

웹개발팀 소개

추성준	김윤호	조연겸
@ChuSeongJun	@ua1it	@jomo34
가천대학교 컴퓨터공학과 4학년	가천대학교 소프트웨어학과 4학년	가천대학교 소프트웨어학과 4학년

프로젝트 소개

코코노트는 직원들이 프로젝트에 대한 정보를 한 곳에서 효과적으로 공유할 수 있도록 합니다. 프로젝트의 주요 이슈, 작업 항목, 릴리즈 노트 등의 정보는 시각적으로 명확하게 표시되어, 팀원과 관리자가 프로젝트의 현황과 진행 상태를 쉽게 파악할 수 있습니다. 우리의 목표는 코코노트를 통해 프로젝트의 성장을 효율적으로 공유하고, 팀 간의 협업과 의사소통을 원활하게 하여 프로젝트의 진행 속도와 품질을 향상시키는 것입니다. 코코노트는 뛰어난 기능과 사용자 경험을 통해 이를 실현할 것입니다.

시작 가이드

Requirements

For building and running the application you need:

• Node.js 16.16.0
• Yarn 3.6.0

Frontend

• 루트 디렉토리에서 .env 파일 생성 후 내용 아래와 같이 작성

  VITE_BACKEND_URL=http://localhost:8080
  VITE_GOOGLELOGIN_URL=http://localhost:8080/oauth2/authorization/google?redirect_uri=http://localhost:3000/main
  VITE_KAKAOLOGIN_URL=http://localhost:8080/oauth2/authorization/kakao?redirect_uri=http://localhost:3000/main
  

• 루트 디렉토리에서 .env.d.ts 파일 생성 후 내용 아래와 같이 작성

  interface ImportMeta {
  env: {
    VITE_BACKEND_URL?: string;
  };
  }
  

• Terminal

  $ yarn install 
  $ yarn run dev
  

---

Stacks 🐈

Environment

Config

Development

Communication

---

화면 구성 📺

메인 페이지	마이 페이지

프로젝트 페이지	릴리즈 노트 페이지

---

주요 기능 📦

🍀 프로젝트 선택 및 정보 조회

• 프로젝트 생성 및 멤버 초대
• 관리자/멤버 권한에 따라 프로젝트 수정 가능

🍀 릴리즈 노트 작성 공유

• 최신 버전 배포 전 릴리즈 노트 작성 및 실시간 공유
• 배포된 릴리즈 노트 목록 및 내용 확인

🍀 작업관리 기능

• 개발 작업 관리 게시 및 담당자 설정
• 구현 스케쥴 지정 및 공유

🍀 이슈 기능

• 프로젝트 관련 이슈 게시 및 댓글 작성