개요
- 사용자의 스케쥴을 관리해주는 웹 서비스.
- 개인 스케쥴 관리뿐 아니라, 다양한 인원과 스케쥴 공유 가능.
- 채팅기능과 친구기능 그리고 지도기능을 함께 제공.
서비스
- 개인 혹은 다수가 공유 할 수 있는 스케쥴 관리 웹 서비스
정리 내용
- 프론트 작업
- 모든 파트 연결
- 최종 결과
프론트 작업
이번 프로젝트 제작에 함께하는 모든 인원은 백엔드 개발자이다.
프론트 경험이 있는 팀원이 없었다.
하지만, GPT와 피그마등을 이용하여 프론트 작업을 진행해보았다.
(포토샵과 그림판도 사용..)
캘린더가 표기되는 메인 화면의 모습이다.
양쪽 사이드에 사이드바를 만들어줬다.
우측 사이드바에는 등록된 친구와 채팅창을 만들 예정이다.
좌측 사이드바에는 본인의 캘린더들이 위치하고 있다.
양 쪽 사이드바는 사이즈 조절이 가능하다.
상단 네비게이션바는 홈버튼과 로그인/로그아웃이 표기 된다.
본인이 맡은 파트인 캘린더의 프론트 페이지이며, 각 각의 파트를 담당하는 다른 팀원들과 프론트 페이지 기본 구성을 회의했다.
그럼에도, 조금씩 다른 부분들이 있으며 이를 하나로 합친 후, 연결 예정이다.
모든 파트 연결
도메인 페이지
로그인 버튼을 누르면 소셜 로그인페이지로 연결된다.
관리자 로그인을 할 경우, 관리자 페이지로 연결되고, 회원 아이디를 조회 및 관리할 수 있다.
다시 회원으로 로그인할 경우, 회원 페이지로 연결된다.
캘린더 페이지에서 새로운 캘린더를 만들면 새로운 스케줄이 활성화 된다.
새로운 스케줄 버튼을 누르면 스케줄 만들기 페이지로 이동한다.
원하는 제목과 시작 시간/끝나는 시간 그리고 주소와 설명을 입력하여 일정을 추가할 수 있다.
추가된 일정은 마크로 지도에 표기되며 수정 및 삭제가 가능하다.
켈린더에도 표기되며, 역시 수정 삭제가 가능하다.
이번 프로젝트에서 구현된 내용이다.
아래 사진은 사용된 스텍이다.
최종 결과
프로젝트는 아직 끝난게 아니다. (?)
이번 프로젝트는 두 개의 큰 파트로 구성되어 있다.
현재까지 완료된 부분은 첫 번째 파트로, 이는 Java와 Spring을 사용해 구현되었다.
이제 두 번째 파트에서는 기존 프로젝트를 Kotlin으로 변경하고, 추가 기능을 개발할 예정이다.
특히, 아직 구현되지 않은 친구 등록 기능과 채팅창 기능을 새롭게 추가할 계획이다.
