TURTLE (프로젝트 소개)

거북이처럼 천천히, 꾸준히, 목표를 향해 조금씩 앞으로 나아가고 안전하게 목적지에 도달하는 것과 같이,
확실한 협업을 통해 일의 각 단계를 신중하게 진행하고 조직원들의 아이디어와 능력을 조화롭게 결합하여
지속적인 성장과 더 큰 성공을 이루어 낼 수 있도록 돕는 개발자용 협업 관리 도구 입니다.

KH 정보교육원 FINAL PROJECT

주제 : 개발자용 협업 관리 도구

프로젝트 계획서 : 2023년 05월 28일 ~ 2023년 05월 31일

분석/설계 : 2023년 06월 01일 ~ 2023년 06월 03일

구현/테스트 : 2023년 06월 04일 ~ 2023년 07월 07일

발표자료 : 2023년 07월 08일 ~ 2023년 07월 09일

Turtle 개발 팀원

김덕근 최수진 김민수 위지은 최선웅 정성훈

📚 STACKS

🌱 Environment

🛠️ Development

💬 Communication

💎 API

⭐️ 주요기능

유저 기능

* 회원가입, 로그인(일반, Gmail), 
* 마이페이지(프로필 이미지 변경, 비밀번호 변경(로그인 상태), 결제 내역 조회, 회원 탈퇴), 
  비밀번호 변경(비로그인 상태)
* 프로젝트 생성(Gmail 팀원초대), 워크스페이스 생성
* 실시간 채팅 ⭐️
* 공유 게시판 ⭐️
* (공유/개인) 메모장 ⭐️
* (공유일정/게시판연동) 캘린더 ⭐️
* 알람 (게시글 등록, 일정 추가)
* 깃 로드맵
* 결제(PortOne - KG inicis)

🔑 ERD 테이블 명세

테이블 이미지 ERD 바로가기

🖥 구동 화면

1. 메인 화면 및 기본 UI

화면 이미지

✅ 메인 화면

💡 화면 설명 :
      화면 돌아가는 방식 설명

💡 기능 설명 :  
      사용한 기술들 설명(동기, 비동기, 슬라이드, 토글, SockJs, ajax, Fetch, Gmail, api...)

main 클래스 구현 바로가기

2. 프로젝트 생성(팀원 초대)

(화면 이미지)

✅ 프로젝트 생성(팀원 초대)

💡 화면 설명 :
      화면 돌아가는 방식 설명

💡 기능 설명 :
      사용한 기술들 설명(동기, 비동기, 슬라이드, 토글, SockJs, ajax, Fetch, Gmail, api...)

ㅁㅁㅁ 클래스 구현 바로가기

3. 워크스페이스 생성

(화면 이미지)

✅ 워크스페이스 생성

💡 화면 설명 :
      화면 돌아가는 방식 설명

💡 기능 설명 :
      사용한 기술들 설명(동기, 비동기, 슬라이드, 토글, SockJs, ajax, Fetch, Gmail, api...)

ㅁㅁㅁ 클래스 구현 바로가기

4. 실시간 채팅

(화면 이미지)

✅ 실시간 채팅

💡 화면 설명 :
      화면 돌아가는 방식 설명

💡 기능 설명 :
      사용한 기술들 설명(동기, 비동기, 슬라이드, 토글, SockJs, ajax, Fetch, Gmail, api...)

ㅁㅁㅁ 클래스 구현 바로가기

5. 공유 게시판

(화면 이미지)

✅ 공유 게시판

💡 화면 설명 :
      화면 돌아가는 방식 설명

💡 기능 설명 :
      사용한 기술들 설명(동기, 비동기, 슬라이드, 토글, SockJs, ajax, Fetch, Gmail, api...)

ㅁㅁㅁ 클래스 구현 바로가기

6. (공유/개인) 메모장

(화면 이미지)

✅ (공유/개인) 메모장

💡 화면 설명 :
      화면 돌아가는 방식 설명

💡 기능 설명 :
      사용한 기술들 설명(동기, 비동기, 슬라이드, 토글, SockJs, ajax, Fetch, Gmail, api...)

ㅁㅁㅁ 클래스 구현 바로가기

7. (공유일정/게시판연동) 캘린더

(화면 이미지)

✅ (공유일정/게시판연동) 캘린더

💡 화면 설명 :
      화면 돌아가는 방식 설명

💡 기능 설명 :
      사용한 기술들 설명(동기, 비동기, 슬라이드, 토글, SockJs, ajax, Fetch, Gmail, api...)

ㅁㅁㅁ 클래스 구현 바로가기

8. 알람 (게시글 등록, 일정 추가)

(화면 이미지)

✅ (공유일정/게시판연동) 캘린더

💡 화면 설명 :
      화면 돌아가는 방식 설명

💡 기능 설명 :
      사용한 기술들 설명(동기, 비동기, 슬라이드, 토글, SockJs, ajax, Fetch, Gmail, api...)

ㅁㅁㅁ 클래스 구현 바로가기

9. 깃 로드맵

(화면 이미지)

✅ 깃 로드맵

💡 화면 설명 :
      화면 돌아가는 방식 설명

💡 기능 설명 :
      사용한 기술들 설명(동기, 비동기, 슬라이드, 토글, SockJs, ajax, Fetch, Gmail, api...)

ㅁㅁㅁ 클래스 구현 바로가기

10. 결제(PortOne - KG inicis)

(화면 이미지)

✅ 결제(PortOne - KG inicis)

💡 화면 설명 :
      화면 돌아가는 방식 설명

💡 기능 설명 :
      사용한 기술들 설명(동기, 비동기, 슬라이드, 토글, SockJs, ajax, Fetch, Gmail, api...)

ㅁㅁㅁ 클래스 구현 바로가기

🚑 트러블 슈팅