web37-cloud-canvas

KO | EN

gitlite — search

#react #ai #typescript #llm #go #android #nodejs #java #cli #kubernetes #pytorch #ios #openai #open-source

web37-cloud-canvas

(★ 24)

GUI와 Terraform으로 만드는 클라우드 아키텍처

web37-cloud-canvas Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h2 align="center">🎨 Cloud Canvas 🎨</h2>
<h3 align="middle">쉽고 빠르게, 누구나 클라우드를 설계하는 즐거운 경험을!</h3>

## Cloud Canvas ✨

Cloud Canvas는 클라우드 인프라를 **그래픽 인터페이스**로 손쉽게 설계하고, 이를 **Terraform 코드**로 자동 변환할 수 있는 혁신적인 도구입니다. 국내 클라우드 플랫폼을 지원하며, 사용자가 **직관적으로** 인프라를 설계하고 **빠르게 배포**할 수 있도록 돕습니다.

## 🌟 **주요 기능**

-   **🎨 직관적인 UI/UX**  
    클릭 몇 번으로 누구나 쉽게 클라우드 인프라 설계!

-   **💻 Terraform 코드 변환**  
    설계한 인프라를 자동으로 Terraform 코드로 변환하여 다운로드 가능!

-   **🤝 협업 및 재활용**  
    **인프라 허브**를 통해 다른 사용자들과 설계도를 공유하고 수정하며 효율적으로 협업!

## GUI를 통한 인프라 배치

### 리소스 배치

https://github.com/user-attachments/assets/e901a5de-1d5f-4388-bd65-3ef989e2a857

### 리소스 속성 설정

https://github.com/user-attachments/assets/c4b8ec74-5e9f-489a-923b-d6dc952d4633

### 노드 삭제 및 엣지 연결

https://github.com/user-attachments/assets/382d3865-0152-4eb8-b66f-af08742b8164

### 2D / 3D, 라이트 / 다크모드 지원

https://github.com/user-attachments/assets/b0e81cfd-f1d8-4a9d-be33-3ebf2b6643a7

## 허브

### 공유하기

https://github.com/user-attachments/assets/d039e4a8-9a19-453e-acee-969221ce8834

### 불러오기

https://github.com/user-attachments/assets/ef312ff8-df45-4f4a-a5cb-0e54e41d20fc

## 테라폼 코드 변환

https://github.com/user-attachments/assets/a4dd50a2-f058-4055-b4c5-fac06b352b55

## 🚀 기술 스택

### 💻 Common

### 🖥️ Frontend

### 🔧 Backend

### 🌐 Infrastructure

### 🔍 DevOps & Monitoring

### 💬 Communication Tools

</div>

---

## **아키텍처** 🌐

### **테라폼 모듈을 활용한 인프라 배포**

![image](https://github.com/user-attachments/assets/ee335fdb-b671-49d8-a376-bc1f98305f2a)

### **테라폼 워크플로우 중앙화**

![image](https://github.com/user-attachments/assets/e8bd555e-ae84-4989-a520-800a61b3da54)

### **인프라 설계**

![image](https://github.com/user-attachments/assets/b18b1048-5fe8-43ee-a33f-8fbe2b38e873)

### **애플리케이션 설계**

![image](https://github.com/user-attachments/assets/04145d8b-61b0-401a-8943-7494a0f9aed5)

### **Cloud Canvas로 설계한 인프라**

![image (2)](https://github.com/user-attachments/assets/43b5a7d6-e159-4801-a535-fbc8b9e1712c)

![image (3)](https://github.com/user-attachments/assets/92246da9-6d78-4e09-b8fd-4060576dd97c)

## 우리의 Next! 로드맵

### 🌐 **멀티 클라우드 전략**<br>

AWS, Azure 등 다양한 클라우드 리소스 원활한 지원
    클라우드 공급자 간 seamless 인프라 관리

### 🚀 원클릭 인프라 배포<br>

테라폼 코드 자동 변환 및 즉시 서비스 배포 기능
    인프라 프로비저닝 프로세스 획기적 간소화

### 👥 협업 인프라 디자인<br>

실시간 팀 단위 인프라 공동 설계 환경
    대시보드 기반 협업 및 버전 관리

### 🩺 통합 헬스케어 모니터링<br>

클라우드 환경 실시간 상태 모니터링
    자동 장애 감지 및 알림 시스템

### 🎨 유연한 커스터마이징<br>

고도화된 인프라 캔버스 플랫폼
    사용자 맞춤형 인프라 설계 지원

## 🌈 **함께하세요!**

> **Cloud Canvas로 클라우드 설계의 새로운 가능성을 경험해보세요!**  
> 프로젝트의 진행 상황과 더 많은 정보를 원하신다면 [GitHub Wiki](https://github.com/boostcampwm-2024/web37-cloud-canvas/wiki)에서 확인하세요. 😊

## **팀 소개** 👩‍💻

> 다양한 배경과 경험을 가진 네 명의 팀원이 Cloud Canvas를 만들고 있습니다.

|                         **김범준**                         |                        **고동민**                         |                        **최재영**                         |                        **서건혁**                         |
| :--------------------------------------------------------: | :-------------------------------------------------------: | :-------------------------------------------------------: | :-------------------------------------------------------: |
|                           **FE**                           |                          **BE**                           |                          **BE**                           |                          **BE**                           |
|             [p1n9](https://github.com/p1n9d3v)             |           [Gdm0714](https://github.com/Gdm0714)           |           [paulcjy](https://github.com/paulcjy)           |       [SeoGeonhyuk](https://github.com/SeoGeonhyuk)       |
| ![](https://avatars.githubusercontent.com/u/152015839?v=4) | ![](https://avatars.githubusercontent.com/u/50660440?v=4) | ![](https://avatars.githubusercontent.com/u/86853786?v=4) | ![](https://avatars.githubusercontent.com/u/60954160?v=4) |
|                            커피                            |                            빵                             |                           고기                            |                           국수                            |

---

web37-cloud-canvas

web37-cloud-canvas Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

web37-cloud-canvas

web37-cloud-canvas Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README