[TIL]2023-09-25

본래 목표했던 기능 구현은 끝마치고, 프론트 엔드 구현에 합류해서 프론트엔드 부분을 구현했다.

 

본래 구현했던 기능인 레스토랑 검색기능의 프론트엔드를 구현했는데, /api/restaurants/search?query=${query} 형식으로 검색한 결과 값을 가져오고 해당 response들을 for문을 돌면서 search-results에 append해주는 형식으로 구현했다. 추가로 검색 결과 이후에 클릭하면 이동할 수 있는 해당 페이지의 상세 페이지 또한 해당 url로 이동할 때 model에다가 레스토랑의 상세 정보를 담아서 전달하고, 이를 출력하는 방식으로 구현했다.