다음과 같이 Version 간의 의존성 문제로 ERESOLVE 에러가 났을 경우 npm 명령 끝에\--force, or --legacy-peer-deps 를 추가적으로 입력 후 다시 실행하면 정상적으로 설치할 수 있다.밑에 오류를 자세히 보면 with --force,

프로그래밍을 하다 보면 간혹 불필요한 반복을 수행하여 시스템 자원을 낭비할 때가 있습니다. 예를 들어 어떠한 props Array에서 useState Array값을 set 시키기 위하여 반복문을 돌릴 때 반복문 안에서 계속 set을 할 경우 자원 낭비가 심하게 되는

useRef()는 인자로 받은 값으로 초기화된 변경 가능한 ref 객체를 반환합니다. 이 객체는 컴포넌트의 전 생애주기동안 유지되며, ref.current와 같이 current 속성에 접근하여 현재 가리키는 객체에 접근할 수 있습니다.select Tag에 useRef를

select안에 들어가는 option을 동적 생성하려면 다음과 같은 방식으로 접근할 수 있다.Array_Data 안에 있는 배열의 개수 만큼 .map으로 접근 후 loop를 돌려 result에 option 태그를 계속해서 넣어주었다. 그 후 JSX태그 안에 {list}