제로베이스 2021년 10월 말부터 2022년 1월 중순까지 수강했던 [ 프론트엔드 개발자되기 완주반 ]에서 처음 React를 배우게 되었다. 이때 아주 간단한 TodoList를 만들었는데 나는 이것을 업그레이드 시켜보기로 하고 인턴생활을 하며 한 달 동안 작업했다.
useRef > const = useRef( ); useRef 적용하기 현재 Form.jsx 파일 안의 에 연결된 에 의해 계속해서 렌더링되는 현상이 발생한다. Form.jsx useRef를 사용해서 컴포넌트 내에서 상태값을 유지하면서 DOM에 대한 직접적인
App.js에서 제목인 <h1> 태그를 Header 컴포넌트로 이동시킨다.시작하기 전에 Form 컴포넌트도 만들어주자. form 태그 부분만 컴포넌트로 구조화 안된 상태여서 매우 거슬림...Form.jsxcomponents 폴더에 Form.jsx 파일을 생성하고
1. 서버 2. Fetching Data Server로 TodoList를 받아온다고 했을 때, useEffect 안에 fetching Data 로직을 넣는다. 앞서 살펴본 useEffect는 여러 번 사용할 수 있다는 장점이 있다. useEffect의 첫 번째 인
cmd 명령 프롬프트 창에 create-react-app 명령을 통해 리액트 프로젝트를 생성한다.cd : 위치 이동mkdir : 디렉토리 생성하기npx create-react-app 프로젝트명 : 리액트 앱 생성하기npm start : 브라우저에서 리액트 앱 실행하기프