TIL - 2021.09.03

Today Ariticle

• 개발팀이 일을 매듭 짓는 방법

• 리뷰는 여기서 - 일일 아티클
  
  

그 외 오늘 참고한 아티클들

• window.location, URL에서 값 가져오기

Today 테코톡

• 🍺 서니의 프론트엔드 성능 측정

• 리뷰는 여기서 - 일일 테코톡

Today I Learned

• 컴포넌트가 언마운트 될 때, 최신 상태값을 서버에 로깅하는 방법

  • 일단 언마운트 시점은 useEffect의 콜백 함수가 리턴하는 함수 cleanUp function으로 감지한다.
  • 중요한 건 언마운트 시점의 최신 값을 어떻게 얻을 것인가인데, ref를 사용해서 상태값이 변경될 때 마다 ref.current를 갱신한다. 그리고 cleanUp 함수는 ref.current값을 사용해서 로깅 API를 호출한다.
  • 단, useEffect의 의존성 배열을 비워둬서 중복 로깅이 발생하지 않고 한 번만 실행되도록 한다.

• CustomEvent(eventType, {}).

  • 커스텀 이벤트 객체를 생성한다. 첫 번째 인자는 이벤트 타입(click, input 같은 것들) 두 번쨰는 이벤트 객체에 들어갈 커스텀 속성이다.
  • 이 후 Element.dispatchEvent(customEvent)로 이벤트를 발생시킨다

	const customEvent = new CustomEvent("custom", {custom:{key : value}})
  	window.dispatchEvent(customEvent)

Today Review

• 당근마켓 MVP 면접을 보았다. 가벼운 마음으로 봐서인지 생각보다 괜찮았다. 예정시간이 30분으로 알고 있었는데 70분이나 보았다 ㄷㄷ

• 마지막 프로젝트 복기를 진행하고 있는데 분량도 너무 많고.. 복잡하고.. 이 사람덜 코드 왤케 많이 짰어..싶네..흐히희..