# fallback
[React.Lazy][Suspense] React에서 코드 스플리팅하기
입사 첫 주차가 지나갔다.앞으로 매주 TWIL과 회고를 진행하려고 하는데, 오늘은 회사의 코드를 파악하면서 익숙하지 않은 새로운 개념들을 하나씩 정리해두려고 한다.회사에서는 Next.js를 별도로 사용하고 있지는 않고 React 자체에서 코드 스플리팅을 사용하고 있다.
리액트 에러처리
App 컴포넌트를 실행하는데, Child 컴포넌트에서 throw new Error 를 했다, 이럼 App에 있는 모든게 동작하지 않는다, 동작을 하되, 에러가 낫음을 보여주자ErrorBoundary 클라스를 만들어서 state 객체를 만들었따, error : null
클라이언트 회복성 패턴(with 넷플릭스 히스트릭스)
클라이언트 회복성 패턴 서비스에 성능저하가 발생할 때 해당 문제가 상향(upstream) 전파되는 것을 막는 서비스 구현 방식 클라이언트 측 부하 분산 넷플릭스 리본(Ribbon) 라이브러리가 서비스 디스커버리에서 서비스의 물리적 위치를 로컬 캐싱하고 로드 밸런싱을 수
@Retryable @Recover 를 이용한 redis 장애시 DB 조회하는 fallback 구현하기
@Cacheable 이용시 redis 를 활용해서 캐싱할수 있다. 관련된 코드는 이전 포스팅 참고해도 되고, spring cache redis 검색해서 나오는 다른 블로그를 참고 하자.하지만 의존하는 모든 외부 서비스는 장애가 생길수 있다.레디스가 동작하지 않는 동안에
polyfill과 fallback에 대하여
다른환경에서 같은 동작이 수행되도록 구현. 특정 메서드를 기본제공하는 브라우저가 있는데 상위 버전이거나 하위버전이라서, 아니면 다른 브라우저라서 사용할 수 없을 때 같은 동작을 하는 코드를 추가해서 같은 동작을 하도록 하는 것.다른 환경에서 같은 동작을 제공할 수 없을