async 2 [리액트] React-query 도입과 Suspense, Error Boundary를 적용해보자 들어가며 리액트를 하나보면 필연적으로 흰화면에 loading...를 띄우는 경험을 해보셨을 것이라 생각합니다. 그리고 주로 데이터가 없는 경우 if 문으로 분기처리를 하게 됩니다. 위의 방식이 나쁜것은 아닌데 하나의 컴포넌트에 return 문이 여러개가 되는 상황이 발생합니다. 아니면 삼항연산자로 분기처리를 하던가요. 그래서 조금더 리액트스러운 방법을 생각했고 Suspense와 Error Boundary를 통해 개선했습니다. 이번 글에서는 이 경험을 다뤄보도록 할게요. React-query는 왜 도입했는가? 뜬금없이 loading... 처리 얘기를 하다가 갑자기 React-query가 왜 나오냐? 하실수도 있습니다. 하지만 생각하보면 당연히 데이터패칭과 관계될수밖에 없는 것이 주로 loading을 보여줘.. 2021. 12. 15. [플러터] 페이지(스크린) 간의 데이터 전송 안드로이드에서는 주로 intent.putExtra를 통해 간단한 데이터를 액비티비 간에 전송하곤 합니다. 하지만 플러터에서는 navigator에서 이러한 데이터 전송을 관리합니다. push, pop 를 할때 데이터를 같이 실어보내주는 것이죠. 혹시 navigator에 대해 모르신다면 아래글을 먼저 읽고 와주세요. 코드도 저 예시에서 추가된 것입니다. 2020/05/07 - [개발/플러터] - [플러터] Navigator 에 대해 ( 화면 전환 ) [플러터] Navigator 에 대해 ( 화면 전환 ) Navigator 는 화면을 전환하기 위한 스택 개념으로 생각하면 됩니다. 안드로이드의 경우 Intent를 통해 넘겨주거나 그나마 최근에 생긴 Navigator 기능을 통해 넘겨주는데 안드로이드 naviga.. 2020. 5. 10. 이전 1 다음