데일리 리포트6 React Hook (useEffect) Usestate 는 이제 어느정도 익었는데useEffect, useReduce, useContext 는 조금만 소스에서 안보면 까먹어서 따로 정리를 한다. useEffect(didUpdate); 명령형 또는 어떤 effect를 발생하는 함수를 인자로 받습니다. 전달된 함수는 화만에 렌더링이 완료된 후에 수행되게 된다. 기본적으로 동작은 모든 렌더링이 완료된 후에 수행됩니다만, 어떤 값이 변경되었을 때만 실행되게 할 수도 있습니다. Cleanup 함수를 리턴하여 렌더링 후 use effect 함수 실행전 과 컴포넌트가 제거 하기전 에 실행시킬 수 있다 useEffect( () => { const subscription = props.source.subscribe(); return () => { subscr.. 2022. 5. 4. Unary plus (+) => 단항 연산자(+) 단항 더하기 연산자(+)는 피연산자 앞에 나와 피연산자로 평가되지만 아직 숫자로 변환되지 않은 경우 숫자로 변환하려고 시도합니다. "" + 1 // 문자열변환을 이렇게 하는것과 비슷하게 +를 사용하여 숫자 변환을 할수 있다 const x = 1; const y = -1; console.log(+x); // expected output: 1 console.log(+y); // expected output: -1 console.log(+''); // expected output: 0 console.log(+true); // expected output: 1 console.log(+false); // expected output: 0 console.log(+'hello'); // expected output:.. 2022. 4. 4. Boilerplate (보일러 플레이트) 보일러 플레이트 란? 다시 사용할 수 있는 표준화된 텍스트, 사본, 문서, 방법또는 절차를 말한다. 일반적으로 요율성 및 문서의 구조와 언어의 표준화를 위해 사용된다. 직역 하면 "표준 문안" 어원은 철을 끓여 만든 인쇄판, 개발에서 사용 시 조금씩 변경하거나 반복적으로 사용되는 코드의 집합을 뜻한다. 보일러 플레이트 코드가 많다면 좋지 않은 소스일 수도 있지만 개발 시작시 필요한 최소한의 필요 코드 및 세팅 법을 플레이트 코드라고도 사용하는 것 같다. minimize boiler-plate code 하는 것도 리팩토링의 한 방법이며 최소한의 보일러 플레이트는 다른 개발자의 초기 세팅과 개발 진입 장벽을 낮춰줄 수 있다. 2022. 3. 21. 테스트 방식의 종류 1. 화이트 박스 테스트 ( = 구현 기반 테스트) 응용프로그램의 내부 구조와 동작을 알고 테스트 하는 소프트 웨어 테스트 방식 * 제어 흐름 테스트 * 데이터 흐름 테스트 * 분기(branch) 테스트 * 경로 테스트 2. 블랙 박스 테스트 ( = 명세 기반 테스트) 내부구조나 작동 원리를 모르는 상태에서 소프트웨어의 동작을 검사하는 방법 주로 올바른 입력과 올바르지 않은 입력을 일일이 동원하여 (내부구현에 대해 아는 것이 없으니 이것 저것 눌러보는 것이구만) 올바른 출력을 판별하는 방식으로 테스트 한다. 대외적으로 공개된 설계도나 정보등을 가지고 검사 한다. * 유닛검사 * 기능검사 * 적합성 검사 등에 이용됨 3. 경계값 분석 테스트 테스트 아이템의 입력 또는 출력이 여러 영역으로 구분되는 경우에 .. 2022. 3. 2. 이전 1 2 다음