리액트 컴포넌트 테스트 자동화(Jest, React Testing Library)와 TDD 적용 예시 리액트 애플리케이션의 복잡성이 증가하면서, 안정적인 코드를 유지하고 기능을 확실하게 검증하기 위한 테스트 자동화와 TDD(Test Driven Development)의 중요성이 더욱 부각되고 있습니다. 본 포스팅에서는 Jest와 React Testing Library를 활용하여 리액트 컴포넌트의 유닛 테스트 및 통합 테스트를 작성하는 방법과, TDD 방식으로 개발하는 실제 사례를 구체적으로 다루어 보겠습니다. 이를 통해 코드 품질을 … 더 읽기
JS 리액트 Axios를 활용한 데이터 전송 및 렌더링 방법 리액트 개발 환경에서 Axios를 사용하면 외부 JSON 데이터나 API로부터 쉽게 데이터를 가져올 수 있습니다. 이번 포스팅에서는 Axios의 설치부터 데이터를 가져와 useState와 useEffect를 활용하여 상태를 관리하고, 데이터를 화면에 렌더링하는 전체적인 과정을 단계별로 알아보겠습니다. 리액트 프로젝트에서 외부 데이터를 다루는 과정은 크게 라이브러리 설치 → 초기 설정 → 데이터 요청 → 상태 관리 → … 더 읽기
리액트 Warning: Use the defaultValue or value props on instead of setting selected on . 리액트 프런트엔드 개발 중에 select를 사용할 때 jquery를 쓰던 습성대로 코딩을 하다 보면 반드시 만나게 되는 흔한 오류 중의 하나가 바로 selected를 사용하지 말라는 경고다. Warning: Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>. ‘selected’대신에 … 더 읽기