nforge/hive — pull request #257 by HackerWins (2013-06-16 14:44:28+00:00)
Title: *.scala.html 리펙터링: 클라이언트 사이드 템플릿

## *.scala.html 리펙터링

처음에는 UI/UX를 개선하려다가 먼저 *.scala.html 코드를 정리하는 것이 좋을 것 같아 리펙터링쪽으로 방향을 잡아봤습니다.

### 현재 마크업(*.scala.html)
* 마크업과 scala 코드가 함께 있어 가독성이 떨어짐
* 주로 서버사이드에서 마크업 템플릿을 처리해서 일부 기능은 느리거나 페이지가 깜빡거림

### 클라이언트 사이드 템플릿
* 간단한 기능을 클라이언트에서 처리해서 반응속도 및 UX 개선
* 마크업에 HTML만 있으므로 가독성을 높은편

### 작업 상세
* 대상 페이지: MyProjectList.scala.html
* 내용: *.scala.html에서 scala코드 제거
* 메인화면 우측 하단 프로젝트 목록 정렬시 페이지 깜빡거림 제거
* 프레임워크: angularjs

### 작업 순서
* include angularjs
* convert POJO to JSON(View Model) with Jackson
* bind JSON(View Model) to Markup
* attach eventHandler

### 이후 작업
* End to End Test, Unit Test 추가
* http://docs.angularjs.org/guide/dev_guide.e2e-testing
* http://sravi-kiran.blogspot.kr/2013/04/UnitTestingAngularJsControllerUsingJasmine.html

### 다른 아이디어.
* github, bitbucket oAuth 연동 및 저장소, ssh-key import 기능