팀 프로젝트[고기당] : (4.내 작업)(7) 검색 필터 상세 조율

주말동안의 작업 기록. (1월 8일~ 9일)

8일에 데이터출력 코드를 다 해놔서, 오늘은 상세적인 기능을 추가하거나 바꾸었다.

 

배치도 했으나 , 데이터 갯수가 부족하더라도 한 줄 안에는 자신의 자리를 찾아갈수있도록 

배치를 한번더 손봐야할것 같다.

---

전날(1월8일) 까지 해놓은 작업을이용하여 출력작업.

별도의 필터를 적용하지않았으므로, 모든 리스트가 출력된다.

 

---

필터를 선택후, 검색 버튼을 누르면 필터가 적용되어 출력되도록 하기.

지역값을 받아서, 해당 값을 가진 내용을 출력한다.

배치가 세로로 정렬이 자꾸 되어서, 고민했었다. flex는 잘 걸려있는데.. 무엇이 문제인가.. 했으나.

ajax로 반복하여 출력할때 틀도 같이 출력한다! 생각하고 작성하면,

css/html로 메인페이지 디자인할때와 비슷하게 결국 풀수 있다는걸 깨달았다.

 

---

체크박스는 항목별로는 중복이 불가하게 만들기.

자바스크립트 게시판에 공부했던내용을 정리해놓았다. 참고하기.

 

---

처음에는 검색버튼을 눌러야만, 필터가 적용되었는데

수정후

체크박스를 누르자마자 필터가 적용되어, 하단의 내용이 바뀌며 나타난다.

 

추가로 원하는 기능 1. 필터는 지역/품목/부위를 선택하여 적용시킬수 있다. 처음 해당 리스트 페이지 접속시 "전체"가 체크되며 나타난다. 2. 체크박스를 누르자마자 필터조건이 적용되어 하단에 리스트가 뜰것.(완료) 3. 각각의 항목은 선택할수도, 미 선택일수도 있다. (단, 미선택일 시에는 디폴트 값이 나온다. 디폴트값은 전체임.) 4. 부위는 소고기/돼지고기별로 각각 다르므로 품목선택시 부위항목이 변한다.

 

추가작업은 월요일부터 이어하기.

1.번은 보이는건 "전체" 체크박스에 체크가 되어 작동하는것처럼 보이지만, 사실 아무 기능이 없도록 "연출"하면 될것 같음.

2.번은 완료했으니, 품목과 부위를 다 완성하고나면 똑같이 씌울것.

3.번은 동적쿼리...

4.번은 ajax쓰면 잘될것 같기도하고??

 

현재 동적쿼리 보는중...