TIL: 새옹지마 - 2. 검색어 추천 검색창 (5)

앞으로의 과제

• custom hook
• Potal
• refactoring
• interceptor

Keyword

• Suspense: 간단하게 적용은 해봤지만 Router와 같이 사용되는 경우를 구현해봐야 한다

const component = React.layz(() => import('./component)) 
                                          
<Suspense fallback={<div>loading..<div>}>
	<component />
</Suspense>

• redux: 최상위에서 불러올 수 없다
  component 내부, custom hook, 함수 내부에서만 불러올 수 있다
  함수 내부에서 사용 시 함수 이름의 시작을 대문자로 해야 한다
• custom hook: deps에 사용한 모든 state를 적어줘야 린트가 좋아한다
• type과 api 호출: api 호출로 불러오는 데이터의 자료구조가 여러가지일 경우 typescript에서 하나만 인식하여 다른 변수에 저장할 수 없는 경우가 생긴다
  -> axios then 에서 처리하거나 interceptor를 공부해보자
  react-query: onSuccess - 콜백함수의 인자로 호출 성공 데이터가 있다, onError
• hooks: useMemo, useEffect, useState 훅 내부에서 ??, && 등 boolean 값을 리턴하는 문법은 사용할 수 없다 -> 삼항 연산자 가능

인생

우리는 기차를 기다리고 있어
가고 싶은 곳은 있지만 어디로 갈지는 몰라

가고 싶은 회사가 있지만 어디로 가게될지 모른다

프로그래밍은 인생을 담고 있는 것 같다
구현하고 싶은 것은 있지만 어떻게 될지는 모른다