타임라인 프로젝트 만들기 - 메모조회하기(getMessages 함수)

* 개발 순서 

  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만들어 붙이는 함수를 통해 메모를 붙여주면 끝!