기존 바닐라 자바스크립트로 페이지를 만들때, a태그의 이동을 막는 방법으로위와 같은 방식으로 사용을 해오다가React로 넘어오면서 아래와 같은 에러에 맞닥드렸다.a 태그 사용시 유효한 값의 href 속성이 필요하다.이런 태그는 strict mode에서 걸리게 되는데 h
프로그래밍에서 불변성을 지킨다는 뜻은 ? 메모리 영역의 값을 직접적으로 변경하지 않는다는 의미이다const \[state, setState] = useState(초기값)에서 setState(변경할값) 함수가 실행될때 변경되기 전의 상태와 비교해서 그 값이 다르면 re-
리액트에서 map 메서드를 이용해 리스트를 반환할 경우 배열에서는각각의 리스트마다 고유의 key prop을 가지고 있어야 한다 만약 key값을 넘겨 주지 않는다면 아래와 같은 경고 메세지를 만날 수 있다React는 배열을 렌더링할 때, 요소의 특정 값을 통해 변화를 인
useState()를 사용해 이벤트를 처리 할때 우리는 input 입력값을 변할때마다 setter함수에 넣음으로써 input의 value가 변할때 마다(한글자 한글자 입력될때마다) 리렌더링 되는 현상이 일어난다 (느려짐)이를 해결하기 위해 최근 useTransition
라이브러리를 설치후 애니메이션이 실행될 컴포넌트 내에서 motion을 불러온다. import { motion } from "framer-motion" 애니메이트 준비하기 1. HTML 태그로 선택하기 framer-motion을 사용하기 위해서는 div등의 HTML