728x90 반응형 webdevelopment3 Spring Boot와 React 연동하기: 간단한 예제 안녕하세요! 오늘은 Spring Boot 백엔드와 React 프론트엔드를 연동하여 간단한 웹 애플리케이션을 만들어 보겠습니다. 이 프로젝트는 기본적인 사용자 정보를 CRUD(Create, Read, Update, Delete)하는 기능을 포함하고 있습니다.1. 프로젝트 설정하기 Spring Boot 프로젝트 생성 우선 Spring Boot 프로젝트를 생성하기 위해 Spring Initializr( https://start.spring.io )로 이동합니다. 필요한 종속성은 다음과 같습니다:Spring WebSpring Data JPAH2 Database (인메모리 데이터베이스)그 후 프로젝트를 다운로드하여 IDE에서 열어줍니다.2. 엔티티 생성하기사용자 정보를 저장할 User 엔티티를 생성합니다.pa.. 2025. 5. 28. 리액트 환경 설정 가이드: Node.js 설치부터 프로젝트 생성까지 리액트를 시작하는 데 필요한 환경 설정을 알아보겠습니다. 이 글에서는 Node.js 설치부터 리액트 프로젝트를 생성하는 과정까지 세부적으로 설명할 것입니다. 마치 요리 레시피를 따라 하듯이, 하나씩 단계별로 진행해보겠습니다.1. Node.js 설치하기리액트를 사용하기 위해서는 Node.js가 필요합니다. Node.js는 개발 환경에서 JavaScript를 실행할 수 있도록 해주는 런타임입니다. Node.js를 설치하는 데는 다음 두 가지 방법이 있습니다:1.1. 웹사이트에서 직접 다운로드1.2. 패키지 매니저를 사용하여 설치1.1. 웹사이트에서 직접 다운로드Node.js의 공식 웹사이트인 nodejs.org 를 방문합니다. 이곳에서 LTS(Long Term Support) 버전의 설치 파일을 다운로드.. 2025. 4. 19. 스프링 부트와 하이버네이트 JPA 기본 사용법 안녕하세요. 오늘은 스프링 부트(Spring Boot)와 하이버네이트(Hibernate) JPA(Java Persistence API)의 기본 사용법에 대해 알아보겠습니다. 이 포스팅에서는 JPA를 활용하여 데이터베이스와 상호작용하는 기초적인 방법을 예제와 함께 설명하도록 하겠습니다.1. 프로젝트 설정먼저, 스프링 부트를 사용한 프로젝트를 생성해야 합니다. Spring Initializr 에 접속하여 아래와 같은 의존성을 선택한 후 프로젝트를 생성합니다.- Spring Web- Spring Data JPA- H2 Database (내장 데이터베이스)그 후, 다운로드한 zip 파일을 추출하여 IDE에서 열어줍니다.2. application.properties 설정프로젝트의 `src/main/resour.. 2025. 3. 19. 이전 1 다음 728x90 반응형
