![[Springboot] 27 검색 + 페이징](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-09-26T08%3A16%3A20.152Z-833b9a4c-e535-4d03-bba5-1ee98dd612d8&w=2048&q=75)
mustache 조건문
숫자 연산 조건문은 안되지만 boolean 으로 조건을 줄 수 있음!!!
first 가 true 이면 disabled (→ css) 가 실행됨
즉, first가 true 이면 previous 버튼에 disabled가 적용됨.
last 가 true 이면 Next 버튼에 disabled 가 적용됨
0페이지에서 Previous가 안눌린다.
마지막 페이지 (3) 에서 Next가 안눌러진다.
잘 했따.
4, 5도 클릭안되게 막아야하는데 일단 여기까지!
더미데이터 이렇게 수정하고 재실행 해보자.
next를 눌리면
title이 사라진다….
그래서 a를 검색했는데 결과가 이상하게 나옴
→ page 뿐만 아니라 title도 쿼리스트링으로 넘겨야 하는데
지금은 page밖에 없다. 추가해주자!
서비스단에서 title을 넘겨야 한다.
dto에 공백을 넣어서 주긴 하지만 null을 넣어서 주진 않는다.
(프론트에서 터짐)
그래서
지금 서비스단에서 title을 null과 값인채 전송하는데
이걸 위처럼 조건문을 사용해서 처리하면 코드가 길어지고 복잡해지니
여기선 그냥 this.title = title;로 받고
null인 값은 애초에 “”
게시글 제목으로 오해할 수 있으니
검색된 결과라는 뜻으로 keyword로 바꿔서 DTO에 넣어준다. ( FOR 프론트 )
이자리에 “” 공백이 들어가면 안터지는데
null이 들어가면 터진다.
그래서 DTO에는 NULL을 담아주면 안된다.
next 넘어갔는데 이상함
Next에 안넣어줬네. title 넣어줘!
그리고 다시 실행하면
a 검색했을 때
next 클릭했을 때, page 랑 title까지 쿼리스트링에 잘 넘어갔다.
→ 제목에 a 있는 것만 잘 검색된다! : )
거기서 다시 previous 를 클릭해도 page랑 title을 쿼리스트링으로 잘 넘긴다 : )
(→ Previous 클릭하면 넘기도록 해놧으니까 )
Share article
![[Flutter] 3 VSCode 세팅](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-09-27T15%3A04%3A07.462Z-45f56c6b-3f60-4e98-b8a2-8b3298998791&w=750&q=75)
![[Springboot] 28 파일 업로드](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-09-26T08%3A18%3A55.768Z-4c9b01c4-5c92-42fc-9f90-bea337eea38b&w=750&q=75)
![[Flutter] 2 플러터 시작 ( Dart 문법 )](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-09-26T08%3A13%3A12.725Z-26d1969e-ceae-4051-af07-a1e05da028d4&w=750&q=75)
![[Flutter] 1 Flutter 시작 전 설치](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-09-26T08%3A11%3A40.010Z-6d36ad58-84fd-4d8d-9452-7874fb5c9990&w=750&q=75)