React

React는 key가 동일해도 내용이 바뀌면 다시 렌더링 됨. 다만 그 요소가 같다는 것을 앎. 만약 key와 내용 모두 안 바뀌었다면 렌더링 안함. useRef는 변화는 감지하지만 그 변화가 렌더링을 발생시키면 안되는 상황에 사용함. React의 재 렌더링에 대한 이해 React는 기본적으로 특정 setXXX를 통해 어떤 값이 변경되면 그 컴포넌트 전체는 렌더링을 다시 하게 됨. (이 재렌더링 때 특정 태그 안의 이전 키와 값, id 등을 기억, 비교해서 재렌더링 후 이전 키,id,값 등과 동일하다면 그 부분만은 재렌더링 하지 않음.) useState 로 컴포넌트 렌더링 시켰을 때, input이 index를 키로 이용하면 하나만 바꾸어도 모든 input 태그의 키인 인덱스에 해당하는 값이 다 바뀌니까 ..

1. useState 🟡 일반 형태: const [state, setState] = useState(초기값); 🟡 함수형 업데이트 형태 (`stateSetter((previousState) => return current`) // import logo from './logo.svg'; import './App.css'; import { useState } from 'react'; function App() { const [number, setNumber] = useState(0) return ( Number State: {number} { // // 기존 업데이트 방법 : useState 여러 개 납둬도 1 만 증가함. // 그냥 셋 다 현재 스테이트 받아와서 + 1 // 각각 실행되는 것이 아니라 배치..

1. 리엑트는 3사용자 정의 태그를 만드는 기술이라고 함~ (생활코딩 유튜브) https://www.youtube.com/watch?v=txX3bL22esU&list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7&index=2 2. Create React App 사이트 https://create-react-app.dev/ Create React App Set up a modern web app by running one command. create-react-app.dev npx create-react-app . Create React App 설치.(필수) 현재 디렉토리를 의미하는 약속된 기호 : . 현재 폴더 이름을 딴 프로젝트를 만들어줌. 3. 개발자용 빌드 만들어줌. ※강의는 개발자..