react-testing-library React 사용자 지정 후크 테스트 React Hooks를 사용하면 사용자 고유의 사용자 지정 후크를 만들 수 있습니다. 이 기능을 사용하면 UI 구성 요소에서 로직을 쉽게 분리하고 재사용할 수 있습니다. 그러나 커스텀 훅은 React 컴포넌트 내에서만 작동하기 때문에 유닛 테스트를 수행하는 데 약간의 팁이 필요할 것 같습니다. 그래서 커스텀 후크를 테스트해 봅시다. 환경 구축이 끝나면 커스텀 후크를 만드세요. src/useC... react-testing-libraryReact단위 테스트react-hooks Storybook의 최신 형식을 빠르게 테스트합니다. Component Story Format(CSF) /package.json /.storybook/config.js /src/components/atoms/Button/__stories__/index.stories.tsx storiesOf API를 사용하지 않고 export를 하는 것이 특징이다.다음 장에서 자세히 보다. 이야기는 특정 상태 구성 요소의 예시를 렌더링하는 코드 세션입니다. 구체적으로 말하면 구성 요소와 상태를 총괄적인 함수(부... Reactreact-testing-libraryTypeScriptstorybook
React 사용자 지정 후크 테스트 React Hooks를 사용하면 사용자 고유의 사용자 지정 후크를 만들 수 있습니다. 이 기능을 사용하면 UI 구성 요소에서 로직을 쉽게 분리하고 재사용할 수 있습니다. 그러나 커스텀 훅은 React 컴포넌트 내에서만 작동하기 때문에 유닛 테스트를 수행하는 데 약간의 팁이 필요할 것 같습니다. 그래서 커스텀 후크를 테스트해 봅시다. 환경 구축이 끝나면 커스텀 후크를 만드세요. src/useC... react-testing-libraryReact단위 테스트react-hooks Storybook의 최신 형식을 빠르게 테스트합니다. Component Story Format(CSF) /package.json /.storybook/config.js /src/components/atoms/Button/__stories__/index.stories.tsx storiesOf API를 사용하지 않고 export를 하는 것이 특징이다.다음 장에서 자세히 보다. 이야기는 특정 상태 구성 요소의 예시를 렌더링하는 코드 세션입니다. 구체적으로 말하면 구성 요소와 상태를 총괄적인 함수(부... Reactreact-testing-libraryTypeScriptstorybook