본문 바로가기

ViTE2

[Spring, React] useEffect를 사용해서 새로고침해도 저장된 고객정보가 보이도록 페이지에 반영해보자 고객 명단 화면을 띄우면 DB에 저장된 명단을 가져와 보여줘야한다.그러나 새로고침을 하거나 다시 탭에 들어오면DB에 정보가 저장되어 있어도 화면에 가져오지 못한다.그래서 이 부분을 개선해보고자 한다. 1. 환경설정프론트엔드 = React + Vite +WebStorm백엔드 = Spring + IntelliJDB = MySQL + MySQLWorkbench 2. 문제점화면sori를 추가하여 저장했다. MySQLWorkbench를 살펴보면 제대로 저장되어있다. 이제 다시 화면으로 돌아가서 새로고침을 했다. 등록됐던 sori가 사라졌다. 하지만 여전히 MySQLWorkbench에는 잘 저장되어있는 상태였다. 왜 이런 문제가 발생한걸까? 원래 코드// 화면에 보여줄 고객 목록const [rows.. 2025. 12. 18.

[Spring, React, Vite] 스프링과 리액트 연결하기_ React에서 CORS 해결하는 방법과 Spring에서 CORS 해결하는 방법, Security 해결 방법 스프링과 리액트를 서로 연결할 것이다.검색을 하면 React에서 연결하는 방법이 많이 나온다.그러나! 나는 Spring에서 연결하는 방법도 궁금하다.그래서 둘 다 알아볼 것이다. 1. 환경프론트엔드 → React + Vite React랑 Spring 연결하는 방법을 검색하면 보통 CRA 방식이 많이 뜬다. CRA는 Create React App으로 여러 도구를 하나의 권장 설정으로 통합하여 기존에 갖고 있던 React의 문제점을 해결하고 있었다. 그런데 리액트에서 사용을 중단했다. 그렇다고 안되는 것 같진 않은데, 고성능 프로덕션 앱 구축을 어렵게 하는 몇가지 제한이 있어서 CRA 사용을 중단하고 기존 앱은 프레임워크나 Vite, Parcel, RSBuild 같은 빌드 도구로의 마이그레이션을 권장.. 2025. 12. 17.

이전 1 다음

티스토리툴바