프로그래밍 독학 (25) 썸네일형 리스트형 jest - redux 테스트하기 번역 https://redux.js.org/usage/writing-tests 번역입니다. 배우게 될 것 - 리덕스 사용 앱 테스트 추천 예제 - 테스트 설정 및 세팅 예시 가이딩 원리 테스트가 당신의 소프트웨어와 닮아갈 수록 당신에게 자신감을 안겨줄 것이다. - Kent C. Dodds 대부분의 Redux 코드가 순수 함수라서 모킹 없이 테스트하기 쉽습니다. 그러나 당신의 Redux 코드가 그것만을 위한 테스트를 필요로 하는지는 고려해야 합니다. 대다수의 시나리오에서 end-user는 리덕스가 사용되는지 전혀 알지 못하고, 신경도 쓰지 않습니다. 이처럼 Redux 코드는 많은 상황에서 명시적 테스트 필요없이 앱의 디테일의 구현으로 취급될 수 있습니다. Redux 사용 앱을 테스트할 때 우리의 일반적 조언은:.. jest 시작하기 - jest의 개요 https://jestjs.io/docs/getting-started 에서 필요하다고 생각되는 목차들을 재구성한 것입니다. Jest 개요 시작하기 Matcher 쓰기 비동기 코드 테스트하기 세팅, 분해하기 함수 모킹하기 jest 플랫폼 사용하기 가이드 스냅샷 테스트 비동기 테스트 예시 타이머 모킹하기 수동 모킹하기 ES6 클래스 모킹하기 bypassing 모듈 모킹하기 웹팩과 함께 사용하기 MongoDB와 함께 사용하기 DOM 조작 Watch 플러그인 Jest 구조 프레임워크 가이드 리액트 앱 테스트 리덕스 테스트 Jest Mocks에 대한 이해 https://minoo.medium.com/%EB%B2%88%EC%97%AD-jest-mocks%EC%97%90-%EB%8C%80%ED%95%9C-%EC%9D%B4%ED%95%B4-34f75b0f7dbe 를 필사한 것입니다. Jest의 Mocking은 테스트를 독립시키기 위해 의존성을 개발자가 컨트롤하고 검사할 수 있는 오브젝트로 변환하는 테크닉입니다. 의존성은 무엇이든 될 수 있지만, 일반적으로 import하는 모듈입니다. 자바스크립트에는 testdouble과 sinon처럼 훌륭한 mocking 라이브러리가 있고, Jest는 기본적으로 제공하는 기능입니다. 최근에 저는 Jest의 이슈 트래커를 돕기 위해 Collaborator로서 Jest팀에 참여했습니다. 거기서 많은 이슈들이 Jest에서 어떻게 m.. Jest 웹팩과 함께 쓰기 Jest - 웹팩과 함께 쓰기 jestjs.io/docs/en/webpack Jest · 🃏 Delightful JavaScript Testing 🃏 Delightful JavaScript Testing jestjs.io 을 번역했습니다. 웹팩과 함께 쓰기 Jest는 프로젝트에서 assets, styles, compilation 을 관리하기 위해 웹팩과 함께 쓰일 수 있다. webpack을 다른 툴들과 함께 사용하려면 특수한 관문을 넘어야 한다. 왜냐하면 webpack은 이미지나 폰트같은 stylesheet, asset 관리를 할 수 있게 앱을 직접적으로 통합하기 때문이다. Webpack 예시 // webpack.config.js module.exports = { module: { loaders: [ {.. [Hello Coding 프로그래밍] Chapter 2. 화면에 글자를 보여주려면, 출력문 [Hello Coding 프로그래밍] Chapter 2. 화면에 글자를 보여주려면, 출력문 함수 특정 기능을 수행하는 코드 묶음 자주 사용하는 기능을 함수로 만들어 가져다 쓰게 한다. '함수를 사용한다.' 라고도 하고, '함수를 호출한다.' 라고도 한다. 모든 함수는 마지막에 소괄호()를 붙여준다. 콘솔 제어장치나 모니터링 장치 Console.Write() 콘솔에 글을 쓴다. Console.WiteLine() 콘솔에 한 줄의 글을 쓴다. 콘솔에 내용을 출력한 뒤 새 줄이 생긴다. ; 코드 명령어 하나가 끝났다는 의미. 문장 마지막에 마침표를 붙이는 것과 같은 이치 "" 사이에 넣으면 출력이 안되는 문자들 "", '', |, \ 등 출력되게 하려면 앞에 역슬래시(\) 문자를 붙여줘야 한다. Pro git 독학일지 8장 - Git 브랜치(4) Pro git 독학일지 8장 - Git 브랜치(4) Pull 하기 git fetch 명령을 실행하면 서버에는 존재하지만, 로컬에는 아직 없는 데이터를 받아와서 저장한다. 이 때 워킹 디렉토리의 파일 내용은 변경되지 않고 그대로 남는다. 서버로부터 데이터를 가져와서 저장해두고 사용자가 Merge하도록 준비만 해둔다. 간단히 말하면 git pull 명령은 대부분 git fetch 명령을 실행하고 나서 자동으로 git merge 명령을 수행하는 것 뿐이다. 바로 앞 절에서 살펴본 대로 clone이나 checkout 명령을 실행하여 추적 브랜치가 설정되면 git pull 명령은 서버로부터 데이터를 가져와서 현재 로컬 브랜치와 서버의 추적 브랜치를 Merge한다. 일반적으로 fetch와 merge 명령을 명시적으.. Pro git 독학일지 7장 - Git 브랜치(3) 리모트 브랜치 Pro git 독학일지 7장 - Git 브랜치(3) 리모트 브랜치 리모트 브랜치 리모트 Ref는 리모트 저장소에 있는 포인터인 레퍼런스다. 리모트 저장소에 있는 브랜치, 태그 등등을 의미한다. git ls-remote [remote] 명령으로 모든 리모트 Refs를 조회할 수 있다. git remote show [remote] 명령은 모든 리모트 브랜치와 그 정보를 보여준다. 리모트 Refs가 있지만 보통은 리모트 트래킹 브랜치를 사용한다. 리모트 트래킹 브랜치는 리모트 브랜치를 추적하는 브랜치다. 이 브랜치는 로컬에 있지만 움직일 수 없다. 리모트 서버에 연결할 때마다 리모트 브랜치에 따라서 자동으로 움직일 뿐이다. 리모트 트래킹 브랜치는 일종의 북마크라고 할 수 있다. 리모트 저장소에 마지막으로 연결.. Pro git 독학 일지 6장 - Git 브랜치(2) Pro git 독학 일지 6장 - Git 브랜치(2) 브랜치 관리 git branch 명령은 단순히 브랜치를 만들고 삭제하는 것이 아니다. 아무런 옵션 없이 실행하면 브랜치의 목록을 보여준다. * 기호가 붙어있는 master 브랜치는 현재 Checkout해서 작업하는 브랜치를 나타낸다. 즉, 지금 수정한 내용을 커밋하면 master 브랜치에 커밋되고 포인터가 앞으로 한단계 나아간다. git branch -v 명령을 실행하면 브랜치마다 마지막 커밋 메시지도 함께 보여준다. 각 브랜치가 지금 어떤 상태인지 확인하기에 좋은 옵션도 있다. 현재 Checkout한 브랜치를 기준으로 --merged와 --no-merged 옵션을 사용하여 Merge된 브랜치인지 그렇지 않은지 필터링해볼 수 있다. iss53 브랜치는.. 이전 1 2 3 4 다음
