\uac8c\uc2dc\ud310\uc5d0 \ud398\uc774\uc9d5 \uae30\ub2a5\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n
\ud504\ub85c\uc81d\ud2b8\ub294 \uc774\uc804 \uae00\uc5d0\uc11c \uc791\uc131\ub41c \ud504\ub85c\uc81d\ud2b8\uc5d0 \ud30c\uc77c\uc744 \ucd94\uac00 \ub610\ub294 \uc218\uc815\ud558\ub294 \ubc29\uc2dd\uc73c\ub85c \uc9c4\ud589\ub429\ub2c8\ub2e4. \uc774\uc804 \uae00\uc744 \ub530\ub77c \ud558\uc9c0 \uc54a\uc740 \uacbd\uc6b0, \uba3c\uc800 \uc774\uc804 \uae00\ub300\ub85c \ud504\ub85c\uc81d\ud2b8\ub97c \uad6c\uc131\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n
\ud074\ub798\uc2a4\uba85\uc5d0 \uc788\ub4ef\uc774 \ud398\uc774\uc9d5\uacfc \uc815\ub82c\ub3c4 \ucc98\ub9ac\ud558\ub294\ub370 \uc815\ub82c\uae30\ub2a5\uc740 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n src\/main\/java\/kr\/co\/episode\/example\/domain\/posts\/PostsPagingRepository.java<\/p>\n src\/main\/java\/kr\/co\/episode\/example\/service\/posts\/PostsPagingService.java<\/p>\n src\/main\/java\/kr\/co\/episode\/example\/web\/IndexController.java<\/p>\n src\/main\/resources\/templates\/index.html<\/p>\n \uac8c\uc2dc\ud310\uc5d0 \ud398\uc774\uc9d5 \uae30\ub2a5\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-113","post","type-post","status-publish","format-standard","hentry","category-spring-boot-2-1"],"_links":{"self":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=113"}],"version-history":[{"count":5,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/113\/revisions"}],"predecessor-version":[{"id":325,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/113\/revisions\/325"}],"wp:attachment":[{"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.skyer9.pe.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}JpaRepository<\/code> \ub294 PagingAndSortingRepository<\/code> \ub97c \ud655\uc7a5\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\npackage kr.co.episode.example.domain.posts;\n\nimport org.springframework.data.domain.Page;\nimport org.springframework.data.domain.Pageable;\nimport org.springframework.data.jpa.repository.Query;\nimport org.springframework.data.repository.JpaRepository;\n\npublic interface PostsPagingRepository extends JpaRepository<Posts, Long> {\n\n @Query(value = "SELECT p FROM Posts p ORDER BY p.id DESC")\n Page<Posts> findAllDesc(Pageable pageable);\n}<\/code><\/pre>\npackage kr.co.episode.example.service.posts;\n\nimport kr.co.episode.example.domain.posts.Posts;\nimport kr.co.episode.example.domain.posts.PostsPagingRepository;\nimport kr.co.episode.example.web.dto.PostsListResponseDto;\nimport lombok.RequiredArgsConstructor;\nimport org.springframework.data.domain.Page;\nimport org.springframework.data.domain.PageImpl;\nimport org.springframework.data.domain.Pageable;\nimport org.springframework.stereotype.Service;\nimport org.springframework.transaction.annotation.Transactional;\n\nimport java.util.List;\nimport java.util.stream.Collectors;\n\n@RequiredArgsConstructor\n@Service\npublic class PostsPagingService {\n\n private final PostsPagingRepository postsPagingRepository;\n\n @Transactional(readOnly = true)\n public Page<PostsListResponseDto> findAllDesc(Pageable pageable) {\n Page<Posts> posts = postsPagingRepository.findAllDesc(pageable);\n List<PostsListResponseDto> results = posts.getContent().stream()\n .map(PostsListResponseDto::new)\n .collect(Collectors.toList());\n long totalCount = posts.getTotalElements();\n\n return new PageImpl<>(results, pageable, totalCount);\n }\n}<\/code><\/pre>\n\ud30c\uc77c\uc218\uc815<\/h2>\n
\/\/ ......\n private final PostsPagingService postsPagingService;\n\n @GetMapping("\/")\n public String index(Model model, @PageableDefault Pageable pageable) {\n \/\/model.addAttribute("posts", postsService.findAllDesc());\n\n \/\/ \ud398\uc774\uc9c0\ub2f9 \ud45c\uc2dc \uac8c\uc2dc\uae00 \uc218\ub97c 3\uac1c\ub85c \uc81c\ud55c\n pageable = PageRequest.of(pageable.getPageNumber(), 3);\n model.addAttribute("posts", postsPagingService.findAllDesc(pageable));\n\n return "index";\n }\n \/\/ ......<\/code><\/pre>\n<!DOCTYPE html>\n<html xmlns:th="http:\/\/www.thymeleaf.org">\n<head>\n <meta charset="UTF-8">\n <title>\uac8c\uc2dc\ud310<\/title>\n <link rel="stylesheet" href="https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.2\/css\/bootstrap.min.css">\n <style>\n .container p { display: inline }\n <\/style>\n<\/head>\n<body class="container">\n\n<h1>\uc2a4\ud504\ub9c1 \ubd80\ud2b8 \uac8c\uc2dc\ud310<\/h1>\n\n<div class="col-md-12">\n <div class="row">\n <div class="col-md-6">\n <a href="\/posts\/save" role="button" class="btn" btn-primary>\uae00 \ub4f1\ub85d<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<div style="height: 80px;">\n\n<\/div>\n\n<table class="table">\n <tr>\n <th>\uae00 \ubc88\ud638<\/th>\n <th>\uae00\uc4f4\uc774<\/th>\n <th>\uae00 \uc81c\ubaa9<\/th>\n <th>\ucd5c\uc885\uc218\uc815<\/th>\n <\/tr>\n <tr th:each="posts: ${posts}">\n <td th:text="${posts.id}"><\/td>\n <td>\n <a th:href="${posts.link}" th:text="${posts.author}" \/>\n <\/td>\n <td>\n <a th:href="${posts.link}" th:text="${posts.title}" \/>\n <\/td>\n <td th:text="${posts.modifiedDate}"><\/td>\n <\/tr>\n<\/table>\n\n<nav style="text-align: center;">\n <ul class="pagination"\n th:with="start=${T(Math).floor(posts.number\/10)*10},\n last=(${start + 9 < posts.totalPages-1 ? start + 9 : posts.totalPages-1})">\n <li>\n <a th:href="@{\/(page=0)}" aria-label="First">\n <span aria-hidden="true">First<\/span>\n <\/a>\n <\/li>\n\n <li th:class="${posts.first} ? 'disabled'">\n <a th:href="${posts.first} ? '#' :@{\/(page=${posts.number-1})}" aria-label="Previous">\n <span aria-hidden="true"><<\/span>\n <\/a>\n <\/li>\n\n <li th:each="page: ${#numbers.sequence(start, last)}" th:class="${page == posts.number} ? 'active'">\n <a th:text="${page+1}" th:href="@{\/(page=${page})}"><\/a>\n <\/li>\n\n <li th:class="${posts.last} ? 'disabled'">\n <a th:href="${posts.last} ? '#' : @{\/(page=${posts.number+1})}" aria-label="Next">\n <span aria-hidden="true">><\/span>\n <\/a>\n <\/li>\n\n <li>\n <a th:href="@{\/(page=${posts.totalPages-1})}" aria-label="Last">\n <span aria-hidden="true">Last<\/span>\n <\/a>\n <\/li>\n <\/ul>\n<\/nav>\n\n<script src="https:\/\/code.jquery.com\/jquery-3.3.1.min.js"><\/script>\n<script src="https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.3.1\/js\/bootstrap.min.js"><\/script>\n\n<script src="\/js\/app\/index.js"><\/script>\n\n<\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"