(프로젝트 진행)스프링부트로 게시글 수정.

1.게시글 수정페이지 템플릿 추가. post-update.mustache {{>layout/header}} 게시글 수정 글 번호 제목 작성자 내용 취소 수정완료 {{>layout/footer}} 2. 이벤트 핸들러 추가. index.js let main = { init : function () { let _this = this; //main{} //save-btn event handler $('#btn-save').on('click', function (){ _this.save(); }); $('#btn-update').on('click', function (){ alert("test"); _this.update(); }); }, save : function () { //html 에서 데이터를 가져옴 l..

• format_list_bulleted Spring/SpringBoot
• · 2021. 3. 28.

(프로젝트 진행) 스프링 부트로 게시글 조회 페이지 만들기.

1. 게시글 조회페이지 템플릿 만들기. resource/template/index.mustache {{>layout/header}} 스프링 부트로 시작하는 웹 서비스 글 등록 게시글번호 제목 작성자 최종수정일 {{#posts}} {{id}} {{title}} {{author}} {{modifiedDate}} {{/posts}} {{>layout/footer}} {{#posts}}라는 변수가 배열형태면 반복문형태로 태그를 만든다. 2.controoller에서서 모델타입의 posts라는 객체를 추가해야 한다. main/java/com/jojoldu.book.springboot/web/dto/indexController package com.jojoldu.book.springboot.web.dto; impor..

• format_list_bulleted Spring/SpringBoot
• · 2021. 3. 26.

(프로젝트 공부)스프링부트를 이용한 게시글 작성.

-게시글 작성페이지 구현 1. templates에 posts-save.mustache생성. 2. posts-save.mustache 템플릿 구현. {{>layout/header}} 게시글 등록 제목 작성자 내용 등록 {{>layout/footer}} -게시글 작성페이지 이동 추가 1. index.mustache에 추가 {{>layout/header}} 스프링 부트로 시작하는 웹 서비스 글 등록 {{>layout/footer}} -게시글 작성 기능 구현 1. 게시글 작성 구현을 위해 static/js/app/index.js 생성 2. index.js 기능 구현. let main = { init : function () { let _this = this; //main{} //save-btn event han..

• format_list_bulleted Spring/SpringBoot
• · 2021. 3. 19.

(프로젝트 진행)mustache레이아웃 나누기.

-header.mustache생성. 1. template안에 layout폴더 생성한후 그밑에 header 생성 2. header에 들어갈 기본 html 작성. (기존 html의 헤더로 쓰일 부분만 가져온다.) -footer.mustache 생성. 1. header 1번과정과 같음. 2. footer에 들어갈 기본 html 작성. (body와 html의 시작 태그는 header의 안에 있으므로 footer안에서 닫아줘야함.) -index.mustache 수정. 1. index.mustache 수정. {{>layout/header}} 스프링 부트로 시작하는 웹 서비스 {{>layout/footer}}

• format_list_bulleted Spring/SpringBoot
• · 2021. 3. 19.

(프로젝트 진행) mustache를 이용한 기본 페이지 테스트.

- mustache 플러그인 설치 cntl + shift + a 누르고 plugin 검색후 마켓플레이스 탭누르고 mustach 검색. - mustache 스타터 의존성 추가 build.gradle dependency에 추가로 등록한다. dependencies { compile('org.springframework.boot:spring-boot-starter-web') compileOnly('org.projectlombok:lombok:1.18.10') annotationProcessor('org.projectlombok:lombok:1.18.10') compile('org.springframework.boot:spring-boot-starter-data-jpa')//스프링 부트용 spring Data J..

• format_list_bulleted Spring/SpringBoot
• · 2021. 3. 17.

스프링 게시판 데이터 전송( h2-console 사용 )

h2-console로 데이터를 저장하고 게시판 데이터를 josn 형태로 확인하는 과정까지 개발 postApiController.class package com.jojoldu.book.springboot.web; import com.jojoldu.book.springboot.service.posts.PostsService; import com.jojoldu.book.springboot.web.dto.PostsResponseDto; import com.jojoldu.book.springboot.web.dto.PostsSaveRequestDto; import com.jojoldu.book.springboot.web.dto.PostsUpdateRequestDto; import lombok.RequiredArgs..

• format_list_bulleted Spring/SpringBoot
• · 2021. 3. 10.