https://latest--6168794438f17a003a2f124a.chromatic.com/?path=/story/introduction--introduction
Webpack App
latest--6168794438f17a003a2f124a.chromatic.com
Office Addin에서 기본적 메뉴는 엑셀이나 아웃룩 상단의 메뉴바도 있지만,
첫 실행이나 버튼을 클릭하면 조금 더 넓은 메뉴와 다양한 조건을 선택가능한 Sidebar Menu를 활용할 수 있습니다.
이는 화면의 오른쪽에 팝업창 형태로 생성이 됩니다.
일종의 웹페이지를 MS365 App내에서 보여주는 형태입니다. Web page처럼 Html + Javascript로 구현할 수 있지만 MS에서 제공하는 대부분의 샘플을 보더라도 ReactJS로 구현하고 이 것이 또한 관리나 UI측면에서도 강점이 많습니다.
MS에서 사용하는 많은 앱과 화면에서 React Library를 활용하는데, 이 중에서도 MS앱은 MS에서 만들어서 관리하는 FluentUI를 사용하고 있습니다. 무료로 제공하고 이를 활용하면 윈도우 MS365앱과 비슷한 느낌을 낼 수 있어서 좋지요.
다양한 콤포넌트가 제공되고 있어서 하나하나 알아가기 힘들기 때문에 이를 한번에 확인하고, 사용가능한 코드까지 바로 확인이 되는 위 사이트를 활용하면 편리합니다.
웹페이지만 만들다보면 더 화려하거나 유명한 라이브러리들이 많습니다. 그러나 MS앱과의 디자인적인 통일성과 라이브러리 호환성을 고려하면 Fluent UI를 한번 살펴보는 것도 추천드립니다.
_