반응형 TDD5 5. Vitest 이해하기 더보기2025.01.22 - [Front-End/리액트 테스트 입문] - 1. 들어가기2025.01.22 - [Front-End/리액트 테스트 입문] - 2. 테스트 이해하기2025.01.22 - [Front-End/리액트 테스트 입문] - 3. TDD 이해하기2025.01.22 - [Front-End/리액트 테스트 입문] - 4. RTL 이해하기RTL은 가상 DOM을 시뮬레이션하고 그 요소를 컨트롤 할 수 있게 해줍니다.그렇다면 테스트에 필요한 대부분의 기능들을 RTL이 제공해주는데 Vitest는 왜 사용하는 것일까요?궁금증을 해결하기 위해선 테스트 프레임워크를 알아야 합니다.테스트 프레임워크테스트 프레임워크란 소프트웨어 개발에서 테스트를 자동화하고 관리하는 데 도움을 주는 도구 또는 라이브러리입니다... 2025. 1. 22. 4. RTL 이해하기 더보기2025.01.22 - [Front-End/리액트 테스트 입문] - 1. 들어가기2025.01.22 - [Front-End/리액트 테스트 입문] - 2. 테스트 이해하기2025.01.22 - [Front-End/리액트 테스트 입문] - 3. TDD 이해하기지금까지 소프트웨어 테스트와 TDD에 대한 일반적인 개념을 살펴보았습니다.이제 해당 개념들을 기반으로 React에서 수행하는 테스트 방법을 알아보겠습니다.RTL(React Testing Library) 소개RTL은 React에서 소프트웨어 테스트 방법론을 적용할 수 있게 도와주는 라이브러리입니다.RTL을 사용하여 개발자는 다양한 관점의 테스팅을 리액트 기반으로 쉽게 수행할 수 있습니다.RTL의 동작 방식 - 문제 인식리액트의 동작 원리를 생각해봅시.. 2025. 1. 22. 3. TDD 이해하기 더보기2025.01.22 - [Front-End/리액트 테스트 입문] - 1. 들어가기2025.01.22 - [Front-End/리액트 테스트 입문] - 2. 테스트 이해하기TDD란?TDD(Test-driven development) 코드를 작성하기 전에 테스트를 먼저 작성하는 소프트웨어 개발 방법론입니다. TDD는 테스트를 먼저 작성하여 코드의 품질을 높이고, 버그를 조기에 발견하는 것을 목적으로 합니다.TDD를 사용하는개발 조직은 테스트도 개발의 일부로 느끼게 되고, 개발이 진행될 때마다 전체 테스트 코드가 동작되는 회귀 테스트가 실현되기 때문에 효과적인 개발 루틴을 확보할 수 있습니다.TDD는 조직의 역량으로 확보되기까지 평균 4 ~ 6개월의 숙련 기간이 필요합니다.원리TDD는 일반적으로 다음과 같.. 2025. 1. 22. 2. 테스트 이해하기 더보기2025.01.22 - [Front-End/리액트 테스트 입문] - 1. 들어가기이번 시간에는 소프트웨어 테스트에 대한 일반적인 개념을 살펴보면서, 테스트가 무엇이고 왜 수행하는지 알아보겠습니다. 소프트웨어 테스트란?소프트웨어 테스트는 소프트웨어가 요구사항을 충족하는지, 결함이 없는지를 확인하는 과정입니다. 소프트웨어 테스트를 통해 조직은 시스템의 품질을 향상시키고, 버그를 조기에 발견하여 수정 비용을 줄일 수 있습니다. 테스트의 종류소프트웨어 테스트는 목적에 따라 크게 4가지로 분류할 수 있습니다.단위 테스트(Unit Testing): 개별 모듈 또는 함수의 동작을 검증합니다.통합 테스트(Integration Testing): 여러 모듈이 함께 작동하는지를 확인합니다.시스템 테스트(System T.. 2025. 1. 22. 1. 들어가기 소개학부생 시절 교수님들은 항상 기말고사가 끝나고 학기가 마무리되는 시점에 테스트에 대해서 짤막하게 가르쳐주셨습니다. 테스트 코드를 작성하는 것보단 문법에 대한 이해가 중요한 시기였고, 이러한 학습은 저에게 ‘테스트라는 것이 그다지 중요하지 않구나’ 라는 잘못된 생각을 갖게 하였습니다.새로운 언어나 프레임워크를 학습할 때도 테스트 부분은 크게 눈여겨보지 않았습니다. 별로 중요하지 않다고 생각했기 때문입니다.이러한 편향된 시각은 코드를 바라보는 저의 관점을 매우 제한적으로 만들었습니다. 단순히 '동작하는 코드'를 넘어서 '신뢰할 수 있는 코드'를 작성하는 것의 가치를 알지 못했고, 더 나은 설계와 구조에 대한 고민도 부족했습니다. 테스트 코드 작성이 주는 이점을 놓친 채, 개발의 본질적인 부분을 보지 못했.. 2025. 1. 22. 이전 1 다음