20210820 - 포트폴리오 메인 페이지 작성 - 리스트 List, Alert 템플릿

1. 홍보 안내 문구에 Alert 템플릿 활용

Identification - Title : WhoIam

Type : Static Content

Source - Text : <div style="font-family: 'Nanum Myeongjo'; font-weight: 800; font-size: calc(14px + 1.5vw); text-align: left; color: #EBE9E5;">JK인클라우드는요,</div>

Appearance - Template : Standard

Template Options : Use Template Defaults, Hidden, Text Content, Scroll - Hide

Identification - Title : WhoIam1, 2, 3, 4

Type : Static Content

Source - Text : <div style="font-family: 'Nanum Gothic Coding'; font-weight: 400; font-size: calc(12px + 0.7vw); text-align: left;">클라우드 LowCode 플랫폼 활용 개발 전문가입니다.</div>

Appearance - Template : Alert

Template Options : Use Template Defaults, Horizontal, Show custom Icons, Success, Hidden

Icon : fa-user-check

2. 현황에 리스트 List 템플릿 활용

Identification - Title : JK인클라우드 현황

Type : List

Source - List : Dashboard-List >> 아래에 List 만드는 과정 설명

Appearance - Template : Standard

Template Options : Use Template Defaults, Remove Borders, Scroll - Hide

Attributes

Appearance - List Template : Badge List

Template Options : Use Template Defaults, Apply theme Colors, Circular, 3 Column Grid, 96px

Shared Components - Lists - List Details : Dashboard-List

select null as lvl, -- This Column is mandatory it seems

       '경계에 서다, 독립' as label, -- Its a label Column

       'javascript:void(0);' as target, -- Link when the Badge is clicked

       null as attribute1,

       null as attribute2,

       null as attribute3,

       null as attribute4,

       trunc(sysdate-(to_date('20210801', 'YYYYMMDD'))+1)||'일차' as attribute5, -- Value Column inside the Badge

       'custom-list-class' as attribute6,

       'custom-a-tag-attr' as attribute7

from dual

union all

select null as lvl, -- This Column is mandatory it seems

       '프로젝트 진행중' as label, -- Its a label Column

       'javascript:void(0);' as target, -- Link when the Badge is clicked

       null as attribute1,

       null as attribute2,

       null as attribute3,

       null as attribute4,

       '1 건' as attribute5, -- Value Column inside the Badge

       'custom-list-class' as attribute6,

       'custom-a-tag-attr' as attribute7

from dual

union all

select null as lvl, -- This Column is mandatory it seems

       '프로젝트 완료 목표(하반기)' as label, -- Its a label Column

       'javascript:void(0);' as target, -- Link when the Badge is clicked

       null as attribute1,

       null as attribute2,

       null as attribute3,

       null as attribute4,

       '10 건' as attribute5, -- Value Column inside the Badge

       'custom-list-class' as attribute6,

       'custom-a-tag-attr' as attribute7

from dual