개념 공부 (2) 썸네일형 리스트형 20240206 TIL#32 [1] TIL 1. Firebase 특강 정리 - firebase 사용법 (1) Firebase 환경 설정 1) Firebase 사이트에서 프로젝트 추가 2) VS code에서 npm install firebase 3) src 폴더에 firebase.js 파일 만들고 초기 설정 // Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries // Your web a.. useState vs useRef 1. useState (1) useState는 react의 가장 기본적인 hook으로 함수형 컴포넌트 내에서 상태 값을 관리하고, 상태가 변화하면 리렌더링을 하여 반영시킨다.변적인 상태를 갖게 한다. (2) const [state, setState] = useState(초기값); 2. useRef (1) useRef는 DOM 요소를 어딘가에 저장하고 접근해서 DOM 요소를 사용할 수 있도록 도와주는 react hook이다. (2) const ref = useRef( ); 3. useState vs useRef : 리렌더링 여부 (1) useState는 state의 변화가 일어나면 다시 렌더링되고 내부 변수들이 초기화됨. (2) useRef에 저장된 값이 변해도 내부 변수들이 초기화되지 않고 리렌더링이 일.. 이전 1 다음