원티드 프리 온보딩 17일차 TIL

오늘은..

오늘은 팀원들과 함께 구현해 놓은 것들은 머지하는 시간을 가졌다. 정확하게 컴포넌트 단위로 역할을 나누지 못한 탓에 컨플릭트가 문제가 될 것같아서 함께 모여서 머지하였다.

어려움 해결

1. 일단 검색어 추천을 inputValue이 변할때 마다 하게끔 구현하여서 키보드를 이용해서 추천 검색어로 이동할때 inputValue를 바꾸면서 api요청을 막아야 했습니다. 그래서 키보드의 방향키를 누르면 api를 부르지 않게끔 구현을 하였었는데 이 방법은 너무 많은 예외처리를 필요로 하게되어서 다른 방법을 강구해야 했습니다.
   그래서 방향키를 누르면 api를 요청을 막되 그 외의 키는 누르더라도 inputValue가 변하지 않으면 api를 요청하지 않게 됩니다. 그리고 inputValue가 변할때 따시 api 요청을 받을 수 있게끔 하여서 해결하였습니다.

2. 키보드 윗 방향키를 누르면 자동으로 input에서 커서가 가장 앞으로 이동하는 것은

   const handleKeyDown = (e) => {	
   	// 윗방향키를 누를때  
   	e.preventDefault()
   } 
   

   이런식으로 해결이 가능합니다.