FindNewThing FindNewThing

리액트에서는 변수를 사용할때 useState를 이용해 상태 관리와 리랜더링을 할 수 있다. 하지만 해당 변수의 값변경이 리랜더링이 필요없을 때는 useState를 이용하는건 불필요하다.특정 이벤트가 동작했을 때 useEffect()를 타도록 개발을 하고 있었다. 그렇기 때문에 의존성 배열에 useState를 통한 변수를 넣을지 , useRef()를 통한 변수를 넣을지 고민하다가문득 로컬변수와 useRef()의 차이점에 대해 정리가 명확하게 되지 않았다. 우선 useRef()는 useState처럼 값이 변경됐을때 리랜더링을 발생시키지 않지만, 동일하게 값을 유지하고 관리할 수 있는 리액트 훅이다.그렇다면 로컬 변수 또한 값이 변경됐을 때 리랜더링을 발생시키지 않는데, 그럼 어떤 상황에서 뭘 써야할까? 차이..

parseFloat()는 자바스크립트의 전역 함수로,문자열을 부동소수점 수(float)로 변환하는 역할을 한다.즉, 주어진 문자열에서 숫자로 변환할 수 있는 부분을 파싱하고, 이를 반환한다.  [작동방식] 문자열의 앞쪽부터 숫자를 인식(공백은 무시되지만, 숫자가 아닌 문자가 나오면 파싱을 중단합니다.)변환 가능한 숫자를 부동소수점 형태로 반환변환할 수 없는 문자열은 NaN을 반환 즉, parseFloat(string) 일시만일 '400,000' 의 값이 들어가게 된다면 결과 값은 400이 나온다, ','은 숫자가 아닌 문자기 때문에 파싱을 중단하기 때문이다. 때문에 자릿수 구분이 있는 숫자(금액) 같은 것을 parseFloat에 사용하려면 value  = String(value).replace(/,/g,..

로컬에서 할 때는 문제가 안되지만 저장소에 올릴때는 토큰/api 설정이나 서버url을 안올리는게 좋겠다. 그래서 .env파일에 별도로 관리하는 것이 좋다. [사전 조건] 1. create-react-app을 이용해 생성한 리액트 프로젝트 create-react-app으로 생성했다면 ' dotenv '를 통해 .env 파일을 import하지 않아도 된다. 다만 리액트에서 .env 설정값을 가져와 사용하려면 조건이 있다. REACT_APP_ 접두사 사용: 리액트에서는 환경 변수의 이름이 REACT_APP_로 시작해야 합니다. 예를 들어, REACT_APP_API_KEY=your-api-key와 같이 설정합니다. .env 파일의 재시작 없는 변경은 불가능: .env 파일의 내용이 변경되면, 개발 서버를 다시 ..