본문 바로가기

React20

[리액트, 스프링부트 연동하여 CRUD 구현] #2 - 리액트 프로젝트 생성 및 기본개념 설명 (2/10) 리액트, 스프링부트 연동하여 CRUD 구현하기#2 리액트 프로젝트 생성 및 기본개념 설명 들어가기 앞서, 저의 구축 환경은 이렇습니다. OS - macOS Catalina (버전 10.15.2)React JS - Visual Studio Code (npm 6.9.0)Spring Boot - Spring Tool Suite 4 (4.4.1. RELEASE)Database - MySQL (Ver 8.0.18) 리액트 환경 구성 리액트 프로젝트를 생성하고 실행하려면 CLI(Command Line Interface, 명령줄 인터페이스)로 진행해야 합니다. CLI는 간단히 말해서 윈도우의 명령프롬포트(커맨드), 리눅스의 터미널이라 생각하시면 됩니다. 먼저 진행하기 위해선 npm을 설치해야 합니다. 저의 npm 버.. 2020. 1. 15.
[리액트, 스프링부트 연동하여 CRUD 구현] #1 - 구상 (1/10) 리액트, 스프링부트 연동하여 CURD 구현하기#1 구상 이 튜토리얼에서 리액트(React Js)와 스프링부트(Spring-boot)를 연동하여 간단한 CRUD를 구현하고자 합니다. 스프링부트를 사용하면서 타임리프나 JSP를 사용했었는데, 대세(?)에 따라 프론트앤드에서 리액트와 뷰를 사용하고 싶었습니다. 보통 리액트와 뷰를 사용하면 서버를 Node JS를 사용하는데, 저는 자바밖에 배운게 없어서 백앤드를 스프링부트로 진행할 수 밖에 없었습니다. "Node JS를 배우면 되지 않느냐!" 라고 하겠지만, 그러기에는 프로젝트를 진행할 시간이 부족하기에 과감히(?) 포기하기로 했습니다. 프론트앤드를 리액트, 백앤드를 자바로 사용하기로 결정하고 나서 이를 어떻게 구현해야 할지 구글링을 엄청 해보았습니다. 여러 방.. 2020. 1. 14.