Todo Application

cmd 명령 프롬프트 창에 create-react-app 명령을 통해 리액트 프로젝트를 생성한다.cd : 위치 이동mkdir : 디렉토리 생성하기npx create-react-app 프로젝트명 : 리액트 앱 생성하기npm start : 브라우저에서 리액트 앱 실행하기프

1. 서버 2. Fetching Data Server로 TodoList를 받아온다고 했을 때, useEffect 안에 fetching Data 로직을 넣는다. 앞서 살펴본 useEffect는 여러 번 사용할 수 있다는 장점이 있다. useEffect의 첫 번째 인

1. 할 일의 개수 표현 App.js

App.js에서 제목인 <h1> 태그를 Header 컴포넌트로 이동시킨다.시작하기 전에 Form 컴포넌트도 만들어주자. form 태그 부분만 컴포넌트로 구조화 안된 상태여서 매우 거슬림...Form.jsxcomponents 폴더에 Form.jsx 파일을 생성하고

버그 발견 새로 추가한 Todo에 대한 완료/미완료 상태 표현이 작동하지 않는 버그를 발견했다. 원인을 찾아보니...TodoCode의 형식과 타입이 잘못되었던 것 ㅠㅠ 원래 todoCode는 YYYYMMDDN 형식이고 문자열 타입이지만, 새로 추가된 할 일의 todo

useRef > const = useRef( ); useRef 적용하기 현재 Form.jsx 파일 안의 에 연결된 에 의해 계속해서 렌더링되는 현상이 발생한다. Form.jsx useRef를 사용해서 컴포넌트 내에서 상태값을 유지하면서 DOM에 대한 직접적인

useReducer useReducer 적용하기