* 개발 순서
1. 기존 메모 제거하기
2. GET API 사용해서 메모 목록 불러오기
3. 메모마다 HTML 만들고 붙이는 함수 만들기
1. 기존 메모 제거하기
메모에 해당하는 박스의 ID값을 통해 제거가 가능하다.
2. GET API 사용해서 메모 목록 불러오기
GET API를 통해 불러오면은 response에 메모 관련 해당정보들이 저장이된다.
그럼 HTML을 통해 붙여주는 함수만 만들어주면 끝!
3. 메모 마다 HTML 만들고 붙이는 함수 만들기
<img id="${id}-edit" class="icon-start-edit" src="images/edit.png" alt="" onclick="editPost('${id}')">
<img id="${id}-delete" class="icon-delete" src="images/delete.png" alt="" onclick="deleteOne('${id}')">
<img id="${id}-submit" class="icon-end-edit" src="images/done.png" alt="" onclick="submitEdit('${id}')">
이때, 주의할점은
생성일자, 수정일자 데이터가 넘어오지않는걸 볼 수 있는데!!!!!
바로, Timestamped 에 @Getter 를 선언해주지않아서그렇다. 이정보 또한 쉽게 접근하고 변경하는걸 방지하기위해
private로 선언을 하였기때문에 @Getter 또한 선언을 해줘야 정상적으로 목록을 불러올 수 있다.
거기에 스프링한테도 Auditing 기능을 사용하고 있다고 알려줘야한다.
@EnableJpaAuditing 어노테이션을 추가해준다.
이제 마지막으로! GET API를 통해 불러온 목록이 response에 잘 담겨있다면
반복문을 통해 id,username, contents, modifieAt 값을 addHTML에 호출 하면 된다.
그리고 미리 작성해둔 HTML만들어 붙이는 함수를 통해 메모를 붙여주면 끝!
'내마음대로만들어보자 > JAVA & Spring' 카테고리의 다른 글
타임라인 프로젝트 만들기 - 메모 삭제하기(deleteOne 함수) (0) | 2021.06.28 |
---|---|
타임라인 프로젝트 만들기 - 메모 변경하기(submitEdit 함수) (0) | 2021.06.28 |
타임라인 프로젝트 만들기 - 메모생성하기(writePost 함수) (0) | 2021.06.28 |
타임라인 프로젝트 만들기 - 클라이언트 설계하기 (0) | 2021.06.27 |
타임라인 프로젝트 만들기 - Controller (0) | 2021.06.27 |