목록Spring/Springboot + React (3)

Salesforce 실전 개발 노트

CRUD 게시판 만들기 3 : 게시판 구조와 백엔드 생성

프로젝트 구조 지금 부터 구현할 게시판의 구조는 대략 위의 캡쳐와 같다. ※ 데이터 통신이 일어나는 순서 'Web Browser'에서 React 어플리케이션의 URL로 접속 'Web Browser'에서 요청한 URL에 따라 'React-Router'에서 해당 URL에 해당하는 페이지의 내용을 렌더링하는 최상위 'Component'를 불러온다. 'Component'가 렌더링 될때 'Service'에 미리 정의해둔 함수를 사용해서 데이터를 가져온다. 'Service'에서는 axios 패키지의 기능을 사용해서 'Spring boot API'와 http 통신을 주고 받는다. React쪽의 'Service'에서 요청한 http request를 'Rest Controller'에서 수신한다. 'Rest Control..
Spring/Springboot + React 2021. 9. 12. 21:25
CRUD 게시판 만들기 2 : 프로젝트 생성 및 개발 환경설정(2)

개발환경 IDE : IntelliJ IDEA OS : Windows10 SpringBoot 2.5.4 Java11 Gradle MySQL ※ DB 테이블 생성 MySQL GUI 툴인 Heidisql 소프트웨어를 사용하여 테이블을 생성하였다. 1. Springboot Project 생성 https://start.spring.io/ 에서 쉽게 시작할 수 있다. GENERATE을 클릭하여 압축파일을 푼다. 2. IntelliJ 연결하기 Open Project로 폴더를 열고, File -> Settings 들어가 Gradle을 검색한다. 빌드, 런과 테스트를 Intellij로 설정주고 JVM을 java 버전을 선택을 해준다. ※ Gradle로 의존성 설정 board-back프로젝트의 의존성 관리는 build.g..
Spring/Springboot + React 2021. 9. 11. 17:30
CRUD 게시판 만들기 1 : 프로젝트 생성 및 개발 환경설정(1)

목표 두 개의 프로젝트를 통해서 웹 서비스를 개발할 것 입니다. sprint boot-backend(서버) – REST API 개발 react-frontend(클라이언트) – REST API 사용 사용된 도구 및 기술 프로젝트 개발 환경은 다음과 같습니다. OS : Windows10 front-end : VScode back-end : IntelliJ IDEA 사용된 클라이언트 측 도구 및 기술 React JavaScript NodeJS and NPM Create React App CLI Bootstrap 4.5 and Axios HTTP Library 사용된 서버 측 도구 및 기술 SpringBoot 2.5.4 SpringData JPA ( Hibernate) Gradle Java11 Tomcat My..
Spring/Springboot + React 2021. 9. 11. 11:30
이전 Prev 1 Next 다음