이게 무슨 일이야!

https://github.com/reduxjs/redux-toolkit/issues/2204 [RTK Query] New feature or method for global spinner · Issue #2204 · reduxjs/redux-toolkit My project is in the coding phase. I was using axios + pure async thunk action for http requests. But RTK Query is awesome for manage these operations and I have decided using RTK Query. But I have... github.com const isSomeQueryPending = useSelector(sta..

React 에서 Prime React 의 Quill Editor 사용시 custom toolbar 옵션 줄 때 글자 크기 변환이 안되는 경우가 있음 (크게, 아주크게 는 되는데 보통 사이즈로 돌아가지 않음) select 의 defaultValue 를 default 로 세팅하고 보통 value 를 default 로 주면 해결 const renderHeader = () => { return ( ... 작게 보통 아주 크게 ... ) } const header = renderHeader() ... return ( )

일반적으로 이런식으로 a 태그의 링크 이동을 막을 수 있는데, 리액트에서는 href="javascript:void(0); return false;" 가 에러가 난다. 로 하는 방법도 있지만, 이 경우 주소가 바뀌는 문제가 생긴다. (그에 따른 처리가 안되는 문제) 그래서 react 에서 위와 같은 효과를 내기 위해서는 이 방법이 그나마 주소가 안바뀌면서 유사한 효과를 내는 것 같다 해결 방법 1

https://stackoverflow.com/questions/56276325/how-can-remove-console-log-in-the-production-build-of-a-react-application-create How can remove console.log in the production build of a React application created using create-react-app? How can remove console.log in the production build of a React application created using create-react-app CRA? stackoverflow.com if (process.env.NODE_ENV === 'producti..

하는 방법 이 페이지 하단에 있음 https://gist.github.com/kcak11/86f73703eff5bbd2f7bd6b6b3efded34 AES/CBC/PKCS5PADDING - Java/Javascript (Encryption & Decryption) AES/CBC/PKCS5PADDING - Java/Javascript (Encryption & Decryption) - 0000.md gist.github.com 필요한 라이브러리 : crypto-js https://www.npmjs.com/package/crypto-js crypto-js JavaScript library of crypto standards.. Latest version: 4.1.1, last published: a year ..

https://stackoverflow.com/questions/57453141/using-react-hooks-to-update-w-scroll Using React Hooks To Update w/ Scroll I'm trying to control the visibility of a React Component based on whether an individual is scrolling down on the component. The visibility is passed into the Fade element as the "in" property. I'... stackoverflow.com const [scrolling, setScrolling] = useState(false); const [sc..

react typescirpt 에 평범한 방법으로 비디오를 붙였을 뿐인데 TS2307: Cannot find module '../assets/videos/sample.mp4' or its corresponding type declarations. 이런 에러 났을 때 참조 1. 비디오를 assets/videos 폴더 안에 넣는다 2. tsconfig.json 중괄호 안에 "typeRoots": ["videos "] 를 추가 { "compilerOptions" : ... "typeRoots":["videos"] } 3. assets/videos 폴더 안에 videos.d.ts 파일을 넣는다 (파일 안에는 동영상 확장자의 타입 선언) declare module '*.mov'; declare module '*...

primereact 의 quill 로 등록한 글이 노출될때 스타일이 등록한 대로 안나오는부분은 뷰어에서 ql-editor 클래스를 꼭 추가해야함

상황 A : http://hello.com:8080 B : http://hello.com:8081 두 곳에 각각 리액트 SPA 웹사이트가 떠 있고 , A -> B 로 로컬 스토리지의 토큰 값을 보내서 공유하려고 한다. (port 가 달라서 로컬스토리지, 쿠키 공유가 안되는 상황!) 해결방법 1. https://avinashsdalvi.medium.com/cross-domain-sharing-resources-like-login-cookies-f12ca54eae44 Cross domain sharing resources like login cookies Hello devs, would like to know how to share one login between subdomain or different d..

목록에서 무한 스크롤 (infinite scroll) 구현하기 1. react-infinite-scroll-component 라이브러리 설치 https://www.npmjs.com/package/react-infinite-scroll-component react-infinite-scroll-component An Infinite Scroll component in react.. Latest version: 6.1.0, last published: 2 years ago. Start using react-infinite-scroll-component in your project by running `npm i react-infinite-scroll-component`. There are 339 other p..