22.07.12 회고

Facts(사실/ 객관)

[일상]

1. 투두메이트를 이용해 할 일을 세세하게 계획하고 달성하려고 노력했다.

2. 오랜만에 운동을 했다 (어깨, 유산소) 

3. 점심시간에는 미용실에서 머리를 잘랐다.

 

[업무/ 공부]

1. next 동기화
2. next 빌드
3. 담화마켓 랜딩 SSR 처리
4. next SEO관련 검색 및 공부
5. 노마드 코더 유용한 hooks 강의 완강
6. useMediaQuery 관련 개선 방안을 고민했다. 

 

---

Feelings(느낌,주관)

1. 100% 달성하지는 못했지만 오늘 하루를 많은 일들을 해냈구나라는 생각에 성취감이 든다.
   내가 계획한 테스크를 조금 이라도 더 달성하려고 의식하면서 시간을 알차게 보냈던 것 같다.
   매일하지는 못하더라도 오늘처럼 시간이 많은 재택 혹은 휴일에는 이렇게 시간을 보내야 겠다. 

---

Findings(배운점)

1. useMediaQuery Hook 만드는법을 배웠다. 

import { useState, useEffect } from 'react';

const useMediaQuery = query => {
  const [matches, setMatches] = useState(false);

  useEffect(() => {
    const media = window.matchMedia(query);

    if (media.matches !== matches) {
      setMatches(media.matches);
    }
    const listener = () => setMatches(media.matches);
    window.addEventListener('resize', listener);
    return () => window.removeEventListener('resize', listener);
  }, [matches, query]);

  return matches;
};

export default useMediaQuery;