TIL: 날아 갈 수 없음 뛰어 - 2. 검색어 추천 검색창 (7)

앞으로의 과제

• 뛰어갈 수 없음 걸어
• 걸어 갈 수 없음 기어..
• READEME 작성

Keyword

• window.scrollTo({ top: 0, behavior: "smooth" }): top 위치로 스크롤 이동
  ref.current.scrollTo()
• currentTarget / tartget: currentTarget은 이밴트 생성 위치, target은 이벤트 발생 위치를 가리킨다
  강사님이 준혁님이 왜 currentTarget을 사용하라고 하셨는지 대충 짐작이 간다.. 짐작만 가면 안되겠지.. 아마도 그건 버블링 등의 사이드 이펙트가 발생할 위험을 사전에 방지할 수 있기 때문이 아닐까
• event.keyCode: 레거시 코드이기 때문에 key / code 를 사용
• console.log() 색상:

 console.log(`%c Error ${err}`, 'background: #bd71ff; color:#eaeaea')

• loader spinner:

import { TailSpin } from 'react-loader-spinner'
<TailSpin wrapperClass={styles.loading} color='#347ae1' height={40} width={40} />

• useMemo: 모든 것을 memolizing 할 필요는 없다..

  const resultMessage = useMemo(() => {
    return !data ? '검색 결과가 없습니다' : '추천 검색어'
  }, [data])
  
 const resultMessage = !data ? '검색 결과가 없습니다' : '추천 검색어'

• import: 외부 / 자체 / 타입/ css

bug

• input 창 한글 입력 시 키보드 이벤트: (keyCode === 229 이슈) input창에 크롬에서 키보드 이벤트를 주면 첫 한 번은 키 입력 1회를 2회로 인식하는 오류가 있었다
  -> 크롬에서 한글 입력의 끝을 인식하지 못해서 발생하는 오류라고 한다

if (event.nativeEvent.isComposing) return

이런 식으로 막을 수 있다고..

운수 좋은 날

검색 잘하는 법을 배워 놓았는데 왜 써먹지를 못하니..

기어서라도 기어 업..
이가 없으면 잇몸으로 잇몸이 안좋으면 틀니라도

영어를 못하면 번역기라도 돌려서 검색을 해보자
구글로 안되면 파파고
파파고로도 안되면 네이버 지식인이라도

언젠가 꽃은 지겠지만 not today