🧩 Source Code
🧩주제 선정
- 저희는 따뜻한 연말을 위해 크리스마스 날에 맞추어 제작하였으며 디데이에 친구들이 작성하여준 편지를 오픈하여 확인 가능하도록 제작 했습니다.
저희는 내 트리를 꾸며줘 사이트를 참고하였습니다.
🧩 제작 기간
2022년 12월 9일 - 2022년 12월 26일
🧩 팀원
🧩 내 역할
- 편지 쓰기, 편지 내용 저장 기능 구현
- 유효성 검사
- DB 설계
🧩 플로우 차트
🧩 개발 환경
-
개발 환경
Eclipse , Spring Boot, JPA Hibernate, Thymeleaf ,
Oracle Cloud( 전자지갑 이용한 공용 DB사용 )
ORACLE 원격 DB를 전자지갑 사용해서 DBEAVER에서 연결 -
사용 언어
Java , JS, JQuery, Ajax -
디자인
html, css -
협업
Github -
서버
AWS , Jenkins , Docker, Apache Tomcat -
데이터베이스
언어 : Oracle
툴 : DBeaver -
API
SENS
🧩 ERD
🧩 기능
🟢 회원가입
유저는 각각의 항목을 채운 후 회원가입을 진행합니다. 하나의 항목이라도 채워지지 않으면유효성 검사에 걸리게 되며 회원가입은 실패하게 됩니다. (아이디 중복, 비밀번호, 닉네임, 휴대폰 인증)
네이버 API인 SENS를 이용하여 유저의 핸드폰 번호로 인증을 할 수 있도록 하였습니다. 휴대폰번호의 형태가 아니거나 유효하지 않은 핸드폰 번호일 경우 인증에 실패하게 됩니다.
- 유효성 검사 실패
- 인증번호 인증
🟢 로그인
없는 아이디거나 아이디, 비밀번호가 일치하지 않을 시 로그인은 실패하게 됩니다. 가입된 아이디와 비밀번호로 로그인을 하게 되면 JWT 토큰이 생성되어 쿠키에 담기게 됩니다.
- 쿠키에 저장된 토큰
🟢 로그아웃
메뉴에서 로그아웃을 클릭하면 저장된 쿠키의 내용이 삭제되며 index 페이지로 이동하게 됩니다. application 쿠키 탭에서 쿠키의 저장과 삭제를 확인할 수 있습니다.
- 쿠키에 삭제된 토큰
🟢 편지로 트리 꾸미기
편지를 읽을 수 있는 조건은 오픈하고자 하는 시간을 설정하여 그 시간이 지났을 때 오픈 할 수 있도록 했습니다. 저희는 12월 25일 크리스마스를 목표로 했습니다.
6개가 넘어가는 편지가 달렸을 시 페이지네이션 버튼이 생성되며 옆으로 옮겨가며 달린 편지를 확인 할 수 있습니다.
🟢 JWT
🟢 프로젝트 특징
- jwt를 이용한 로그인 회원가입 방식
- jenkins와 aws를 사용한 서버 배포
- cloud를 이용한 공용 db사용
- 네이버 API인 SENS를 이용
후기
- 수업 시간에 배운것 이외의 것을 활용을 하게되서 많은 공부가 필요하게 됬습니다.
내가 맡은 부분의 기능을 완성했을 때의 성취감이 너무 좋았고, 팀원들과의 협력을 통해
서로 어려운 부분 힘든 부분을 도와주며 해결을 하게된 부분에 대해서도 너무 큰 성취감있었습니다. 힘들었던 점은 Git을 사용하는 방식이 익숙치 않아서 서로의 버전이 달라 pr을 한 이후의 당황스러움이 많았지만 시간이 지날수록 잘 다뤄줘 마무리를 잘 하게됬었습니다.
마지막 프로젝트를 잘 마무리 하게되어 감사했습니다.
