프로젝트

[프로젝트 - ddangbbo] 4 - 프로젝트 개발

youn12 2025. 3. 4. 17:21
 가장 많이 공들였던 개발 부분이다. 디자인쪽을 아내가 같이 봐주고 여러모로 도와줘서 같이 프로젝트를 진행한 뜻 깊은 시간이였다.

Skill
 
- Backend : Spring Boot, Mysql, JPA
- Frontend : JQuery , Javascript
- etc: github action(CI/CD)

기능 정의

첫 인사
인사 문구
웨딩 사진 - 슬라이드
메이킹 필름
달력
길찾기
오는길
예식 안내
축하 메시지
Tanks to
공유하기

 

1. 첫 인사

 

웨딩사진을 벚꽃 개화일에 맞춰 찍었으며, 이를 살리고자 벚꽃이 흩날리는 애니메이션을 추가하는데 힘들었던 기억이있다..

 

 

2. 인사 문구

 

 나름 청첩장을 개발하면서 해보고 싶었던 기능 중 하나로, 지인들에게 의미있는 문구를 작성해 주고싶었다.

왼쪽이 기본 포맷, 오른쪽은 동네친구들을 대상으로한 문구를 보이도록 구성하였다.

3. 웨딩 사진 슬라이드

 간단한 슬라이드 라이브러리를 사용해서 많은 웨딩 사진(약 30장.?)을 보여주었다.

참조한 여러 모바일 청첩장에서는 사진이 많이 없는게 아쉬웠다. 웨딩사진을 1,000장 가까이 찍었는데 정작 10장 내외인게 아쉬워서 최대한 많이 넣어보앗다.

 

4. 메이킹 필름

웨딩 촬영 영상을 아내가 한땀한땀 편집하여 만든 영상으로 아주 만족스러운 결과물 중 하나이다.

5. 달력

아내가 직접 그려준 달력으로, 하단에는 실시간으로 결혹식까지의 타이머가 동작하게 하였다.

6. 길찾기

가장 많이 사용하는 네이버, 티맵, 카카오에서 길찾기 기능을 추가하였다.

7. 오는길

 신경 많이 쓴 부분중 하나이다. 웨딩홀은 서울인 반면 둘다 고향이 서울이 아니다보니 오시는 분들을 위한 정확한 안내를 하고 싶었다. KTX를 타시는분 SRT, 고속 버스를 타시는 분들이 헷갈리지 않도록 상세히 오시는길을 작성하였다.

8. 예식 안내

식사 위치 및 시간, 주차장 이용시간등을 확인할 수 있는 안내사항을 구성하였다.

9. 축하 메시지

 방명록으로 축하해주시는 분들의 소중한 덕담을 간직하고자 만든 기능이다.

현재는 데이터로서 가지고있다. 축하해주신 많은 분들 다시한번 감사합니다 (__)

10. Tanks to, 공유하기

 인사 문구와 같이 Tanks To 또한 지인들에게 의미있는 문구를 전달드리고자 하였다.

카카오톡 공유와 청첩장 링크 복사도 추가하여 공유 가능하도록 하였다.