목록frontEnd/React (2)
개발일지
useReducer 도 자주 쓰는 useState와 같이 새로운 state를 생성하는 Hook 이다. useState useReducer 새로운 state 생성 state를 업데이트 시키는 함수 제공 컴포넌트 내부에 state 관리 로직을 작성해야 함 컴포넌트 외부에 state 관리 로직 분리 가능 useState 예시 inport { useState } from "react"; export default function App() { const [ count, setCount ] useState(0); // 이렇게 App 컴포넌트 안에 작성되어야 하며 // 상태관리 로직들이 복잡해지고 길어지게 되면 App 컴포넌트 내부에 코드가 길어지고 가독성이 떨어지게 됨 return ... ; } 그래서 프로젝트에..
Unit test (단위테스트) : 함수 하나하나와 같이 코드의 작은 부분을 테스트 하는 것 Integration test (통합테스트) : 서로 다른 시스템들의 상호작용이 잘 이뤄지는지 테스트하는 것 e2e test (종단 간 테스트) : 사용자와 어플리케이션의 상호작용이 잘 이뤄지는지 테스트하는 것 TDD (Test-driven development) : 테스트가 주가 되어 개발하는 방법 테스트 주도 개발(TDD)이란? TDD는 Test-Driven Development의 약자로 실제 코드를 작성하기 전에 테스트 코드를 먼저 작성하는 개발 프로세스다. TDD 프로세스는 다음 단계를 따른다. 테스트 코드 작성: 우선 구현하려는 동작을 설명하는 테스트 코드를 작성한다. 이때, 아직 동작을 구현하는 코드를..