프로젝트 5일차 회고

1. 관리자 상품목록 관리 화면 구현 및 기능 구현

• JPA를 활용하여 페이지네이션 처리
• JPA를 활용한 페이지 네이션 추가

🚀 Trouble Shooting

1. 페이지네이션 처리가 안됨
   • 문제 : 페이지네이션 처리가 안됨
   • 원인 : 페이지네이션 처리할 때 js function을 사용하는데 해당 함수가 is not defined 가 발생

     <script>
       // 클릭 이벤트
       $(document).ready(function() {
         // 페이지 이동
         function navigateToPage(page) {
           let filter = $('#filter').val();
           let keyword = $('#keyword').val();
           let hidden = $('#hidden').val();
     
           if(hidden != null) {
             filter = encodeURIComponent(filter);
             hidden = encodeURIComponent(hidden);
             location.href = '/admin/products?page=' + page + '&filter=' + filter + '&keyword=' + hidden;
           } else if(keyword != null){
             filter = encodeURIComponent(filter);
             keyword = encodeURIComponent(keyword);
             location.href = '/admin/products?page=' + page + '&filter=' + filter + '&keyword=' + keyword;
           } else {
             location.href = '/admin/products?page=' + page;
           }
         }
     	)};
     </script>

   • 해결 : ready 밖으로 이동하였더니 정상동작

     • JS를 로딩하는 도중 문제가 발생하는 것으로 생각하여 변경하였더니 정상적으로 동작!

       <script>
         // 클릭 이벤트
         $(document).ready(function() {
           // 다른 함수 사용중
       	)};
       
       		// 페이지 이동
           function navigateToPage(page) {
             let filter = $('#filter').val();
             let keyword = $('#keyword').val();
             let hidden = $('#hidden').val();
       
             if(hidden != null) {
               filter = encodeURIComponent(filter);
               hidden = encodeURIComponent(hidden);
               location.href = '/admin/products?page=' + page + '&filter=' + filter + '&keyword=' + hidden;
             } else if(keyword != null){
               filter = encodeURIComponent(filter);
               keyword = encodeURIComponent(keyword);
               location.href = '/admin/products?page=' + page + '&filter=' + filter + '&keyword=' + keyword;
             } else {
               location.href = '/admin/products?page=' + page;
             }
           }
       </script>