scalajs 로 web UI 개발

개발 정보

• 데모 페이지: https://wefree-scalajs.fly.dev/
• 소스 코드: https://github.com/windbird123/play-web

개발 방향

• javascripts 를 사용하지 않는다. (scalajs 를 사용한다.)
• laminar 에서 bootstrap component 를 활용해 본다.
• 아래 javascripts library 를 scalajs facade 로 만들어 데모를  구현한다.
  • plotly.js
  • sortable.js
• SPA(single page application) 에서는 routing 구현도 복잡한데, frontroute 를 활용해 본다.
  • SPA routing 에 관한 개인 정리글

Tech Stack

https://github.com/vmunier/play-scalajs.g8 템플릿을 사용함

Backend

• require jdk-17
• playframework

Frontend

• laminar
• frontroute
• bootstrap

fly.io 배포

• fly.io 에 배포 정리: https://wefree.tistory.com/316 에서 배포 참고
• medium doc 참고

후기

장점

•  javascripts 로 할 수 있는 것을 모두 할 수 있다? (chrome extension 개발도 가능)
• web 개발도 scala 스타일로 typesafe 하게 멋지게 코딩하고 있다는 느낌? 
• functional reactive stream 이 먼지 조금은 알 것 같은?

단점

• 배우기 어려운 편이고 복잡하다. 
• community 가 작고 만들어져 있는게(web components 등) 별로 없다. 한땀 한땀 만들어 가야 한다.