testing-libaray

2023.05.24 - [🌳Frontend/react] - [TDD] 투두리스트를 TDD로 개발하기 - TodoItem TodoForm 테스트코드 먼저 작성 import { render, screen } from '@testing-library/react' import TodoForm from '@/components/todo-list/TodoForm' import userEvent from '@testing-library/user-event' describe('Test TodoForm', () => { it('할 일을 입력해야 추가 버튼이 활성화된다.', async () => { render() const user = userEvent.setup() const textField = screen.getB..

Next.js를 구축하고 환경설정하는 게시글은 띄엄띄엄 정리하긴 했지만, 하나의 게시글로 정리하고 싶어서 다시 씀. 읽기전에 패키지 버전차이가 있을 수 있습니다. (이로인해 실행이 제대로 되지 않을 수 있습니다.) 초기셋팅은 왠만하면 공식문서를 보고 따라하는 것이 좋습니다. 저는 node pakage manaement tools 로 yarn 을 사용합니다. (npm으로 설치할 수도 있지만, yarn을 더 선호하는 편 입니다.) 타입스크립트를 사용합니다. Next.js 프로젝트 생성 yarn create next-app --typescript 1. 프로젝트 이름을 적어주세요 2. ESLint를 사용할 것인지 3. Tailwind CSS 를 사용할 것인지 4. src directory를 사용할 것인지 5. ..