리액트를 사용하기 위한 문법인 JSX를 사용할 때 반드시 return 문 안에는 최상위 태그가 있어야한다.이러한 이유로 리액트 프로젝트에서 사용하지 않는 div를 쓰곤 하는데,불필요한 div 사용을 피하기 위해서 Fragment를 사용할 수 있다.축약형으로 <>
모달이란?다이얼로그(팝업 형태로 창을 띄워 정보를 보여주는 것) 실행 시 포커스와 제어권을 독점하여 다이얼로그 종료 전까지 기존 화면을 제어할 수 없는 기능이다.따라서 모달은 항상 화면의 최상위에 위치해야한다.일반적인 구현은 모달이 필요한 컴포넌트 안에서 모달 컴포넌트
React, Apollo client를 활용한 검색창을 만들어보자1️⃣ useState컴포넌트에서 바뀌는 값인 keyword를 관리하기 위해 useState 사용2️⃣ onChangekeyword바뀔 때마다 setKeword하는 함수 onChange3️⃣ useLazy
둘 중 하나만 써도 된다.useEffect를 사용하는 이유1\. 해당 div가 렌더링 완료되어야 그 ref 값을 에러없이(undefinded) 사용할 수 있다. 따라서 useEffect로 마운트 됐을 때 값을 사용하도록 한다.채팅창의 스크롤을 올린채로 닫고 다시 채팅창
중첩 롸우팅이란 해당 페이지에서 좀 더 구체적으로 화면을 교체할 필요가 있을 때 사용한다.예를 들어, /about을 url로 갖는 페이지에서 특정 컴포넌트를 클릭하면 화면이 바뀌면서 /about/1 로 url도 변경되는 것이다.react-router-dom v5 설명
💡 useWindowSize 윈도우 크기(width, height)가 변경되는 것을 감지할 수 있는 함수
css파일 다 삭제해도 margin이 생김💡 index.css에 아래 코드 복붙
1) 오늘 날짜2) 할 일 입력3) 할 일 체크 및 삭제4) 남은 할 일 개수 표시new Date()최상단 컴포넌트 파일인 index.js에서 불러온 후, 인자로 전달해줬다.(하위 컴포넌트에서는 new Date 가 작동하지 않았음)\+ 버튼을 누르면 입력창이 뜬다.버튼