5.25. 팀프로젝트 진행상황
- 필터링 오류 수정중
며칠째 필터링 문제를 해결하기 위해 진행중이다.
정리를 해보자.
우선 참고 사이트인 만개의 레시피의 경우 검색-> 레시피 목록페이지로 이동
목록페이지에서 필터에 해당하는 부분을 누르면 전체 페이지 새로고침하여 데이터를 가져오는 방식을 사용하는 듯 하다.
이경우 데이터 양이 적으면 모르겠는데 양이 많아질 경우 로드 시간이 오래걸리지 않을까 싶어서 ajax를 이용해서 부분적으로 새로고침을 해보고 싶다는 생각을 했다.
따라서 페이지 자체의 이동을 하는 방식이 아닌 ajax를 통해 데이터만 받아서 이를 보여주는 방식을 하고자 한다.
문제는 ajax의 경우 비동기 방식이기 때문에 받아온 데이터를 로드하는 타임리프가 먼저 로딩되어 데이터가 로드되지 않았다.
필터링된 id목록을 콘솔창에 띄우는 것까지는 가능한데 그 값에 해당하는 내용을 view화면에 보이려고 하면 아무런 내용도 보이지 않았다.
게다가 현재 recipe테이블에서 모든 id에 대한 목록을 보이는 코드가 적용되어있는데 필터링으로 가져온 recipeid에 대한 목록만 보이도록 적용을 하면 GET net::ERR_INCOMPLETE_CHUNKED_ENCODING 200 오류가 나온다.
코드 상에 이상이 없는 것 같은데 자꾸 안되니까 방향을 잡기가 어렵다.
또 다른 문제로 recipeList페이지로 가는 컨트롤러에서 GetMapping과 PostMapping이 있다. 검색 버튼을 누를때 Post형식으로 값을 보내기로 설정을 해서 해당 버튼을 누르면 PostMapping을 따라 검색 키워드를 보내는 것으로 설정했다. 문제는 버튼 타입이 submit의 경우Get방식도 같이 전송되어서 Post방식의 전송이지만 GetMapping에 해당하는 코드도 같이 진행이 되었다. 이 경우 GetMapping에서 recipe테이블 내용에 해당하는 값이 recipe라는 변수로 할당되어 보내진다. 이를 통해 레시피 목록을 볼 수 있는 것이긴 하다.
여러시도를 해보았지만 진행이 어렵고 애초에 계획했던 마감일이 내일까지라서 내일은 목록만이라도 볼 수 있도록 수정하고 우선 완료해야하지 않을까 싶기도 하다.
