한땀한땀 코딩하기

  • 홈
  • 태그

react-testing-library 1

storybook/testing-react 를 이용한 React 컴포넌트 중복 테스트 작성 방지

Storybook? Storybook은 컴포넌트 단위로 나뉜 UI를 프로그램과 별개로 띄워서 확인해볼 수 있게 해주는 일종의 테스트 도구입니다. 리액트 컴포넌트를 개발할 때, props나 상태 값에 따라 디자인부터 기능까지 달라질 수 있는데, 이를 매번 실제 개발하고 있는 페이지에 심어서 테스트하는 것은 번거롭고 놓치게 되는 부분이 많습니다. 제가 Storybook을 사용하면서 느꼈던 장점들은 이렇습니다. 개발 중인 화면과 분리하여 UI를 확인 및 테스트 가능 props 값에 따라 달라지는 모든 형태를 기록해둘 수 있어 디자인 docs 작성 + 개발을 한번에 처리 가능 디자이너와 협업 시 개발 상태를 공유 가능 Jest (React Testing Library)와의 차이 기존에 컴포넌트 테스트를 Reac..

웹/React 2022.04.30
이전
1
다음
더보기
프로필사진

한땀한땀 코딩하기

  • 분류 전체보기 (58)
    • 단상 (1)
    • 이노베이션 아카데미_42Seoul (2)
      • 오십보백보 (2)
      • 학습 (0)
      • 감상&리뷰 (0)
    • 웹 (19)
      • 호스팅 (1)
      • 배경지식 (9)
      • React (3)
      • UI & UX (1)
    • 부스트캠프2020 (3)
    • 알고리즘&자료구조 (7)
    • 프로젝트 (1)
    • 데이터베이스 (4)
      • SQL (2)
    • java (1)
      • 문법 공부 (0)
    • JavaScript (12)
      • Node JS (3)
      • 문법 공부 (3)
    • Computer (2)
      • Hardware (1)
    • 기타 (2)

Tag

VS Code, 리액트, express, 부스트캠프2020, 비동기, AWS, MySQL, ChatGPT, react, You Don't Know JS Yet, Next, closure, 42서울, Java, 자바스크립트, 부스트캠프, Node, flask, http완벽가이드, JavaScript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바