본문 바로가기

분류 전체보기68

Flutter 와 React Native 의 구조적 차이 React Native 는 Bridge 를 통해 자바스크립트 코드와 네이티브 코드 간에 통신을 하게 한다. Flutter는 다트 코드가 네이티브 코드로 바로 렌더링 되거나 서비스로 접근할 수 있다. 기능이 많아질수록 React Native 앱은 성능저하가 올 수밖에 없다. 구글 트렌드에서 지난 5년 간의 React Native 와 Flutter 에 대한 관심도를 보았을 때 2020년 이후로 Flutter 의 관심도가 상당히 높아진 것을 알 수 있다 그래도 당장 React 에 익숙한 javascript 개발자 밖에 없다면 React Native 만한 게 없지 않을까. 2024. 2. 20.
Jest.each() 로직은 동일하고 값만 변하는 테스트를 여러 번 할 때, Jest.each() 를 활용하면 테스트를 보다 간소화 할 수 있다. Jest.each() 는 Jest 23부터 기본 패키지로 포함되어 있다. 이전 버전은 Jest-each 패키지 설치가 필요하다 2024. 2. 20.
axios-mock-adapter api 2024. 2. 15.
React Testing Library - 렌더링 검증 render 함수 - component를 render - document.body 에 붙인다 반환값 query objects - render 된 DOM에서 특정 element를 조회할 때 사용 - screen 을 불러와서 사용 가능 - 공식문서-queries container React component가 render 된 DOM Node, div baseElement container 가 들어가 있는 DOM Node 기본 값은 document.body rerender props를 변경하여 component update 를 처리할 때 사용 unmount component를 unmount 시킬 때 메모리 누수를 유발하는 event handler를 남겨두는 테스트 시도 시 유용 renderHook - hook.. 2024. 2. 14.