이 프로젝트는 서버와 클라이언트를 각각 분리해서 작성하는 것이 포인트이다! sprint boot: backend(서버) react : frontend(클라이언트) => React (프론트엔드)과 Spring Boot(백엔드) 각각의 장점을 최대한 활용하기 위해 분리해서 작업(코딩, 빌드)하는 방법 이렇게 구성하면 프론트엔드 부분은 코드 수정 후 화면에서 바로 확인이 가능하다.
백엔드를 작성했으니 다음은 프론트엔드를 작성해보자. 프로젝트 구조는 아래와 같다.
기본 구조 ※ 디자인적인 요소를 추가하기 위해 ant design 을 사용했다. Components Overview - Ant Design An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises ant.design imp...
#
api
#
crud
#
jpa
#
react
#
restapi
#
springboot
#
리액트
#
스프링부트
#
프론트엔드