괘종소리 세기

React Testing Library는 보통 리액트를 설치하면 기본적으로 같이 설치되어 있는 라이브러리입니다. TDD로 프로젝트를 하며 프론트엔드 테스트 코드를 작성한 경험이 있어서 정리합니다. 정적, 동적 컴포넌트 두 가지 모두 테스팅을 할 수 있는데, 여기서 정적 테스팅이란 말 그대로 웹 페이지에 정적인 html 요소가 표시되는지 확인하는 테스팅입니다. 먼저 정적인 요소 먼저 테스팅해보도록 하겠습니다. TDD가 늘 그렇듯 빈 Login 컴포넌트를 만들어 놓고 given-when-then 패턴으로 테스트 코드 먼저 작성합니다. 정적 테스트 코드 예시 // Login.test.tsx import { render, screen } from "@testing-library/react"; import Log..

[TDD] 실전에서 사용해본 TDD(Test-Driven Development) 현재 회사에서 TDD 방식으로 개발중에 있습니다. TDD를 도입한 건 현재 진행 중인 프로젝트부터라 경험이 많지는 않지만, 조금이나마 도움이 되실 분들이 있을까 해서 포스팅합니다. 사실 테스트 doringri.tistory.com 얼마 전에 저런 글을 썼었는데요, 솔직히 저 같아도 저것만 보곤 TDD에 대해 안 와닿습니다. 그래서 직접 Junit으로 구현하는 과정을 포스팅해보려 합니다. Junit이란? Junit은 Java 코드 검증을 지원하는 테스트 코드 프레임워크입니다. 테스트 코드 하면 가장 먼저 생각나는 유명한 프레임워크인 xUnit 시리즈 중 하나입니다. testImplementation 'org.junit.jupi..

현재 회사에서 TDD 방식으로 개발중에 있습니다. TDD를 도입한 건 현재 진행 중인 프로젝트부터라 경험이 많지는 않지만, 조금이나마 도움이 되실 분들이 있을까 해서 포스팅합니다. 사실 테스트 코드 때문에 울부짖은 적이 한두번이 아니긴 합니다만... 앗... 위 짤은 무시하셔도 됩니다.^^ TDD란? 이 포스팅을 보실 정도면 대충 TDD가 어떤 것인지에 대해서는 알고 계시겠지만 간략하게 개념을 설명하고 넘어가자면, TDD는 Test Driven Development(테스트 주도 개발)의 약자입니다. 코드의 전반적인 설계를 테스트 코드로 한다는 건데, 쉽게 말해서 테스트 코드를 먼저 작성하고 그 테스트를 통과하도록 소스 코드를 짜면 됩니다. TDD를 도입하기 전까지 기존의 방식은, 소스 코드를 먼저 작성하..