매드업

매드업

개발팀 리뷰

위 내용은 매드업 전 • 현 재직자의 응답 결과입니다.

기술 스택

언어

typescript

python

프론트엔드

React Query

html

css

React

백엔드

Swagger

fastapi

데브옵스

Next.js

Redux

MobX

재직자가 작성한 글

profile picture

Gorilla.Kim

매드업 프론트엔드 개발자

다른 개발자 분들의 의견이 궁금해지는 질문이네요 : ) 제가 이해한 바로는 "props로 자식 컴포넌트에게 react query 응답 데이터를 전달해야할까?" 의 질문으로 이해했습니다. 저의 경우에는 개발시에 데이터를 호출 및 가공처리를 담당하는 컴포넌트와 UI만을 담당하는 컴포넌트를 구분해서 개발하는편입니다. 그 이유는, 대부분의 버그나 이슈는 예측하기 어려운 곳에서 나타나는데요, 데이터를 Api를 이용해 호출해오거나 그 결과를 가공하는 과정이 대부분 해당이 된다고 생각해서에요. 그래서 react query를 쓰더라도 무조건적으로 데이터를 한곳에서 호출 후 자식에게 내려준다는 개념보다는 특정 기능을 하는 페이지를 개발할때 해당 페이지가 어떠한 비즈니스 기능들을 갖고 있는지 구분하고 각 비즈니스별로 Container 라는 컴포넌트를 만들어 해당 파일에서 필요한 데이터를 호출 및 관리하고 있습니다. 공통된 데이터 호출일지라도 react query가 캐싱된 데이터를 가져다가 사용해주기 때문에 중복호출 처리에 대해서는 react query를 믿고 그 역할을 위임하는 편입니다. 이후 각 비즈니스별로 필요한 UI들을 자식컴포넌트로 만들고 각 UI컴포넌트에서 필요로 하는 데이터를 Container에서 내려주고 UI 컴포넌트들은 데이터만 받아서 화면을 구성하도록 개발하고 있습니다. 질문에 대한 답변이 되셨을지 잘 모르겠네요 😅

profile picture

Gorilla.Kim

매드업 프론트엔드 개발자

흠... 질문 내용만 봐서는 어떤게 원인이었는지 쉽게 유추하기 어려울것 같습니다. 다만, 가끔 제가 사용하는 IED에서 규모가 어느정도 있는 프로젝트에서 작업할때 로직적으로 말도 안되는 경고가 뜰때가 있습니다 ㅎㅎ 그럴땐 해당 파일을 닫았다가 열면 정상적으로 돌아오더군요. 주로 풀을 땡기거나 할때 발생했던거 같아요 ㅎㅎ 참고로 저는 웹스톰을 사용하고 있습니다 ; )

재직자가 좋아한 글