독후감 (4) 썸네일형 리스트형 [클린 코드] 9. 단위 테스트 TDD 법칙 세 가지실패하는 단위 테스트를 작성할 때까지 실제 코드를 작성하지 않는다.컴파일은 실패하지 않으면서 실행이 실패하는 정도로만 단위 테스트를 작성한다.현재 실패하는 테스트를 통과할 정도로만 실제 코드를 작성한다.깨끗한 테스트 코드 유지하기테스트 코드는 실제 코드 못지 않게 중요하며, 실제 코드 못지 않게 깨끗하게 짜야함테스트는 유연성, 유지보수성, 재사용성을 제공한다코드에 유연성, 유지보수성, 재사용성을 제공하는 버팀목은 단위테스트테스트 케이스가 있으면 코드 구조 변경이 쉬워짐테스트 코드가 지저분하면 코드를 변경하는 능력이 떨어지며 코드 구조를 개선하는 능력도 떨어짐깨끗한 테스트 코드가독성이 중요하다!// beforepublic void testGetPageHieratchyAsXml() thr.. [실전 코드로 배우는 Vue.js] Chapter 11. vue 테스트 11.1 유닛 테스트와 E2E 테스트유닛 테스트가장 일상적으로, 가장 낮은 수준에서 수행하는 테스트.함수, 훅, 모듈처럼 특정 작업을 수행하는 코드 단위를 검증테스트 주도 개발(TDD) 방법론에 따라 유닛 테스트를 적용하면 표준 개발 관행에 부합TDD란?테스트 케이스를 먼저 설계 및 작성(적섹 페이즈)테스트를 만족시키는 코드를 구현(녹색 페이즈)구현 결과를 개선(리팩터링 페이즈)통합 테스트다양한 코드 단위 블록을 통합적으로 검증하는 테스트로직 기능, 컴포넌트, 모듈의 흐름 확인컴포넌트 테스트는 내부 로직과 유닛 테스트를 함께 검증하는 테스트테스트 품질을 확보하기 위해 업스트림 서비스와 각종 외부 기능들을 모의(mock)엔드투엔드 테스트실제 사용자의 행동을 시뮬레이션하며 클라이언트부터 백엔드에 이르는 전체.. [실전 코드로 배우는 Vue.js] Chapter 6. 외부 데이터 통합 6.1 Axios란?Http 요청을 처리하는 자바스크립트 오픈 소스 경량 라이브러리fetch와 마찬가지로 프로미스 기반 HTTP 클라이언트이며, 서버(노드)와 브라우저에서 모두 사용할 수 있는 동질성 라이브러리HTTP 요청을 가로채거나 최소할 수 있으며 사이트 간 요청 위조(CSRF) 방지 기능 내장응답 데이터를 JSON 형식으로 자동 변환6.2 Axios 설치npm install axios6.3 라이프사이클 훅과 Axios로 데이터 가져오기created 또는 beforeMounted를 선택해야 하며, beforeMounted는 SSR에서 사용할 수 없으며 created 훅은 컴포지션 API에 대응하는 라이프사이클 함수가 없다.가장 좋은 방법은 setup() 또는 6.6 애플리케이션과 외부 데이터베이스 .. [실전 코드로 배우는 Vue.js] Chapter 2. Vue의 기본 작동 방식 정리 2.1 가상 Dom 들여다보기DOM웹상의 HTML(또는 XML) 문서 콘텐츠를 메모리 내부에 트리형 데이터 구조로 나타냄HTML 문서의 또는 등의 태그는 프로그램이 접근 가능한 노드 및 객체로 표현됨레이아웃이 변경될 때마다 브라우저는 백그라운드에서 DOM API를 이용하여 지속적으로 DOM을 고쳐 그림해석 -> DOM 화면 래스터화 또는 픽셀투스크린 -> 파이프라인을 그리는 페인팅2.1.1 레이아웃 업데이트 난제각각의 페인트는 브라우저 성능에 크게 영향을 미치며, DOM을 구성하는 노드가 늘어날 수록 업데이트 비용이 극단적으로 증가함이를 해결하기 위해 가상 DOM이 설계됨2.1.2 가상 DOM이란?브라우저가 지닌 DOM의 인메모리 가상 복사본 버전으로, 객체를 통해 실제 DOM 구조를 모방속성 제어,.. 이전 1 다음
