본문 바로가기

전체보기

(286)
[React.js] React Router v5, useRouteMatch 추가. https://github.com/ReactTraining/react-router/releases/tag/v5.1.0 Release v5.1.0 · ReactTraining/react-router Read the blog post List of commits Features Add useParams, useLocation, useHistory, and useRouteMatch hooks (d6224d6) Add support for forwardRef in (b5528ed) Add support for functions in { const { params }: any = useRouteMatch(); // /path/:idx return ( {params?.idx} ); }; export default ..
[React.js] Object is possibly 'null' input 에 focus 를 주기 위해, ref 설정을 하고 focus 를 주었는데, "Object is possibly 'null'" 오류가 계속 발생한다. if 조건문으로 한번 감싸 주었는데도.. 그래서 아래와 같이 tsconfig.json 을 수정해주었다. // tsconfig.json { ... "strictNullChecks": false, ... }
[React.js] unmounted component memory leak 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 };
[React] React Hook 에서 array state 업데이트시 리렌더링 되지 않을때 array state 의 index 개수 변동이 없을때에는 re-render가 일어나지 않는다. 이럴때에는 새로운 array 로 set state를 해주면 된다. const arr = [1, 2, 3]; setArray([...arr]);
Error: No valid exports main found for node_modules\colorette 프로젝트 구성후 css import 시에 위와 같은 오류 발생시, 구글링을 해본 결과 nodejs 버전이 낮을 경우 발생을 한다. nodejs 를 업데이트 해준 후 서버를 재시작 해주면 정상 동작한다. windows 경우에는 nodejs 에서 installer 로 업데이트 해주면 된다. Update to : node version 14.6.* this should resolve it. https://nodejs.org/ko/download/package-manager/ 패키지 매니저로 Node.js 설치하기 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 출처: https://larac..
[Prettier] Windows 에서 delete cr 뜰때. "endOfLine":"auto" 를 .prettierrc 에 넣어준다. 그러면 우측에 세로로 빨간줄이 전체 뜨던게 싹 사라짐. ㅎㅎ 출처: https://stackoverflow.com/questions/53516594/why-do-i-keep-getting-delete-cr-prettier-prettier
간편금융, 토스 (Toss) 로 부자되세요! 이제 은행앱이나 오프라인 종이통장이 아닌 편리하고 실속있는 토스앱에서 금융자산을 관리하세요 ^^ 아래 링크를 통해 가입시 3,000원이 지급됩니다. 아직 가입안하셨다면 서두르세요!! toss.im/_m/7k99dmc4 3,000 원을 드려요 신규회원이라면 초대장으로 가입 시 바로 지급! og.toss.im
토스(Toss) 이벤트, 3천원 현금지급! 돈상자도 열어보세요 toss.im/_m/7G5566Gq 3,000원을 드려요. 초대장으로 가입하면 바로 3천 원을 드려요. service.toss.im 위 링크를 통해 토스 가입하시면 3천원이 지급됩니다. 바로 인출도 가능하니 꼭 가입하세요 ^^ toss.im/_m/xc2qRDyd 토스 돈 상자 당첨 확률 100% 상자를 열어보세요. service.toss.im 돈상자도 열어보세요~!!