6월 23일 금요일 TIL 회고록

홈페이지 만들기

 

어제 사용하던 로그인 페이지인데 문제가 있어서... 회원가입/로그인 페이지에 각각 id를 부여해야하는데 이 로그인 페이지 html은 

로그인과 Sign up 버튼이 통일되있어서 어떻게 만들어야할지 모르겠어서 로그인 페이지를 바꿨다..

 

https://codepen.io/technext/pen/WNpWeWw

animated form

초록초록한 로그인 화면으로 수정했다.

 

로그인 화면

 

회원가입 화면

 

로그인 및 회원가입 기능을 내 입맛대로 수정해주었다.

 

어제랑 같이 Postman을 사용해서 회원가입 / 로그인 기능을 적용해주었다.

회원가입을 할 시 회원가입이 완료되었다는 alert이 나오도록 만들었다.

스프링 및 h2 console에도 값이 잘 들어간 것을 볼 수 있다.

 

로그인 성공 시 로그인 성공 alert이 나오고, 토큰과 리프레시 토큰이 부여된 것을 볼 수 있다. 알럿을 닫으면 메인 페이지로 넘어가게 만들었다.

 

... 님 반갑습니다. 는 프로필 조회 기능을 만들고 손봐야겠다. 

남은 것은 게시판 및 문의하기 html 만들기 및 기능들 넣기.. 카카오 api 실시간 위치 조회 기능 등등.. 넣을게 산더미다.

느리더라도 차근차근 열심히 만들어야겠다.