게시글 삭제 src/main/resources templates/layout posts-update.mustache 더보기 {{>layout/header}} 게시글 수정 글 번호 제목 작성자 내용 {{post.content}} 취소 수정 완료 삭제 {{>layout/footer}} index.js 더보기 var main = { init : function () { var _this = this; $('#btn-save').on('click', function() { _this.save(); }); $('#btn-update').on('click', function() { _this.update(); }); $('#btn-delete').on('click', function() { _this.delete(..

게시글 수정 src/main/resources templates posts-update.mustache 더보기 {{>layout/header}} 게시글 수정 글 번호 제목 작성자 내용 {{post.content}} 취소 수정 완료 {{>layout/footer}} src/main/resources static.js.app index.js 더보기 var main = { init : function () { var _this = this; $('#btn-save').on('click', function() { _this.save(); }); $('#btn-update').on('click', function() { _this.update(); }); }, save : function (){ var data ..

src/main/java templates/layout index.mustache 더보기 {{>layout/header}} 스프링 부트로 시작하는 웹 서비스 Ver 2.0 글 등록 게시글 번호 제목 작성자 최종수정일 {{#posts}} {{id}} {{title}} {{author}} {{modifiedDate}} {{/posts}} {{>layout/footer}} src/main/java com.minokuma.book.springboot domain/posts PostsRepository.java 인터페이스 더보기 package com.minokuma.book.springboot.domain.posts; import org.springframework.data.jpa.repository.JpaRep..

src/main/resources templates layout header.mustache 더보기 페이징 로딩속도를 높이기 위해 css는 header에, js는 footer에 놔둔다. HTML은 위에서부터 코드가 실행되기때문에 head가 실행되고나서야 body가 실행된다. 특히 js용량이 크면 클수록 body 부분의 실행이 늦어지기때문에 js는 body 하단에 둬서 화면이 다 그려진 뒤에 호출하는 것이 좋다. src/main/resources templates layout footer.mustache 더보기 src/main/resources templates index.mustache 더보기 {{>layout/header}} 스프링 부트로 시작하는 웹 서비스 Ver 2.0 글 등록 {{>layout/f..

머스테쉬 : 여러 언어들을 지원하는 가장 심플한 템플릿 엔진 https://mustache.github.io/ {{ mustache }} Logic-less templates. Available in Ruby, JavaScript, Python, Erlang, Elixir, PHP, Perl, Perl6, Objective-C, Java, C#/.NET, Android, C++, CFEngine, Go, Lua, ooc, ActionScript, ColdFusion, Scala, Clojure[Script], Fantom, CoffeeScript, D, Haskell, XQuery, ASP mustache.github.io 템플릿 엔진은 가능한 로직을 없애고 화면 역할에만 충실해야한다. 머스태쉬 플러그인..