![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/coDPJ4/btrToDp0J1U/GLfgXjNMXMajkvZCsKo6S1/img.jpg)
Mustache를 이용하여 화면을 그리던 중 날짜를 표시할 일이 있어서 {{anonymousPost.createdAt}}로 날짜를 표현했습니다. 날짜 기본 포맷으로 화면에 나타나기 때문에 보기 이쁘지도 않고 누가 봐도 이상한 형식으로 나오는 것을 확인할 수 있습니다. "2022-11-27T11:42:54Z" ... 이쁜 것 외에도 화면을 그리다 보면 데이터 포맷을 임의로 설정해야 할 때가 있는데요. 그 때 이용하면 되는 설정입니다. 코드를 자세히 까보지 않아서 정확한 설명은 불가한데요. 대략적으로 스프링 부트를 실행시켜서 서버를 띄울 때, Mustache 설정을 가져옵니다. 이 때 Mustache Formatter를 가져오고 화면 그릴 때 custom하게 추가한 Formatter를 타고 데이터를 내보내도..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/rz0U0/btrTaNtTi7w/UtjT9IuEFLKKBYvoKxaKg1/img.png)
기본적인 API와 동작을 만들었으니 화면에 그려보겠습니다. Mustache 사용 준비하기 Mustache는 build.gradle에 의존성 추가를 하고 implementation 'org.springframework.boot:spring-boot-starter-mustache' IDE(IntelliJ)에 Mustache 플러그인을 설치한다면 쉽게 이용할 수 있습니다. Mustache 문법 공식 문서(영어) http://mustache.github.io/mustache.5.html mustache(5) - Logic-less templates. mustache(5) Mustache Manual mustache(5) NAME mustache - Logic-less templates. SYNOPSIS A ty..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/lecHn/btrGfOTzbFN/5DEjLt5xAKjZ2DrfXVwIlk/img.png)
이제 사용자의 요청을 받아 화면(mustache)을 보여주는 작업의 첫 걸음을 해보겠습니다. 잘 연결이 되었는지, 요청을 정상적으로 처리하는지 확인하는 작업입니다. 사용자의 요청을 받아 다음 작업을 할 수 있게 도와주는 testController 화면을 보여주는 코드를 가지고 있는 simple.mustache DB 연결 정보를 가지고 있는 application.yml DB(mysql)를 연결할 수 있게 도와주는 라이브러리 의존성을 추가하는 build.gradle testController : 패키지 추가할 때 상위 패키지를 잘 확인하고 추가하시기 바랍니다. 엉뚱한 곳에 추가했다가 동작이 안 돼서 당황했었네요. simple.mustache hi application.yml spring: datasource..