-
[결과물 이미지]
[새롭게 알게 된 내용]
- onMouseDown event를 활용한 event 순서 제어
- query를 통한 검색어 유지 방법과 useEffect와 state와의 관계
- ul tag와 li tag 활용
[느낀 점]
검색창을 구현하면서 네이버를 참고하였는데 어떻게 하면 이렇게 될까를 생각하면서 여러 속성들을 찾아보고 알고있는 지식을 토대로 구현할 수 있는 다른 방법에 대해서 공부를 해보는 시간이였다.
단순하게 ref와 같은 방식을 통해서 구현하려고 마음먹었던 부분이 동욱님의 도움으로 더욱 간단하고 깔끔하게 구현할 수 있는 방법을 알게 되서 매우 좋았던 것 같다 공유해주신 글을 토대로 나중에 어떠한 원리로 이벤트가 순서가 결정되어있고 기본 이벤트를 막고 사용하면 어떻게 되는지 등등 여러 방면에 대해서 알 수 있었다.
아쉬운점은 좀 지친 부분이 있어서 제때 하루 일과를 제대로 수행하지 못해서 진도를 원하는 목표치까지 가지 못했다는 점이 좀 아쉬웠다 좀 더 개선이 되어야겠지만 요새 체력적으로 정신적으로 많이 지친 느낌이 들어서 어떻게 리프레시를 해야할지 잘 모르겠는 부분이 있다. 심적으로 불안감이 많이 들어서 그런지 조금 화이팅할 수 있는 계기가 있었으면 좋겠다.
가장좋았던 원픽 내용
검색창에 onBlur event를 주고 결과 리스트 부분에 onMouseDown event의 기본 event를 제어해주면 리스트 내용을 클릭한 뒤 onBlur이벤트가 발생하는 식으로 원하는대로 적용될 수 있다!
