본문 바로가기
프론트기술/Angular

Spring Boot + Angular 프로젝트들

by RevFactory 2021. 2. 21.

Spring Boot 와 Angular 의 조합은 제가 선호하는 프레임워크 스택입니다.

간단한 프로젝트부터 대규모 프로젝트까지 협업하기에도 좋은 선택지라고 생각합니다.

 

GitHub에 공개된 프로젝트가 몇가지 있어서 소개해볼까 합니다.

 

1. Task CRUD

GitHub : github.com/revfactory/spring-boot-angular-example

작년에 제가 공개한 프로젝트로 간단하게 CRUD를 작성한 프로젝트입니다. 블로그 포스팅을 위해 프로젝트를 업데이트 했습니다.

Spring Boot 와 Angular 는 같은 저장소를 사용했으며, 포트로 분리하여 실행하거나, Angular 빌드도 가능합니다. 자세한건 Readme를 참조하세요. Spring 은 H2Database가 설정되어 있으며, SSE 기능도 추가하였습니다.

최신 버전인 Spring Boot 2.4.3 Angular 11을 적용 하였으며, Tailwind CSS를 도입했습니다.

 

2. Spring Boot Angular Template

GitHub : github.com/mrrobworks/spring-boot-angular-template

Spring Boot 2.1과 Angular 8 기반의 OAuth2 샘플 예제 입니다.

도커 기반의 개발 환경을 필요로 하므로 Readme 를 참고하여 환경을 셋팅 해주어야 합니다.

 

 

3. Pet Clinic 프로젝트

GitHub

- Spring Petclinic Rest : github.com/spring-petclinic/spring-petclinic-rest

- Spring Petclinic Angular : github.com/spring-petclinic/spring-petclinic-angular

Pet Clinic 은 튜토리얼로 많이 알려져 있죠. Spring Boot와 Angular 로 구성된 예제 입니다.

자세한 내용은 아래 블로그에 소개되어 있습니다.

www.sourcecodeexamples.net/2020/10/spring-boot-angular-petclinic-project.html

 

4. Pet Clinic 프로젝트 - Spring Cloud Microservice Version

GitHub

- RestDistributed version of the Spring PetClinic Sample : github.com/spring-petclinic/spring-petclinic-microservices

- spring-petclinic-microservices-config : github.com/spring-petclinic/spring-petclinic-microservices-config

- Spring Petclinic Angular : github.com/spring-petclinic/spring-petclinic-angular

위의 Pet Clinic 프로젝트를 Microsoft 버전으로 재구성 했습니다. 안타깝게도 Microservice 버전은 Angular 1.x 인 Angular JS 가 사용되었습니다. 

 

 

5. 직원 관리 프로젝트 샘플

GitHub

- github.com/RameshMF/Angular8-SpringBoot-CRUD-Tutorial

 

간단한 직원관리 프로젝트 샘플입니다. Angular 8로 작성되었으며, 직원 생성, 수정, 조회, 삭제 등 CRUD 기능을 제공합니다. 자세한 튜토리얼은 아래 글을 참고하면 됩니다.

www.javaguides.net/2019/06/spring-boot-angular-7-crud-example-tutorial.html

 

 

 

 

즐거운 Angular 코딩 하시길 바랍니다. ^^