'string | null' 형식은 'string' 형식에 할당할 수 없습니다. 'null' 형식은 'string' 형식에 할당할 수 없습니다.ts(2322)

개인 프로젝트를 진행하는 중 만난 에러에 대해 기록을 남겨놓는다. // Userstate.ts 파일 import { atom } from "recoil"; ... const userInfo = atom({ key: 'userInfo', default : [{ uid: "", email: "", displayName: "" }] }) ... // Login.tsx 파일 const setUserInfo = useSetRecoilState(userInfo); // 사용자 정보 ... try{ const auth = getAuth(); const { user } = await signInWithEmailAndPasswordService(auth, userId, userPw); setUserInfo([ { uid..

2023.08.21

[React] 1. React Hook

1. React Hook 이란? Hook은 React 버전 16.8 부터 React 요소로 새로 추가되었습니다. Hook을 이용하여 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다. Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 " 연동(hook into) " 할 수 있게 해주는 함수입니다. Hook은 class 안에서는 동작하지 않습니다. 대신 class 없이 React를 사용할 수 있게 해주는 것입니다. 1) Hook 을 사용했을 때 장점 (1) 더 빠른 성능과 짧은 코드 양 (2) Wrapper 컴포넌트양 감소 (3) 하나의 컴포넌트를 생명주기가 아닌 기능을 기반으로 하여 작은 함수 단위..

2023.03.27