[실전프로젝트 17Day] 오늘의 나는

 

지난주 중간 발표 후 이번주에는 MVP 기능 중 추가가 필요하거나, 개선이 필요한 기능을 우선적으로 만들기로하였다.

우리의 이번주 목표는 위와 같고! 

 

내가 해야할일은 사용자 유효성 검사(이메일) 기능 구현, 웨이팅 호출 기능 구현, 스토어 리뷰 조회 기능 구현 부분이다! 

도커 무중단 배포는 해둔다고 쓰긴 했지만 지금 당장 필요할까 ?? 싶어서 이번주에 할지 말지는 고민중이다

맘먹고하면 한 두어시간쯤이면 되지 않을까 생각즁

 

🤨 이메일 인증 기능 구현(사용자 유효성 검사)

이메일 인증 구현을 만들게 된 사유는 회원 가입만으로도 충분히 사용자에 대한 검증을 했다고 볼 수 있긴 하지만 

JWT나 요런걸 사용하지 않기 때문에 추가적인 유효성 검사를 하려는 니즈도 있었고,

 

웨이팅 예약중인 사용자가 입장 대기상태일 때 호출을 하는 로직이 필요했는데 이메일 인증 기능으로 유효성 검사를 하고,

그 이메일을 활용하여 입장 알림을 하면 딱 좋을 것 같아서 선택하게되었다.

 

내가 작성한 코드를 발췌한 부분인데 

대략적으로 이메일 인증은 아래와 같은 흐름으로 이루어진다.

인증 코드 생성(랜덤코드) -> 이메일 전송 폼 생성(html + Thymleaf) -> java Mail Sender를 이용한 이메일 전송 -> 전송코드를 프론트 세션에 저장하고있다가, 사용자가 이메일로 전송 된 code를 Input Box에 입력하면 일치하는지 비교!!

 

Spring에는 MailSender 인터페이스를 상속받은 JavaMailSender를 사용하여 이메일 전송 시스템이 있어서 어렵지 않게 구현할 수 있었다 😎

 

이 화면에서 이메일을 작성하고 [요청]버튼을 클릭하게되면,

 

 

이렇게 사용자 이메일로 핀 번호가 전송되고, 부여받은 Pin 번호를 입력하고 [확인] 버튼을 누르면 일치 여부를 확인하게 된다 !! 

만약 인증을 하지 않은채로 대기 신청을 하면 예약을 할 수 없도록 처리해두었다.

 

🖌 프로젝트 로고 만들기

우리는 챌린지팀이라 프론트 팀원분도, 디자이너도 없는데 

그렇다고 아무거나 쓰고싶진 않았다 ㅋ 그래서 직접 만듬 ~~ 

 

 

우리조 프로젝트명인 핀테이블을 주제로 만들어보았고 네개의 아이디어 중 가장 처음에 만든 세번째꺼가 낙첨되었다

돌고돌아 제자리는 국룰 인가보다 ✨

 

💬 음식점 리뷰 조회  + 좋아요/리뷰 갯수 조회 기능

사실 리뷰는 조금 논외로 계속 두고 생각했는데, 지난주에 멘토님이 리뷰 갯수를 보여주는데 리뷰 내용을 아예 안보여주는건 조금 이상하지 않을까요? 라고 말씀해주셔서 후다닥 만들었다.

페이징 처리를 할지 몇개만 짤라서 보여줄 지 고민했는데 일단 우선은 최신순으로 10개만 짤라서 보여주는것으로 .. 협으 ㅣ..

 

음식점 핀을 누르면 리뷰 조회 API를 호출해서 Html에 뿌려주는 작업이 필요했는데

아이콘이랑 리뷰 내용이 한줄에 정렬이 안되서 이번에도 갓시넌님의 도움을 받았다 .. 🙏🏻

리뷰 보면 함정 있음 ㅋ 

 

 

그렇게 작성된 js코드 ! 시넌님이 반복문 잘 썼다고 칭찬해주심 ㅎ ㅣ ㅎ ㅣ 

 

이번주는 아직 이틀밖에 안되긴했지만 너무 프론트 코드에 치중해서 ?! 진행된 것 같아서 

내일부터는 팀원분들이 하고 계신것들 좀 살펴보고, 성능개선에 필요한 툴을 익히는데도 시간을 좀 써야될 것 같다.

 

그래도 계획한 기능들은 거의 다 끝내서 아주 뿌드태 ~~ 👍

 

🖤 오늘자 화면