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

node.js 설치

폴더 생성 후 리액트 프로젝트 생성하기

CRA는 React 개발 시 사용되는 보일러플레이트(BoilerPlate) 방식
보일러플레이트 : 프로젝트를 빠르게 시작하고, 일관된 구조와 설정을 가진 애플리케이션을 개발할 수 있도록 도와준다.

한 줄의 명령어로 React 프로젝트에 필요한 개발 필수 요소를 자동으로 구성

이전에 작성한 코드를 후속 모듈에 적용할 수 있는 재사용 가능한 프로그래밍 코드

webPack, babel, eslin 등과 같은 도구들을 자동으로 설치

VSC 터미널에 tailwind css 설치

taliwind.config.js의 content를 다음과 같이 설정

src 폴더의 index.css 를 다음과 같이 설정

app.js를 수정한다.

MySQL DB 연동 후 DB와 계정 생성

React-Router

스프링부트와 API 서버

엔티티 설계

엔티티 

두 가지 경우

build.gradle 설정

QTodo 

TodoRepository - TodoSearch 추가

TodoSearch 인터페이스 생성

TodoSearchImpl 생성 - 여기서는 querydsl 활용하여 쿼리 구성 및 페이징 처리

dto 생성

service

serviceimpl

테스트 코드 작성