[리액트] 내비게이션 바 검색 구현 (feat. <form> 태그 , 필요한 순간은?)

내비게이션 바에서 특정 키워드로 검색을 시도하면, 검색 페이지로 이동한 뒤 해당 키워드에 맞는 데이터를 화면에 표시하는 기능을 구현했습니다.이번 포스트에서는 사용자가 입력한 검색어를 기반으로 API 요청을 보내고, 응답 데이터를 화면에 출력하는 과정에서 마주쳤던 문제들과 이를 통해 얻은 인사이트를 정리하겠습니다. 최종 UI검색 과정이벤트 동작 정의하기입력 값에 따른 병원 정보 출력사용자가 input 태그에 값을 입력한 뒤 검색 버튼을 클릭하거나 Enter 키를 누르면, 해당 이벤트를 기준으로 페이지가 이동하고 입력한 키워드를 이용해 API 요청이 수행되어 특정 병원 데이터를 검색합니다. 이벤트 처리 구현하기 데이터 입력하기 📗 참고 자료 input 태그 사용 시 form 태그 사용 여부 - 인프런 |..

2025.08.19