[ Life-Log ] 프로젝트 소개

취미로 복싱장을 다니는데 복싱장 형님들과 디스코드에 매번 운동 일지를 작성하기로 했다.

매번 일지를 작성하는데 복싱 뿐만 아니라 러닝이나 다른 운동도 하고, 매번 다르게 작성하거나 필요한 템플릿을 복사해서 붙여넣는게 귀찮아지기 시작하면서 좋은 방법이 없을까 생각 하다가 집에 마침 놀고있는 홈 서버 전용으로 구매했었던 미니 PC 가 생각나서 시작하게 되었다.

 

나는 운동이 끝나면 바로바로 작성하고 싶어서 모바일로 보이는 모습도 중요했기 때문에 처음에는 Flutter 나 React Native 도 생각 했었는데, 당장 사용할 기능을 만드는게 먼저인데 MVP 달성을 고려했을 때 러닝 커브가 심해서 할 줄 아는 JSP 를 사용했다. (필요하면 PWA 로 말아서...)

 

• 개발기간: 2025.10.22 ~ 2025.11.16
• Backend
  • Java 17
  • Spring MVC
  • JPA(Hibernate)
  • PostgreSQL
  • Swagger
  • JUnit5, Mockito
  • Docker(Test DB)
• Frontend
  • JSP
  • jQuery
  • DataTables
  • marked.js
• DevOps / Infra
  • Jenkins CI/CD
  • Home Server Deployment
  • GitHub push → Jenkins → Build → Deploy
  • Docker(Test Environment)

---

[ 📌 로그인 - OAuth2 ]

로그인은 Google 만 OAuth2 만 적용 했는데, 모든 방법이 당장 필요하지는 않아서 일단은 `로그인` 이라는 기능에 집중했다.

로그인을 안해도 메세지는 보낼 수 있지만 템플릿을 저장해서 사용하고 싶고, 이력도 모으면 데이터를 가질 수 있어서 가볍게 로그인 기능도 붙여놨다.

 

[ 로그인 - 모바일 ]

[ 로그인 - PC ]

 

---

[ 📌 메인 기능 - 메세지 전송 ]

js 라이브러리 마크다운 파서를 이용해서 메세지를 미리볼 수 있도록 했다.

`$` 파라미터 기점으로보고 input 창을 만들고, 반복되는 파라미터는 저장해서 사용할 수 있도록 하였다.

ex) 나는 복싱 운동하기 전에 줄넘기를 항상 3 세트 하니까 3을 저장한다.

 

Slack, Discord 채널에 웹훅을 만들고, url  입력해서 버튼 클릭하면 해당 메세지 채널로 보내는 기능이다.

나는 복싱이랑 조깅을 주로 하는데 템플릿을 저장해서 사용하고 있다.

 

[ 메인 대시보드 - PC ]

[ 메인 대시보드 - 모바일(1) ]

[ 메인 대시보드 - 모바일(2) ]

 

아래처럼 같이 운동하는 형님들과 어떤 운동을 했는지 작성해서 공유하고 있다.

 

---

[ 📌 게시판 ]

기본적인 CRUD 는 필요하다고 생가했고, 내가 만든 템플릿을 공유하면 좋겠다고 생각되어서 만들었는데, 지금 와서 돌아보면 단순히 템플릿을 복사하는 기능이 아니라 템플릿을 가져오는 방법으로 만들었으면 더 좋았을거 같다. (사용은 이게 더 편할듯)

[ 게시판 - PC ]

[ 게시글 - PC ]

 

댓글이랑 대댓글은 내가 해본적 없는 기능이라서 같이 넣었고, 조회수는 정책을 어떻게 해야하는지 감을 못잡아서 아직은 작업하지 않았다.

마찬가지로 좋아요 같은 기능도 아직은 하지 않았다.

 

[ 게시판 - 모바일 ]

 

[ 게시글 - 모바일 ]

---

[ 📌 이력조회 ]

아직 검색 조건이 적용되도록 하지는 않았는데 일단 가볍게 기존 이력들을 볼 수 있는 페이지도 붙여놨다.

기획이 따로 없다보니까 하다보면 하나씩 생각나서 붙이다 보니까 새삼 기획의 중요성을 느낀다. 

---

 

[ 📌 마치며... ]

나와 내 주변사람들이 루틴처럼 하는 일을 조금 더 편하게 하자는 의미로 시작 했는데, 마치고 나니까 프로젝트에 내가 신경썼던 부분들을 하나씩 기록 해놓는게 좋을거 같아서 프로젝트 세팅부터해서 하나씩 챕터로 만들어서 기록해갈 예정이다.

 

다른 프로젝트를 시작하기 전에 기록을 해둬야 까먹지 않을 것 같고, 그 다음 프로젝트 세팅할 때에도 조금 더 편할거 같다.

 

https://github.com/nashs789/daily-log

GitHub - nashs789/daily-log