2024.04.20_프로젝트 4 (19 일차)

1. 검색페이지에서 데이터베이스에 해당하는 값이 없으면 값이 없다는 것을 보여줘야한다.

2. 검색페이지에서 빈 값 검색을 하면 다시 검색 페이지로 오는 것

3. 메인페이지에서 검색창 부분 수정 & 키워드 검색 페이지로 넘기는 것

4. nav bar에 검색 탭을 만드는 것

5. 정말 시간되면 페이징까지 하는 것 (페이지 나누기? 무한 스크롤?)

 

여기서 1, 2, 4번을 완료하여

 

1. 메인페이지에서 검색창 부분 수정 & 키워드 검색 페이지로 넘기는 것

2. 정말 시간되면 페이징까지 하는 것 (페이지 나누기? 무한 스크롤?)

 

이렇게 남았는데...코드가 너무 지저분하기도 하고

 

다시 새로 만들까 생각중이다...

 

결국!!!!

 

거의 다시 만들고 있다..

 

최대한 원래 있던 것을 그대로 사용하고 전체 강의를 가져오는 API 도 만들까 생각중이다.

 

그래서 빈 값을 가져오면 전체 강의가 보이게 하고

 

키워드를 가지고 검색을 하면 그에 맞는 카드 리스트를 보여주게 하려고 한다.

 

근데 카드 리스트를 어떤 식으로 보여주는지 공부도 해야겠다 ㅠㅠ 시간 없는데 정말 바쁘네 ㅋㅋㅋㅋ

 

1. 전체 강의 API 도 만든다.

2. 전체 강의 카드 리스트 만들고 /search 일 때 보여준다.

3. 키워드로 검색할 때 그 키워드에 해당하는 강의를 보여준다. /search?keyword=${keyword}

4. 메인 페이지랑 연결!! -> 이게 제일 어려운듯 ㅠㅠ

5. 페이지네이션

 

알고보니 내가 만든 API가 전체 강의 조회 API 였다...

 

거기서 내가 쿼리로 결과만 가져온 것이다.

 

따라서 코드 뚝딱뚝딱 거리며 완성된건 1, 2, 3번인데 추가 문제가 생겼다.

 

1. 빈 값에서 검색을 눌렀을 때 검색 페이지를 다시 전체 강의가 나오게 하는 것! url만 돌아온다....

2. 반대로 강의 탭을 누르면 검색 페이지로 다시 오지만 url이 안바뀐다....

3. 메인 페이지랑 연결 -> 쿼리 스트링 활용해보자!!

4. 페이지네이션

 

이렇게 4가지를 해야한다. 우선 1, 2번을 해결해보자!!!