TIL - 2021.10.05

Today Ariticle

• Headless UI Library란?

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

그 외 오늘 참고한 아티클들

• 에러 경계(Error Boundaries)

Today I Learned

• UI 일부분에 존재하는 JS에러가 전체 어플리케이션을 중단시키는 상황은 막아야한다. 이를 위해 React 16부터 Error boundary라는 개념이 도입되었는데, 하위 컴포넌트 트리의 어디에서든 JS 에러를 기록하며 깨진 컴포넌트 트리 대신 폴백 UI를 보여주는 React 컴포넌트이다.
• 단, 에러경계는 이벤트 핸들러 / 비동기 코드 / SSR / 자식이 아닌 에러 경계 자체에서 발생하는 에러는 잡지 못 한다.
• 클래스형 컴포넌트만 Error boundary가 될 수 있다.
• React 16부터는 에러 경계에서 포착되지 않은 에러로 인해 전체 React 컴포넌트 트리의 마운트가 해제된다. 에러로 인해 손상된 UI를 보여주는 것은 아예 보여주지 않는 것만 못 하다. 잘못된 사용자 경험을 유발할 수 있기 때문! (예를 들어 손상된 메세지 창의 경우 잘못된 사람에게 메세지를 보낼 수도 있다. 결제도 비슷한 맥락)

Today Review

• 면접 끝!

• 이제 인턴과 퇴근 후 디프만 프로젝트에 몰두하자.. 3개월 간...

• 결국 올해까지는 바쁘고도 바쁜 생활이 계속될 듯..!

• 일일퀘스트에 리액트 공식문서 읽기를 추가해야할 것 같다!