메모장 프로젝트 구현하기 3. 메모 조회하기

index.html

// 메모를 불러와서 보여줍니다.
function getMessages() {
						// 1. 기존 메모 내용을 지웁니다.
            $('#cards-box').empty();

						 // 2. 메모 목록을 불러와서 HTML로 붙입니다.
            $.ajax({
                type: "GET",
                url: "/api/memos",
                data: {},
                success: function (response) {
                    for (let i = 0; i < response.length; i++) {
                        let message = response[i];
                        let id = message['id'];
                        let username = message['username'];
                        let contents = message['contents'];
                        let modifiedAt = message['modifiedAt'];
                        addHTML(id, username, contents, modifiedAt);
                    }
                }
            });
        }

MemoController

@GetMapping("/api/memos")
public List<Memo> getMemos() {
    return memoService.getMemos();
}

MemoService

@Transactional(readOnly = true)
    public List<Memo> getMemos() {
        return memoRepository.findAllByOrderByModifiedAtDesc();
    }