시작하기/콘솔 홈과 화면 구성
콘솔 홈과 화면 구성
콘솔 홈
왼쪽 위 YWS 로고를 누르거나 로그인하면 오는 첫 화면(/)입니다. 맨 위 스위치 **[YWS 대시보드 | 서비스]**로 이 화면 대신 서비스 목록을 메인으로 고를 수 있습니다(고른 쪽을 기억, 기본은 대시보드). 앱 전용 계정은 항상 서비스 목록이 메인입니다. AWS 콘솔 홈처럼 맨 위에 서비스 바로가기가 있고, 그 아래에 대시보드 카드들이 있습니다.
| 카드 | 내용 |
|---|---|
| 사용 중인 리소스 | EC2 개수(가동/정지), 가동 중인 EC2 기준 할당 vCPU·메모리, 저장소 용량, Lambda·네트워크·도메인·키 개수 |
| 가동 중인 EC2 | 실제 파드 상태를 확인해서 표시 (공유받은 EC2 포함, "공유받음" 표시) |
| 네트워크 | 네트워크(리소스/연결 수)와 로드밸런서(멤버 수) |
| 저장소 | 용량과 연결된 EC2 |
| Lambda | 런타임, cron, 최근 호출, warm/idle |
| 도메인 | 서브도메인과 연결된 EC2:포트 |
| Pages | 내 정적 사이트 주소와 공개 범위 |
| 메일 | 내 메일 주소, 안 읽은 메일 수, 최근 메일 5통 |
대시보드 카드 추가 방법
카드는 app/home_widgets.py의 위젯 레지스트리에 등록된 순서대로 그려집니다. 새 기능을 카드로 추가하려면 두 가지만 만들면 됩니다.
home_widgets.py에@widget("키", "제목", link="/dashboard/...")로더 함수 하나 (화면에 넘길 데이터를 dict로 반환)templates/home/widgets/<키>.html템플릿 조각 하나 (data로 위 dict를 받음)
카드 하나의 로더가 실패하면(예: 클러스터 응답 지연) 그 카드만 "정보를 불러오지 못했습니다"로 표시되고, 나머지 카드는 정상적으로 나옵니다.
상단바
- 리소스 탭: EC2, 네트워크, Lambda, 저장소, 키, 도메인, Pages, 메일 (관리자 "메뉴 관리"에서 순서/표시 조절)
- 연동 ▾: 내 노드, OAuth 앱, API 토큰 — 리소스를 만드는 게 아니라 내 것(내 컴퓨터, 내 앱, 스크립트)을 플랫폼에 연결하는 기능
- 관리자 ▾: 관리자에게만 보임
- 오른쪽 아이콘: 문서(이 사이트), 튜토리얼, 다크모드 — 모든 페이지에서 항상 같은 자리
- 튜토리얼은 해당 페이지용 안내가 있으면 그걸, 없으면 EC2 페이지로 이동해서 첫 튜토리얼을 시작
- 화면 폭 960px 이하에서는 햄버거 메뉴(☰)로 바뀌고, 모든 메뉴가 그 안에 들어갑니다
EC2 목록의 접속 / 작업 메뉴
EC2 행마다 버튼이 두 개뿐입니다.
- 접속 ▾: 브라우저 터미널, VS Code(브라우저), SSH 접속 정보 — 실행 중일 때만 활성화
- "SSH 접속 정보"는 집 안에서 쓰는 명령과 집 밖에서 경유지를 거치는 한 줄 명령을 복사 버튼과 함께 보여줌
- 작업 ▾: 시작/정지, 사양 변경, 공유 관리, 로그, 시작/정지 기록, 삭제
메뉴는 화면 기준 고정 위치로 떠서 표가 가로 스크롤되는 좁은 화면에서도 잘리지 않고, 휴대폰에서는 표가 EC2마다 카드 한 장으로 바뀝니다.