Spring Boot & React
Spring Boot와 React를 활용하여 백엔드와 프론트엔드를 각각 구현하고, 이를 연동하여 하나의 완성된 웹 애플리케이션을 개발하는 풀스택 웹 개발 실습 과정입니다.
수강생은 Spring Boot 기반의 REST API 구현부터 JPA를 활용한 데이터베이스 연동과 CRUD 기능, DTO·Service 계층을 활용한 백엔드 구조화를 학습합니다. 이후 React의 컴포넌트, JSX, State, 주요 Hooks와 라우팅을 활용하여 프론트엔드를 구현하고, REST API를 통해 프론트엔드와 백엔드를 연동하는 전체 웹 서비스 개발 흐름을 실습합니다. 마지막으로 개발한 애플리케이션을 컨테이너화하고 배포하는 과정을 통해 설계 → 백엔드 → 데이터베이스 → 프론트엔드 → 연동 → 배포로 이어지는 풀스택 개발 전 과정을 경험합니다.
강의 시간
2일 과정 / 총 16시간
강의 계획서
| 차시 | 주제 | 내용 |
|---|---|---|
| 1 | 웹 개발 환경 구축 | – 필수 소프트웨어 설치 및 IDE 설정 – Spring Boot 및 React 프로젝트 생성 – 풀스택 웹 애플리케이션 구조 이해 |
| 2 | Spring Boot REST API | – Spring Boot 주요 어노테이션 이해 – REST API 구조 이해 – GET, POST API 구현 및 테스트 |
| 3 | 데이터베이스 연동 및 CRUD | – JPA를 활용한 데이터베이스 연동 – Entity 및 Repository 구성 – CRUD 기능 구현 |
| 4 | Spring Boot 백엔드 심화 | – DTO를 활용한 데이터 전달 – Service Layer 구성 – 예외 및 에러 처리 |
| 5 | React 프론트엔드 | – 컴포넌트 기반 구조와 JSX – Props와 State – useState, useEffect 등 주요 Hooks 활용 |
| 6 | UI 컴포넌트 및 라우팅 | – 기능별 UI 컴포넌트 구현 – 페이지 구성 및 라우팅 – 사용자 인터페이스 구성 |
| 7 | 프론트엔드·백엔드 연동 | – React와 Spring Boot API 연동 – HTTP 요청 및 응답 처리 – API 데이터 기반 화면 렌더링 |
| 8 | 풀스택 프로젝트 및 배포 | – 프론트엔드·백엔드 통합 애플리케이션 완성 – 애플리케이션 컨테이너화 – 웹 애플리케이션 배포 |