feat: A, B View Type 구현

[yejun614]

배경 소개

Server Driven UI 구현

기능 설명

AViewType, BViewType을 구현합니다.

요구사항

• BViewType 및 속성들 구현
  • content, title, iconUrl
• AViewType 및 속성들 구현
  • BViewType을 활용하여 구현

관련 자료

UI를 그리기 위한 Server측 Response 예시

{
  "responseData": {
    "screenName": "Home",
    "contents": [
      {
        "viewType": "BViewType",
        "content": {
          "title": "This is B ViewType"
        }
      },
      {
        "viewType": "AViewType",
        "content": {
          "title": "This is A ViewType",
          "iconUrl": "https://avatars.githubusercontent.com/u/103282546?s=200&v=4"
        }
      },
      {
        "viewType": "RichViewType",
        "content": {
          "title": "This is RichText ViewType",
          "richText": [
            {
              "text": {
                "text": "이것은",
                "fontSize": 14
              }
            },
            {
              "text": {
                "text": "새로운",
                "fontSize": 16
              }
            },
            {
              "text": {
                "text": "Rich Text",
                "background": "yellow",
                "fontSize": 24
              }
            },
            {
              "text": {
                "text": "ViewType",
                "textColor": "red",
                "fontSize": 30
              }
            },
            {
              "text": {
                "text": "어떻게 구현할수 있을까요?",
                "textStyle": [
                  "underline"
                ],
                "textSize": 24
              }
            },
            {
              "image": {
                "url": "https://img.icons8.com/?size=512&id=63684&format=png",
                "width": 24,
                "height": 24
              }
            }
          ]
        }
      }
    ]
  }
}