mhtml - Seq[A] 를 화면에 보여주기

monadic html 가이드 를 보면 scala.xml.Group 을 이용해 Seq[Node] 를 mount 할 수 있다고 하는데, 아래와 같이 코딩하는 것도 잘 동작했다. fomantic-ui List 를 활용했다.

 

코드

 def showList(main: Seq[String], sub: Seq[String]): Elem =
    <div class="ui bulleted list">
        <div class="item">
            <div>Main</div>
            <div class="list">
                {main.map(x => <div class="item">{x}</div>)}
            </div>
        </div>
        <div class="item">
            <div>Sub</div>
            <div class="list">
                {sub.map(x => <div class="item">{x}</div>)}
            </div>
        </div>
    </div>

 

출력 결과 예시

• Main
  • People
  • News
• Sub
  • Banner