리액트 프로젝트 생성 오류리액트 프로젝트를 생성하려고 하는데, 현재 리액트 19 정식 릴리즈로 인해 현재 create-react-app이 제대로 작동하지 않는다고 한다. 문제 해결아래와 같이 명령어를 터미널에 입력하여 프로젝트 생성 완료1. npx create-react-app my-app2. cd my-app3. npm install react@18 react-dom@184. npm i web-vitals5. npm run start

프로젝트를 진행하며 구현했던 Kakao 소셜 로그인을 정리 해보려고 한다.- 개발 환경: React + SpringBoot - REST-API를 활용해 카카오 로그인을 구현 - 프론트 엔드: 카카오로부터 인가코드를 받고 백엔드에게 인가코드를 넘겨준 후 백엔드에게 JWT 토큰을 발급 받는다. 그리고 받아온 JWT 토큰을 검증하고 로그인 처리를 해준다. - 백엔드: 프론트로부터 인가코드를 받은 후 카카오로부터 카카오 전용 토큰을 발급 받는다. 그리고 발급 받은 토큰의 정보를 기반으로 우리 서버 전용 토큰을 만들어서 프론트에게 전달.REST API 카카오 로그인 관련 문서https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api Kakao Develope..

CORS 에러 발생프로젝트 구현 중에 회원가입에 필요한 이메일 인증을 구현하는 부분에서 React 프론트에서 Spring 백엔드로 HTTP 요청 시 CORS 에러가 발생했다. CORS(Cross-Origin Resource Sharing)는 서로 다른 Origin에서 요청을 주고 받을 시 문제가 된다. React의 서버가 http://localhost:3000이고 Spring 서버가 http://localhost:8080이라면 서로의 포트번호가 달라서 CORS 이슈가 발생하는 것이다. 처음 겪는 에러라서 하루종일 골치 아팠는데.. 해결했던 방법을 기록 하려고 한다. 사용한 해결 방법1. Spring 서버에서 CORS 허용 설정 추가configuration.setAllowCredentials(true)를 ..