React + TypeScript + TailwindCSS 로그인 구현
Front-End2024. 5. 17. 22:23React + TypeScript + TailwindCSS 로그인 구현

지난 포스팅에서 Spring Security + Jwt + Redis 를 이용한 로그인을 구현해봤습니다. 이번 포스팅에서는 지난 포스팅과 통신하는 프론트 부분을 구현해보겠습니다. ▼ 지난 포스팅이 궁금하신 분은 아래의 링크를 확인해주세요 😊 Spring Security + JWT + Redis지난 포스팅에서는 JWT(JSON Web Tokens)를 세션(Session)에서 관리하고 토큰이 만료될 때 로그인 시 사용할 수 있는 기능을 구현했습니다. 그러나 이 방식은 사용자가 자주 다시 인증을 해야 하기 때문orijava.tistory.com 🛠 사용 IDE : Visual Studio Code 1. 프로젝트 초기화npx create-react-app social-login-test --template ty..

Axios 를 이용한 로그인 구현하기
Front-End2024. 4. 24. 23:35Axios 를 이용한 로그인 구현하기

Spring Boot 로 구현한 로그인 기능을 프론트와 연결하기 백엔드와의 요청처리를 위해 React Axios 를 이용한 통신을 사용할 예정이다💡Axios 란 무엇인가?node.js 의 HTTP 요청 또는 브라우저의 XMLHttpRequests 를 만드는 데 사용되는 JavaScript 라이브러리Promise API 를 지원하므로 비동기 HTTP 요청을 간단하게 처리 가능JSON 데이터를 보내거나 받을 때 Axios 는 JSON 과 데이터를 자동으로 변환CSRF 보호 기능이 내장🔨사용 툴VSCode 이전 포스팅에 생성했던 Spring Boot, JWT 와 연동해 줄 예정 1. 프로젝트 생성 사용할 폴더를 열거나 터미널에서 cd 명령어를 통해 디렉토리로 이동하여 아래의 명령어를 입력 npx create-..

image