Huzylog

input 에 focus 를 주기 위해, ref 설정을 하고 focus 를 주었는데, "Object is possibly 'null'" 오류가 계속 발생한다.

if 조건문으로 한번 감싸 주었는데도.. 그래서 아래와 같이 tsconfig.json 을 수정해주었다.

// tsconfig.json
{
	...
    "strictNullChecks": false,
    ...
}

React.js 에서 비동기 요청 등의 동작 이후 응답/set state 가 되기 전에 해당 컴포넌트가 unmount 되면서 set state 오류가 나는 경우가 있다. 그럴때는 아래와 같이 해주면 된다.

const mounted = useRef(false);

useEffect(() => {
	mounted.current = true;
    () => {
    	mounted.current = false;
    }
}, []);

const fetch = async () => {
	const res = await fetch();
    if (!mounted.current) {
    	return;
    }
    
    // now mounted. do something else
};

array state 의 index 개수 변동이 없을때에는 re-render가 일어나지 않는다.

이럴때에는 새로운 array 로 set state를 해주면 된다.

const arr = [1, 2, 3];

setArray([...arr]);

프로젝트 구성후 css import 시에 위와 같은 오류 발생시, 구글링을 해본 결과 nodejs 버전이 낮을 경우 발생을 한다.

nodejs 를 업데이트 해준 후 서버를 재시작 해주면 정상 동작한다. windows 경우에는 nodejs 에서 installer 로 업데이트 해주면 된다.

Update to : node version 14.6.* this should resolve it.

https://nodejs.org/ko/download/package-manager/

출처: https://laracasts.com/discuss/channels/laravel/npm-run-dev-problem-in-fresh-laravel-project

"endOfLine":"auto" 를 .prettierrc 에 넣어준다.

그러면 우측에 세로로 빨간줄이 전체 뜨던게 싹 사라짐. ㅎㅎ 

출처: https://stackoverflow.com/questions/53516594/why-do-i-keep-getting-delete-cr-prettier-prettier

이제 은행앱이나 오프라인 종이통장이 아닌 편리하고 실속있는 토스앱에서 금융자산을 관리하세요 ^^

아래 링크를 통해 가입시 3,000원이 지급됩니다. 아직 가입안하셨다면 서두르세요!!

toss.im/_m/7k99dmc4

toss.im/_m/7G5566Gq

위 링크를 통해 토스 가입하시면 3천원이 지급됩니다. 바로 인출도 가능하니 꼭 가입하세요 ^^

toss.im/_m/xc2qRDyd

돈상자도 열어보세요~!! 

go.kakaobank.io/da7f09d

위 링크를 통해 카카오뱅크 통장 개설시 5천원이 지급됩니다. 아직 카뱅 계좌가 없으시다면 이참에 개설 한번 해보시죠!!