팡민`s 개발블로그 팡민`s 개발블로그

프로젝트를 수행하면서 문자인증을 통해 회원가입 서비스를 제공하기 위해서 Naver SENS(문자 전송) + Redis(토큰 관리) 를 이용하였습니다. 대략적인 흐름도는 다음과 같습니다. 1. Vue에서 유저 전화번호를 axios REST API로 SpringBoot에 전달합니다. 2. SpringBoot에서 Naver SENS API로 유저의 전화번호로 인증번호를 전송(SMS 서비스)합니다. 3. Redis 서버에 해당 인증번호(Map 토큰)를 저장하고, 4. SpringBoot에서 5.번호 비교를 할때마다 해당 인증번호와 비교해서 동일하면 해당 토큰을 삭제하고, 1. 에서 새로운 요청이 들어오면 기존 토큰을 삭제하고 다시 1~5. 과정을 반복합니다. Naver SENS API 초기 설정. 네이버 클라우..

1. 프로젝트를 수행하면서.. Vue와 SpringBoot으로 프로젝트를 진행하기 시작할 무렵, 디자인에 대한 고민이 있었습니다. 초기에는, 그리드로 웹 영역을 나누어 스스로 만들어보았지만 결과물이 형편 없어서 BootStrap 5 템플릿을 적용해보기로 하였습니다. 이 글은 타인이 만든 BootStrap 5 템플릿을 Vue에 적용시키는 방법에 대한 팁으로서, 추후에 다른 템플릿을 더 적용해보면서 개선해 나갈 예정입니다. 적용 템플릿 : https://github.com/zuramai/voler GitHub - zuramai/voler: The first Bootstrap 5 admin dashboard template The first Bootstrap 5 admin dashboard template. ..