Mustache (3) 썸네일형 리스트형 [스프링부트/AWS] 4장 게시글 수정, 삭제 화면 만들기 3 - 게시글 수정 화면 만들기 게시글 수정 API는 이미 만들어 두었습니다.(freewebdev.tistory.com/53) 1) PostsApiController 확인 ... public class PostsApiController { ... @PutMapping("/api/v1/posts/{id}") public Long update(@PathVariable Long id, @RequestBody PostsUpdateRequestDto requestDto){ return postsService.update(id, requestDto); } ... 2) 수정화면 생성(posts-update.mustache) {{>layout/header}} 게시글 수정 글번호 제목 작성자 내용 취소 수정완료 {{>lay.. [스프링부트/AWS] 4장 게시글 등록 화면 만들기 2 앞에서 PostAPiController로 API를 구현하였으니 바로 화면을 개발합니다. 그냥 HTML을 사용하지 않고 오픈소스인 부트스트랩을 이용하여 화면을 만들어 봅니다. 부트스트랩, 제이쿼리 등 프론트엔드 라이브러리를 사용할 수 있는 방법은 크게 2가지가 있습니다. 하나는 외부 CDN을 사용하는 것이고, 다른 하나는 직접 라이브러리를 받아서 상요하는 방법니다. 여기서는 전자인 외부 CDN을 사용합니다. 본인의 프로젝트에 직접 내려받아 사용할 필요도 없고, 사용할 방법도 HTML/JSP/Mustache에 코드만 한 줄 추가하면 되니 굉장히 간단합니다. 실제 서비스에서는 이 방법을 잘 사용하지 않습니다. 결국은 외부 서비스에 우리 서비스가 의존하게 돼버려서, CDN을 서비스하는 곳에 문제가 생기면 덩달아.. [스프링부트/AWS] 4장 머스테치로 화면구성하기 - 서버 템플릿 엔진과 머스테치 소개 지정된 템플릿 양식과 데이터가 합쳐서 HTML 문서를 출력하는 소프트웨어를 이야기합니다. 서버 템플릿 엔진 : JSP, Freemarker 등 클라이언트 템플릿 엔진 : 리엑트(React), 뷰(Vue)의 View 파일들 ※ 자주 올라오는 질문 : 자바스크립트에서 JSP나 Freemarker처럼 자바 코드를 사용할 순 없나요? 이에 대한 예시 코드는 다음과 같습니다. $(document).ready(function(){ if(a=="1"){ } }); 위 코드는 if문과 관계없이 무조건 test를 콘솔에 출력합니다. 이유는 프론트엔드의 자바스크립트(Nodejs가 아닙니다.)가 작동하는 영역과 JSP가 작동하는 영역이 다르기 때문인데, JSP를 비롯한 서버 템플릿 엔진.. 이전 1 다음
