Library & Framework

1. 초기 우리의 서비스해커톤 동안 MVP가 가장 우선순위에 있었기 때문에 서버분들이 API 명세서를 주는대로 바로 개발을 진행해야 했습니다.useEffect(() => { const getUserWatchDataApi = async () => { ... }; getUserWatchDataApi();}, []);그래서 처음엔 익숙했던 useEffect를 사용해서 비동기 통신을 처리하는 로직들을 작성하였습니다.하지만 추후 리팩토링을 진행하면서 TanstackQuery와 Suspense를 도입하고 리액트의 주요 개념인 선언형 프로그래밍을 통하여 비동기 작업의 복잡성을 크게 줄여주고 코드의 가독성을 높이기 위해 노력하였습니다. 2. useSuspenseQuery와 Suspense 도입하면서처음엔 하..

뷰 프레임워크를 사용하면서 shallowRef에 대해서 궁금한 적이 많았던 것 같다. 그래서 shallowRef의 경험과 개념에 대해서 애기하고 ref와 어떤 차이점이 있는 알아보려고 합니다. 1. Vue의 핵심인 ref ref는 뷰 프레임워크의 반응성에서 중요한 역할을 하는 함수이다. reactive의 경우 object의 변화만을 감지할 수 있었지만, ref의 등장으로 number, string, boolean타입과 같이 원시타입의 경우에도 변화를 감지 할 수 있게 만들었다. 기본적으로 ref를 사용하게 된다면, ref는 Proxy를 활용하여 내부 깊숙히 변화를 관찰할 수 있기 때문에 refValue.value.val로 접근해서 값을 변경하여도 뷰에서는 데이터가 변경되었다는 것을 감지할 수 있다. 이런..