2024-04-08 - 필터 전체선택/전체해제 구현, 검색창 에러

📅 2024-04-08

---

[프로젝트 남은 TODOs]

• 회원
  • 회원 비밀번호 찾기 (강사님꺼)
  • 로그인아이디 찾기 (강사님꺼)
  • 나의 게시글 jsp
• 검색
  • 조건별 추천검색어에서 '카페'라는 단어가 포함되어있다면 파싱하여 제외시켜 검색시키기
  • 검색결과 없을 경우에 대한 처리
  • 제휴문의 (관리자에게 이메일보내기 기능) 구글폼 사용
• 사용자 위치기반 카페까지의 거리 표시

---

완료

• 카페 스크랩 (나의 찜) 목록 페이지
• 카페 좋아요 (90%) (수정필요)
  - 사용자 위치기반 카페와의 거리 표시 (구현 x, 기능에서 제외)
  - 검색창
• 메인페이지 하단
  - 추천카페, 인기카페, 신규카페
• 필터 자잘한 오류 수정
• 선택 필터 색상 css 처리
• 마이페이지 (내가쓴글, 내가한 질문, 나의 댓글, 내가찜한카페 count 가져오기)
• 필터 다중조건 (다중선택)
• 필터 전체선택 전체해제 버튼

---

필터 전체선택 전체해제 버튼 구현

• 조건문을 추가하여, '전체' 또는 '전체해제'버튼을 클릭 시, 전체카페가 리스팅 되도록 구현!

 // '전체선택' 또는 '전체해제'인 경우
        if (keyword === '전체' || keyword === '전체해제') {
            // 키워드를 빈 문자열로 설정
            keyword = "";
            // 기존에 선택되었던 다른 키워드들 제거
            selectedKeywords = [];
            $(".filterButton").removeClass('active');
        } else {
            // 해당 키워드가 이미 선택되어 있는지 확인
            var index = selectedKeywords.indexOf(keyword); // 선택된 키워드 배열에서 해당 키워드의 인덱스 확인
            if (index !== -1) {
                // 이미 선택되어 있다면 해당 키워드를 제거
                selectedKeywords.splice(index, 1);
                $(this).removeClass('active');
            } else {
                // 선택되어 있지 않다면 해당 키워드를 배열에 추가
                selectedKeywords.push(keyword);
                $(this).addClass('active');
            }
        }

검색창으로 검색한 키워드로 리스팅안되는 문제

searchList.jsp와 main.jsp의 검색창이 둘다 갑자기 안되는 문제 발생.

searchList.jsp에서는 검색버튼 클릭으로 키워드를 넘겨받아 loadFilteredCafes함수를 호출하여 리스팅을 하는 걸로 해결.

 // 검색 버튼 클릭 이벤트 핸들러 등록
    $("#searchForm").submit(function(event) {
        event.preventDefault(); // 기본 동작 방지 (페이지 이동 막기)
        var keyword = $("#keyword").val(); // 검색어 입력값 가져오기
        currentPage = 1; // 페이지를 1로 설정하여 검색이 변경되었음을 나타냄
        loadFilteredCafes([keyword], currentPage); // 검색어로 필터된 카페들을 불러오는 함수 호출
    });

main.jsp에서 검색창으로 키워드 검색이 안되는 문제는 아직 해결을 못했다..
이걸 구현하면 갑자기 저게 안되고, 저걸 구현하면 갑자기 이게 안되고~ 헿