개발은 꽃

등록, 수정, 삭제, 조회 화면 만들기 게시글 등록 화면 만들기 게시글 등록 화면을 만들기 위해 오픈소스 부트스트랩을 사용하겠다. 부트스트랩, 제이쿼리 등 프론트엔드 라이브러리를 사용할 수 있는 방법은 2가지가 있는데, 하나는 외부 CDN을 사용하는 것이고, 하나는 직접 라이브러리를 받아서 사용하는 것이다. 우리는 외부 CDN을 사용하여 프론트엔드를 구현하겠다. 실무에서는 외부 CDN 방식을 사용하지 않는다. 직접 구현해야지!! 레이아웃 방식을 사용하여 부트스트랩과 제이쿼리를 index.mustache에 추가해야한다. 레이아웃 방식 : 공통 영역을 별도의 파일로 분리하여 필요한 곳에서 가져다 쓰는 방식 해당 부트스트랩과 제이쿼리를 머스테치 화면 어디에서다 필요하므로 공통으로 사용되는 레이아웃 파일을 만들..

서버 템플릿 엔진과 머스테치 소개 이번에는 머스테치(Mustache)를 통해 화면 영역을 개발하는 방법을 배워보자. 템플릿 엔진이란 무엇인가? 웹 개발에 있어 템플릿 엔진이란, 지정된 템플릿 양식과 데이터가 합쳐져 HTML 문서를 출력하는 소프트웨어를 이야기한다. 예전 스프링이나 서블릿을 사용했다면, JSP, Freemaker 등이 떠오를테고 요즘은 리액트, 뷰 등이 떠오를 것이다. 이것들 모두 결과적으로는 지정된 템플릿과 데이터 를 이용하여 HTML을 생성하는 템플릿 엔진이다. 다만 약간의 다른 점이 있는데, 서버 템플릿 엔진 : JSP, Freemaker 클라이언트 템플릿 엔진 : 리액트, 뷰 만약 아래와 같은 코드가 주어진다면 결과는 어떻게 되는 지 생각해보자. $(document).ready(fu..