0112 TIL ALL-CON devLog

새로 알게된 점

• css에서 hover시 transition을 줄 수 있고, hover안할 때(hover했다가 마우스를 뗄 때)도 부드럽게 효과가 빠지길 원한다면 원래의 것도 transition을 주어야 한다.

• type오류

 <p
              id={order === 'hot' ? 'hot' : undefined}
              onClick={() => {
                dispatch(setOrder('hot'));
                getHotPosters();
              }}
            ></p>

맨날 js로 만들땐 조건이 틀리면 id를 그냥 null로 넣었는데 타입스크립트로 작성하니까 type 오류가 났다. 이래서 6699(2주프로젝트)때 오류가 많이 났었나 싶다.

• RootState가 도대체 뭔가 했다.

const { order } = useSelector((state: RootState) => state.main);

createSlice를 이용해서 store를 만들어주고 나서 한곳에 모아주는데 그걸 공식문서에서는 rootReducer라고 말하는 것 같다. 우리는 index.tsx에 rootReducer를 만들어서 store들을 모아 관리하기로 했다.

/* RootState Type 세팅 */
export interface RootState {
  auth: auth;
  modal: modal;
  main: main;
}

막히는 점

• 얘를 써야할지 모르겠다. 블로그에만 3번째 적는 것같다. 가장 많이 마주치는 서버가 죽는 에러 ㅎㅎ
  sudo kill $(sudo lsof -t -i:8080)