# Framework 아키텍처

개발 프레임워크는 MSA 구조를 위해 UI 서비스와 비즈니스 로직을 담당하는 API 서비스 어플리케이션을 분리 합니다.​

UI 서비스 구조는 Spring Boot 기반으로 Next.js를 포함한 View 레이어로 구성 합니다.​

비즈니스 API 서버와 Restful 통신을 위한 Async, non-Blocking 을 지원하는 Web Client를 중심으로 구성 합니다.​

***

### 아키텍처 <a href="#undefined" id="undefined"></a>

#### Front / BackOffice 모듈별 구성도 <a href="#front-backoffice" id="front-backoffice"></a>

<figure><img src="https://tech.x2bee.com/download/attachments/3408404/Untitled%20Diagram.drawio.png" alt=""><figcaption></figcaption></figure>

#### Front / Backend Layer 별 모듈 구성도 <a href="#front-backend-layer" id="front-backend-layer"></a>

<figure><img src="https://tech.x2bee.com/download/attachments/3408404/framework%20%EC%95%84%ED%82%A4%ED%85%8D%EC%B2%98%202024%20%EB%A0%88%EC%9D%B4%EC%96%B4%EB%B3%84%20%EB%AA%A8%EB%93%88%20%EA%B5%AC%EC%84%B1%EB%8F%84.drawio.png" alt=""><figcaption></figcaption></figure>

&#x20;

&#x20;

<br>