akjfal

Error Boundaries 에러 경계(Error Boundaries) – React A JavaScript library for building user interfaces ko.reactjs.org 과거 자바스크립트 에러가 React의 내부를 훼손하고, 암호화 에러를 뱉어내서 문제가 되었습니다. Error Boundaries의 소개 UI의 일부분 에러가 전체 애플리케이션을 중단시켜서는 안되기 때문에 React 16에서부터 Error Boundary라는 개념을 도입했습니다. 단 아래 경우에는 에러를 포착하지 않습니다. 이벤트 핸들러 비동기적 코드 서버사이드 렌더링 자식이 아닌 error boundaries 자체에서 발생하는 에러 ... Error boundary배치 위치 개발자가 결정할 사항인데, 전..

Context Context – React A JavaScript library for building user interfaces ko.reactjs.org context를 사용하면 props로 상태를 일일이 넘길 필요 없이 데이터를 트리에 제공할 수 있습니다. 언제 Context를 써야 할까 기존에 React에서 데이터를 전역적으로 사용하기 위해서는 Redux나 Mobx와 같은 외부 라이브러리에 의존해야했습니다. 하지만 이를 내부적으로 해결하기 위해 고안된 방법입니다. import React from 'react'; function ThemeButton(props){ const {theme} = props; return ( 버튼 ) } function App() { return ( ); } expor..

Effect Hook 사용하기 Using the Effect Hook – React A JavaScript library for building user interfaces ko.reactjs.org useEffect는 class에서 componentDidMount, componentDidUpdate, componentWillUnmount가 합쳐진 방식이라고 생각하면 된다. React에는 두 종류의 side effects가 존재하는데 clean-up이 필요한 것과 필요 없는 것 두가지가 있다. clean-up이 필요 없는 Effects class형에서 어떠한 데이터를 업데이트 하기 위해서는 컴포넌트가 방금 마운트 되엇는지(componentDidMount), 업데이트되었는지(componentDidUpdat..