프로젝트 브랜딩 및 앱 프로젝트
Panel 앱은 프로젝트에 속합니다. 프로젝트는 앱에 두 가지 역할을 합니다. 앱이 기본적으로 테이블을 읽는 위치이며, 앱에 적용되는 색상과 로고를 보관합니다. 브랜딩을 한 번 설정하면 프로젝트의 모든 앱이 이를 가져옵니다.
프로젝트 브랜딩하기
섹션 제목: “프로젝트 브랜딩하기”- 프로젝트를 열고 홈 탭으로 이동합니다.
- Panel App Branding 그룹에서 Edit Branding을 클릭합니다.
- 원하는 색상을 설정합니다. 색상 견본을 클릭하여 색상을 선택하거나
#0078d4와 같은 16진수 값을 입력합니다. - 필요하면 로고를 선택합니다.
- 미리 보기를 확인한 다음 저장을 클릭합니다.
관리자와 아키텍트만 브랜딩을 저장할 수 있습니다. 다른 프로젝트 멤버에게는 양식이 읽기 전용으로 표시됩니다.
Reset to default는 모든 색상과 로고를 지웁니다. 저장하면 브랜드 전체가 교체되므로 비워 둔 색상은 PlaidCloud 기본값으로 돌아갑니다.
| 설정 | 색상이 적용되는 곳 |
|---|---|
| Brand | 버튼, 활성 탭, 슬라이더 핸들 및 기타 기본 컨트롤. |
| Brand accent | 보조 강조 요소. |
| Brand hover | 포인터가 위에 있을 때의 기본 컨트롤. |
| Brand pressed | 눌렸을 때의 기본 컨트롤. |
| Header background | 앱 헤더 막대. |
| Header text | 헤더의 제목과 사용자 이름. |
| 링크 | 링크. |
| Text on brand | 브랜드 색상 컨트롤 위에 놓이는 텍스트. |
이 여덟 가지가 유일한 설정입니다. 색상은 3자리 또는 6자리 16진수 값이어야 합니다. 표면, 본문 텍스트 및 테두리는 라이트 모드와 다크 모드에서 PlaidCloud의 모양을 유지하므로 브랜드로 인해 앱을 읽을 수 없게 되는 일은 없습니다.
로고는 프로젝트 워크스페이스의 문서 계정에 있는 이미지입니다.
- 문서 계정 최상위의
branding이라는 폴더에 이미지를 업로드합니다. - Edit Branding에서 문서 계정을 선택한 다음 Image in the branding/ folder에서 이미지를 선택합니다.
로고는 최대 512KB의 PNG, JPEG, GIF, WebP 또는 SVG 파일일 수 있습니다. 앱 헤더의 오른쪽에 표시됩니다. 이미지는 branding/ 바로 아래 또는 그 안의 폴더에 있어야 하며, 브랜딩을 저장하는 사람은 모두 해당 계정을 읽을 수 있어야 합니다.
변경 사항이 나타나는 시점
섹션 제목: “변경 사항이 나타나는 시점”앱은 보는 사람의 세션이 시작될 때 브랜딩을 읽습니다. 저장한 변경 사항은 다음에 누군가 앱을 열거나 다시 로드할 때 나타납니다.
앱을 프로젝트에 할당하기
섹션 제목: “앱을 프로젝트에 할당하기”게시할 때
섹션 제목: “게시할 때”서버 Panel 앱 게시 대화 상자의 디렉터리 설정 아래에 프로젝트 선택기가 있습니다. 앱을 소유할 프로젝트를 선택하십시오. 프로젝트에 게시하려면 해당 프로젝트에 대한 액세스 권한이 필요합니다. 앱을 게시하면 프로젝트가 고정되며, 앱을 옮기려면 아래 설명대로 할당을 사용하십시오.
프로젝트와 함께 게시된 앱은 기본적으로 해당 프로젝트의 테이블을 읽으므로 table("sales")에 프로젝트 인수가 필요하지 않습니다.
기존 앱의 경우
섹션 제목: “기존 앱의 경우”- 내 Panel 앱을 엽니다.
- 옮기려는 앱의 행에서 할당 아이콘을 클릭합니다.
- 프로젝트를 선택하고 검토를 클릭합니다.
- 결과를 읽습니다. 현재 앱을 열 수 있지만 프로젝트의 멤버가 아닌 워크스페이스 멤버가 나열됩니다.
- 할당을 클릭합니다.
검토는 아무것도 변경하지 않습니다. 내 Panel 앱의 프로젝트 열에는 각 앱의 프로젝트가 표시됩니다.
액세스
섹션 제목: “액세스”앱을 열 수 있는 사람은 현재 프로젝트의 영향을 받지 않습니다. 이전에 앱을 열 수 있었던 보는 사람은 계속 열 수 있습니다. 앞으로는 앱에 대한 액세스가 프로젝트의 멤버십을 따르게 되며, 이 때문에 검토에 프로젝트에 속하지 않은 멤버가 나열되므로 먼저 추가할 수 있습니다.
다음 단계
섹션 제목: “다음 단계”- Panel 앱 키트 — 브랜딩을 사용하는 구성 요소.
- Panel 앱 만들기 — 프로젝트에 앱을 게시합니다.