개인프로젝트 API와 연결할 간단한 웹페이지 만들기(4)- 완성

🕛

개인 프로젝트 (Planner)

💡 프로젝트 기간
BACK :  2024-11-14~2024-11-20
FRONT: 2024-11-26 ~ 2024-11-28 

 

프로젝트 목적

9월부터 10월 총 2달이 되는 기간동안 Spring을 이용해서 API를 만들지 않았기 때문에 많이 까먹고 헷갈리는 부분이 많아서 처음에는 아주 간단한 TODO 프로젝트를 만들어보자! 해서 이 프로젝트를 시작하게되었다. 즉 이 프로젝트는 Warming-up이자 이전에 배웠던 것들을 복습하기 위한 목적이다.

또한 이전까지는 서버API만 만들었는데 이 API를 클라이언트에서 어떻게 통신을 하는지에 대한 궁금증이 이전부터 계속 있었고 클라이언트에서 API와 어떻게 통신을 하는지 이해하게 된다면 내가 API를 설계하는데 있어서 도움이 될수도 있겠다는 생각이 들어서 프론트와 백엔드를 연결까지 해보는 방향으로 목표를 잡았다.

결과적으로 클라이언트에서 어떻게 서버에 요청을 보내고 응답을 받는지 대략적인 원리를 이해하게 되어서 간단한 프로젝트이지만 많은것을 배울수 있어서 만족하였다.

프로젝트 기능

 

 

 

메인페이지에서 각각의 일정을 확인할수 있으며, 각 일정이 완료되는대로 실시간으로 그 값이 업데이트가 된다.

하단에는 금일 진행률 과 금주 진행률을 확인할 수 있다.

 

두번째 페이지인 일정 작성하기 페이지에서는 목표하는 일정의 기한(오늘,이번주,이번달,이번년)을 설정할 수 있으며 해당 날짜에 대한 일정을 기입할수 있다.

 

 

작업 환경

백엔드 언어는 Kotlin을 사용했고 프레임워크는 Spring을 사용했다.

각 작업에 대한 기록과 공유를 위해서 Github를 이용했으며,

front branch와 back branch(develop branch)를 나누어서 각각 작업하였고  최종적으로 master branch로 병합하였다.

github:  https://github.com/kotlin2024/GiveMeIdeas

GitHub - kotlin2024/GiveMeIdeas: give me

 

youtube 시연영상: https://www.youtube.com/watch?v=8NVZQB6EHCU