react2 React + Typescript + Webpack + Babel + ESLint + Prettier + Husky + Emotion 프로젝트 boilerplate 기준은 깃허브에서 새로운 repository를 만들고, 로컬로 clone한 상태에서 시작하는 것을 기준으로 한다. (README.md 파일만 있다고 가정한다) 목차 기본 폴더 및 파일 세팅 React, Typescript Babel, Webpack ESLint, Prettier Husky, Lint-staged Emotion 기본 폴더 및 파일 세팅 다음과 같이 폴더와 파일을 추가한다. public/index.html .gitignore build node_modules yarn-error.logpackage.json { "name": "dutch-dutch", "version": "0.0.1", "description": "dutch-dutch is dutch treat .. 2021. 8. 24. React에서 Cypress로 테스트하기 바닐라 자바스크립트에서 cypress를 통해 테스트를 진행한 경험은 있지만, react에서는 아직 적용해보지 못했다. 이번 프로젝트에서 테스팅 도구로 cypress를 적용했는데, 초기 설정부터 stub response(mock)를 활용한 간단한 network request까지 알아보겠다. 1. Cypress 패키지 추가 및 초기 환경 설정 2. Stub Response를 활용한 간단한 Network Request 예제 1. Cypress 패키지 추가 및 초기 환경 설정 먼저 관련 패키지들을 추가한다. // shell yarn add -D cypress eslint-plugin-cypress cypress-react-selector eslint-plugin-cypress: cypress 테스트 파일 내에서.. 2021. 7. 28. 이전 1 다음
