프로젝트 4

네이버 로그인 API 구현

이번에는 네이버 로그인을 해본다. 똑같이 프로젝트의 로그인 화면으로 가서 네이버 로그인 버튼을 눌러준다. 그러면 네이버로 로그인 할 수 있는 로그인 창이 뜨게 된다.  아이디와 비밀번호를 입력하고 로그인 버튼을 누르면 2단계 인증 알림이 발송된다.  2단계 인증이 성공하게 되면 메인화면으로 들어가지게 되고 상단 헤더의 로그인이 로그아웃으로 바뀐 것을 확인 할 수 있다.    마이페이지로 들어가보면 해당 로그인을 시도한 아이디의 이메일과 이름이 보이게 된다.   DB의 USER 테이블을 확인해보면 카카오와 똑같이 전화본호, SNS 연결 날짜, SNS 타입, 이메일, 프로필 사진, 이름 등을 확인 할 수 있다.   레디스를 사용하여 keys * 로 현재 로그인한 이메일의 토큰 값들을 확인 할 수도 있다.

프로젝트 2024.07.01

카카오 로그인 API 구현

프로젝트의 로그인 화면에서 카카오 로그인 버튼을 클릭해본다.   그러면 카카오 로그인을 할 수 있는 카카오 로그인 창이 뜨게 된다.  처음 카카오로 로그인하게 되면 이렇게 동의하기 버튼이 활성화 되어있다.   동의 하기 버튼을 클릭하면 메인으로 리다이렉트 되는데 메인의 상단 헤더가 로그인이 아닌 로그아웃으로 바뀌어 있는 것을 확인 할 수 있다.   헤더의 마이페이지를 눌러 들어가보면 카카오로 로그인한 이메일과 본인 이름이 나오는 것을 확인 할 수 있다.  DB의 USER 테이블을 확인해보면 전화번호, SNS 연결 날짜, SNS 종류, 이메일, 프로필 사진, 이름 등이 들어간 것을 확인 할 수 있다.   레디스를 켜서 keys * 명령어를 입력하면 현재 로그인한 토큰 값을 확인 할 수 있다.

프로젝트 2024.07.01

환불 구현

현재 마이페이지에 들어가보면 환불을 하지 않았기 때문에 0으로 나오게 된다.    결제 내역에 들어가 해당 결제내역을 선택하여 결제 상세페이지로 들어가보면 밑에 환불 신청 버튼을 볼 수 있다.   환불 신청 버튼을 누르면 환불 페이지로 들어가게 된다.    만약 사유를 선택하지 않고 환불 신청하기 버튼을 누르면 사유를 선택해달라는 alert이 발생한다.  환불 사유를 선택해주고 버튼을 눌러주면 환불에 성공했다는 alert이 뜨고 환불에 성공하게 된다.    환불이 성공했다는 alert이 뜨고 확인을 누르면 환불 내역 페이지로 리다이렉트 된다.  환불한 프로젝트를 선택하여 상세 내역으로 들어가보면 이미 환불을 했기 때문에 환불 신청하는 버튼이 사라진 것을 확인 할 수 있다.   이번엔 DB에서 확인해보면 ..

프로젝트 2024.06.28

주문 결제 구현

현재 마이페이지의 결제 내역 상태이다.아무것도 결제한 상태가 아니기 때문에 0으로 표시된다.    영화 프로젝트 페이지로 들어가 펀딩하기 버튼을 눌러준다.    그럼 프로젝트 주문 페이지가 나오게 되고 수량과 배송정보들을 입력하여 주문하기 버튼을 눌러준다.만약 결제한 프로젝트가 영화가 아닌 도서라면 자동으로 배송비 3000이 붙어서 총 결제금액에 나오게 된다.   주문하기 버튼을 누르면 포트원 api 중 kg이니시스를 사용하여 구현했기때문에 kg이니시스 결제 화면이 나오게 된다.    원하는 결제 방식으로 결제를 성공하면 결제를 성공했다는 alert과 바로 결제 내역 페이지로 리다이렉트 되는 alert이 나오면서 결제 내역페이지로 이동하게 된다.     결제 할때마다 부여되는 주문번호가 달라지기 때문에이..

프로젝트 2024.06.28