리액트, 스프링부트 연동하여 CURD 구현하기
#1 구상
이 튜토리얼에서 리액트(React Js)와 스프링부트(Spring-boot)를 연동하여 간단한 CRUD를 구현하고자 합니다. 스프링부트를 사용하면서 타임리프나 JSP를 사용했었는데, 대세(?)에 따라 프론트앤드에서 리액트와 뷰를 사용하고 싶었습니다. 보통 리액트와 뷰를 사용하면 서버를 Node JS를 사용하는데, 저는 자바밖에 배운게 없어서 백앤드를 스프링부트로 진행할 수 밖에 없었습니다. "Node JS를 배우면 되지 않느냐!" 라고 하겠지만, 그러기에는 프로젝트를 진행할 시간이 부족하기에 과감히(?) 포기하기로 했습니다.
프론트앤드를 리액트, 백앤드를 자바로 사용하기로 결정하고 나서 이를 어떻게 구현해야 할지 구글링을 엄청 해보았습니다. 여러 방법이 있었지만 리액트를 리액트답게, 또한 스프링부트를 스프링부트답게 사용할 수 있는 방법이 많이 없었습니다. 그러다 어떻게 해서 알게 된 방법이 맘에 들었고, 혹시 이를 찾고자 하는 분들이 계시다면 고생하지 않고 편하게 작업하실 수 있게 하고 싶었습니다. 무튼 배경은 이렇습니다.
Back-end : SpringBoot (MyBatis)
Front-end : React JS
Database : MySQL
#2 - 리액트 프로젝트 생성 및 기본개념 설명 (2/10)
#3 - User List Component 생성 및 Delete 구현 (3/10)
#4 - Add/Edit User Component 생성 (4/10)
#5 - Routing Component 생성 및 파일 정리 (5/10)
#7 - 리액트 앱에 Material UI 적용하기 (7/10)
#9 - MySQL에서 Database와 Table 생성하기 (9/10)
#10 - VO, Controller, Config, Mapper 작성 (10/10)
'[ Programming ] Project > React JS CRUD with Spring Boot' 카테고리의 다른 글
| [리액트, 스프링부트 연동하여 CRUD 구현] #6 - Axios로 Service 생성 (6/10) (2) | 2020.01.19 |
|---|---|
| [리액트, 스프링부트 연동하여 CRUD 구현] #5 - Routing Component 생성 및 파일 정리 (5/10) (1) | 2020.01.18 |
| [리액트, 스프링부트 연동하여 CRUD 구현] #4 - Add/Edit User Component 생성 (4/10) (2) | 2020.01.17 |
| [리액트, 스프링부트 연동하여 CRUD 구현] #3 - User List Component 생성 및 Delete 구현 (3/10) (1) | 2020.01.16 |
| [리액트, 스프링부트 연동하여 CRUD 구현] #2 - 리액트 프로젝트 생성 및 기본개념 설명 (2/10) (2) | 2020.01.15 |
댓글