게으른 나에게

타입스크립트에서 지원하는 유틸리티 타입무언가를 '제외'한다는 뜻 OmitType에 해당되는 객체 타입 명시Key에는 제외한 키 값 명시-> 그 키값을 제외한 타입 선언

useRef[.current 프로퍼티로 전달된 인자(initialValue)로, 초기화된 변경 가능한 ref 객체를 반환.반환된 객체는 컴포넌트의 전 생애주기를 통해 유지됨]순수 자바스크립트 객체를 반환 (.current라는 프로퍼티)이 프로퍼티는 useRef를 실행할 때 전달한 초깃값이 구성되어 있다는 의미매번 렌더링 할 때 동일한 ref 객체를 제공한다는 점리렌더링 할 때 재선언되는 문제 해결 가능값이 변경되더라도 컴포넌트 리렌더링 일어나지 않음리액트에서 DOM에 직접 접근할 때 사용 import { useRef } from 'react';const fakeId = useRef(0);const handleCreate = (newProduct: Omit) => { fakeId.current += 1; ..

TextField 컴포넌트입력 필드 컴포넌트여러 형태와 동작을 가진 입력 필드 생성 label: 입력 필드의 레이블 설정. 사용자에게 입력할 내용에 대한 안내 제공 역할fullWidth: 입력 필드를 부모 요소의 가로 폭에 맞게 확장하는지 여부 설정value: 입력 필드의 현재 값으로 컴포넌트 상태와 연결되어 동기화onChange: 입력값이 변경될 때 호출되는 콜백 함수를 설정. 이벤트 객체를 통해 입력된 값 가져와서 상태 업데이트, 다른 작업수행marign: 입력 필드 주위의 여백 설정 사용방법

로딩(Loading)시 나오는 스피너(Spinner) 화면에 불러오면 바로 불러지지 않고 일정 시간을 두고 메인화면에 렌더링공백 기간 동안 로딩 컴포넌트 보여주는 식로딩도 하나의 상태(로딩이 되었다, 안 되었다) -> Boolean 형태상태로 관리요청을 시작했을 때 로딩상태 true                     ->  컴포넌트데이터 패치가 완료되었을 때 로딩상태 false     ->    컴포넌트 import { CircularProgress} from "@mui/material";const [isLoading, setIsLoading] = useState(false);useEffect(() => { setIsLoading(true); fetch("/product") ..