728x90 반응형 Developer/Experience & Trouble Shooting6 컴포넌트 상태 변이 흐름에 대한 고찰 목차 도대체 어디서 상태 변이시키는거야? 상태 변이 흐름 개선하기 상태 변이 일원화 상태 돌려놓기 부적절한 UX 마무리 도대체 어디서 상태 변이시키는거야? 컴포넌트 상태가 복잡해져서 예상치 못한 변이 흐름이 생기지 않을까 고민하셨나요? 아니면 의도하지 않은 상태로 변이되어서 당황하신 적이 있으신가요? 컴포넌트에 기능이 많아지고 비즈니스 로직이 복잡해질 수록 더 많은 상태가 생기게 됩니다. 특히 api 호출에 의존되는 경우 예외처리까지 고려해야합니다. 생각만해도 사이드 이펙트로 화면에 이상한 값이 보여질까 걱정되는데 여러분들은 어떻게 상태 변이 흐름을 관리하시나요? 상태 변이 흐름 개선하기 먼저 상황을 가정해보겠습니다. 화면은 필터링, 상품의 목록과 페이지네이션으로 이루어져있습니다. 첫 화면이 렌더링이 완.. 2023. 12. 9. Chrome Extension Trouble Shooting Pomodoro Chrome Extension 목차 Toolbar 아이콘 변경하기 사용할 Chrome API를 permission에 등록했는지 꼭 확인하기 Extension은 열 때마다 초기화된 상태 제출할 Screenshot은 규격에 맞게 제출하기 참고 1. Toolbar 아이콘 변경하기 Extension의 초기 실행 당시에는 manifest.json 파일의 action속성에 있는 default_icon의 값으로 설정되어 있다. 이때 Chrome은 알아서 적당한 이미지를 골라서 최적화시켜 icon으로 보여준다. 하지만 임의로 변경하고 싶을 때(Chrome API을 이용하여 setIcon하는 경우)는 Chrome이 최적화까지 하지 않아서 다음과 같은 오류를 만날 수 있다. 이를 해결하려면 규격에 맞는 i.. 2023. 1. 8. 이전 1 2 다음 728x90 반응형
