Spring Boot + React 프로젝트
1.Spring Boot + React + MySQL + JPA 연동하기 (with vscode)
개발환경 > java 1.8 node v20.11.1 npm 10.2.4 mysql 8.0.36 spring boot 2.7.14 0. 기본 세팅 프로젝트 폴더를 만들고, 해당 폴더에 프론트와 백을 나눠서 구성할 예정 node 설치 후 vscode 설치 이후 vs
2.Spring Boot + React 프로젝트 / jwt 토큰 발급 및 쿠키 저장 (로그인)
jwt란? > JWT(토큰 기반 인증)는 JSON Web Token의 약자로, 웹 표준인 RFC 7519에서 정의된 개방형 표준 JSON 형식을 사용하여 정보를 안전하게 전달하기 위한 컴팩트하고 자가수용적인 방법을 제공 주로 인증 및 정보 교환에 사용되며, 클레임(c
3.Spring Boot + React 프로젝트 / 이메일 전송 기능 (비밀번호 찾기, 임시비밀번호 부여)
💻 구현 기능 이메일로 임시 비밀번호 전달하기 해당 비밀번호로 db 교체 ✏️ 기능 설계 리액트에서 유저가 이메일과 비밀번호를 입력하면 스프링부트에서 db와 비교 db와 같으면 메일 서비스 실행 메일 서비스에서 임시 비밀번호 (난수) 생성 임시 비밀번호 해싱 후
4.Spring Boot + React 프로젝트 / 프로필 실시간 사진 업로드 및 출력
리액트에서 스프링부트로 프로필 이미지 전달이후 해당 이미지 db에 저장 후, 바로 리액트에서 바로 보여줌✨ 실시간으로 db와 실제파일이 이미지가 교체되고, 삭제되는 게 목표!리액트에서 스프링부트로 이미지를 file - formData로 넘김MultipartFile로 파
5.Spring Boot + React 프로젝트 / 아임포트(iamport) 결제, 취소 기능 구현
리액트에서 IMP 객체로 결제 모듈 띄움결제 성공시 백엔드에서 검증 실행 (결제금액 위변조 위험성을 없애기 위함)백엔드에서 검증 후 DB에 저장리액트에서 아임포트로 요청해서 access_token를 받아옴해당 토큰으로 결제 취소 실행결제 취소 후 기존 결제 DB 삭제h
6.Spring Boot + React 프로젝트 / 다음 우편번호 서비스 사용 (모달)
💻 구현 기능 유저 마이페이지에서 주소 검색 기능 해당 주소를 받아와서 스프링부트에 전달 및 db 저장 ✏️ 기능 설계 리액트에서 우편번호, 전체주소, 상세주소를 받을 폼 작성 다음 우편번호 서비스 api를 활용해서 정보 받아오기 해당 정보를 스프링부트로 전달 부