블로그 이름 뭐로 하지

약 1년 전 진행했던 T.time 프로젝트의 채팅창 쪽 코드를 보다가 array형태의 state에 원소를 추가할때 push를 쓰지 않고 concat을 사용하여 원소가 추가된 새로운 배열을 하나 만들고, 그 배열로 set해주는 것을 발견했다. const [chat, setChat] = useState([]); useEffect(() => { setTimeout(() => { if (textCount < CHAT_QUESTION_LIST[questionIndex].questions.length) { if (scrollRef.current !== null) { scrollRef.current.scrollIntoView({ behavior: 'smooth', block: 'end', inline: 'neares..

최근 벨로그 인기글에서 검색 api 사용을 할 때 계속해서 api를 호출하는 것에 대해 js의 디바운스 개념을 활용해서 최적화하는게 좋다는 글을 본 적 있었다. 그 때도 '나중에 ^^' 다시 공부해야겠다하고 넘겼는데, 지금 하고 있는 프로젝트도 그렇고 예전에 했던 프로젝트나 앞으로 할 개발에 있어서도 알아두고 있어야할 개념이라고 생각해서 공부한 내용을 정리하고자 한다. 디바운스. 어떨 때 써야할까? 스크롤이나 마우스 클릭, api호출 관련한 함수가 불필요하게 너무 많이 실행되는 경우가 있다. 예를 한 번 살펴보자. 사진은 현재 내가 개발 중인 프로젝트이다. 검색어에 따라 지하철 목록을 호출해서 보여줘야 하는데, 현재는 검색어가 ㅅ,서,성,성ㅅ,성수 로 바뀌는 일련의 과정동안 계속해서 api가 호출되고 ..