home
Backend
//
home
Backend
Algorithm
Project
//
🦾

코드로 배우는 React with 스프링부트 API 서버

생성일
2025/01/24 05:52
태그
inflearn
게시일
2025/04/17
Search
•
node.js 설치
•
폴더 생성 후 리액트 프로젝트 생성하기

CRA(Create React App)

•
CRA는 React 개발 시 사용되는 보일러플레이트(BoilerPlate) 방식 보일러플레이트 : 프로젝트를 빠르게 시작하고, 일관된 구조와 설정을 가진 애플리케이션을 개발할 수 있도록 도와준다.
•
한 줄의 명령어로 React 프로젝트에 필요한 개발 필수 요소를 자동으로 구성
•
이전에 작성한 코드를 후속 모듈에 적용할 수 있는 재사용 가능한 프로그래밍 코드
•
webPack, babel, eslin 등과 같은 도구들을 자동으로 설치
리액트 프로젝트 생성
Tailwind CSS 설정
•
MySQL DB 연동 후 DB와 계정 생성
DB와 부트 프로젝트 생성
React-Router
스프링부트와 API 서버
•
엔티티 설계
•
엔티티
•
두 가지 경우
엔티티 클래스 만들기
•
build.gradle 설정
•
QTodo
•
TodoRepository - TodoSearch 추가
•
TodoSearch 인터페이스 생성
•
TodoSearchImpl 생성 - 여기서는 querydsl 활용하여 쿼리 구성 및 페이징 처리
Querydsl 설정하기
•
dto 생성
•
service
•
serviceimpl
•
테스트 코드 작성
DTO 설정과 서비스 계층 만들기