soso-tip
soso-tip copied to clipboard
๐ฏ์์ํ ํ๋ค๊ณผ ์ ๋ฆฌ, ๋ฒ๊ทธ ํด๊ฒฐ๊ธฐ๋ฅผ ๋ชจ์๋๋ ๋ ํฌ
https://github.com/vercel/swr/blob/9e734aaff7d3082fc9fd7945f615fb63621b2bc7/test/use-swr.test.tsx#L1790 ```ts expect(container.textContent).toMatchInlineSnapshot(`"loading"`) await act(() => new Promise(res => setTimeout(res, 1000))) // update ```
## filename ```ts /// /// export * from '@src/OtherComponent'; ``` ์ด๋ ๊ฒ ๋์ด ์์ ๋, `index.d.ts`๋ ์๋์ ๊ฐ์ด ์ถ๋ ฅ๋๋ค. ```ts /// /// export * from "./OtherComponent"; ``` referecne path์ ๋ค์ด๊ฐ ์ด๋ฆ์ด...
## Desc ```diff - "start": "webpack --mode=development -w" + "start": "yarn pnpify webpack --mode=development -w" ``` ## Ref https://www.manongdao.com/q-1323598.html
## Desc custom hook์์ ๋ ๊ฐ์ง ์ด์์ ํ ์คํธ๋ฅผ ์์ฑํ ๋ mocking ๊ฐ์ด ๋ณํ์ง ์๋ ๊ธฐ์ดํ ํ์ > ๊ฐ๋ณ์ ์ผ๋ก ํ๋์ฉ run์ํค๋ฉด ๋ชจ๋ ์ฑ๊ณตํ๋, ๋๊ฐ๋ฅผ ๊ฐ์ด ๋๋ฆด ๊ฒฝ์ฐ ์คํจ ์ฌ์ฉํ๋ ์ฝ๋๋ค ####...
## Desc recharts ์ [ResponsiveContainer](https://recharts.org/en-US/api/ResponsiveContainer)๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ ์คํ ๋ฆฌ๋ถ ์ค๋ ์ท ํ ์คํธ์์ ์๋์ ๊ฐ์ ์๋ฌ ๋ฐ์ ``` TypeError: Cannot read property 'parentElement' of null at ResizeDetector.componentWillUnmount (node_modules/react-resize-detector/lib/components/ResizeDetector.js:105:105) at callComponentWillUnmountWithTimer (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10194:12) ``` ###...
## Desc ![example](https://user-images.githubusercontent.com/18658235/75113397-09083180-5691-11ea-973c-ae70339308f7.gif) `window.addEventListener('mousemove', onMouseMove)`๋ฅผ ์ด์ฉํด์ drag ์ด๋ฒคํธ๋ฅผ ์ฒ๋ฆฌํ๋ ์ํฉ์ด๋ค. ### [e.offsetX](https://www.w3schools.com/jsref/event_offsetx.asp) `offsetX`๋ Event๊ฐ ๋ฑ๋ก๋ target์ผ๋ก๋ถํฐ x์ถ์ผ๋ก ์ผ๋งํผ ๋จ์ด์ ธ ์๋์ง์ ๋ํ ์์ฑ์ด๋ค. ### [e.clientX](https://www.w3schools.com/jsref/event_clientx.asp) ๋ธ๋ผ์ฐ์ ํ๋ฉด ๊ธฐ์ค์ผ๋ก x์ถ์์ ์ผ๋งํผ ๋จ์ด์ ธ...
## Desc redux-saga์์ error throwํ๋ TestCode๋ฅผ ์์ฑํ๋ ๋ฒ. **์ค์ api ํธ์ถ ๊ตฌ์กฐ์ ๋ง๊ฒ** error response๋ฅผ mockingํด์ฃผ์ด์ผ ํ๋ค. ```ts export const requestPOST = async ( ...options ) => { try {...
SNS์์ ๋งํฌ๋ฅผ ๊ณต์ ํ ๋ ๋์ค๋ ์ ๋ณด๋ค์ ์ค์ ํ๋ ๋ฐฉ๋ฒ ## ํ์ธํ๊ธฐ ํ์ธํ๊ณ ์ถ์ ๋งํฌ๊ฐ ์ด๋ค ํํ๋ก ํํ๋๋ ์ง๋ ๋ค์ ์ฌ์ดํธ์์ ๋ฏธ๋ฆฌ ํ์ธํ ์ ์๋ค. - [Facebook debugger](https://developers.facebook.com/tools/debug/) - [twitter validator](https://cards-dev.twitter.com/validator) ##...
## Desc `components/Test.tsx, components/Test.pcss` ๊ตฌ์กฐ๋ก ์ฌ์ฉํ๋ ๊ฒฝ์ฐ webpack์ resolve extenstions์ต์ ์์ ์ฃผ์ํด์ผ ํ๋ค. ### Not working Example ```js module.exports = (env, argv) => ({ entry: ['@babel/polyfill', pathJoin('src/index.tsx')], resolve: { alias: {...
## Desc rxjs5 ๋ฒ์ ์ ์ฌ์ฉ์ค์ธ ํ๋ก์ ํธ์์ eslint์ค์น ํ build๊ฐ ๋์ง ์๋๋ค. ### Env rxjs 5๋ฒ์ ์ root์ package.json์ ๋ช ์ํ๋ ํ๋ก์ ํธ ํ์ ์ผ ๊ฒ์ผ๋ก ์์๋๋ค. ์ฌ์ฉ์ค์ธ ํ๋ก์ ํธ์ eslint์ต์ ๋ฒ์ ์ ์ฉ์ build error๊ฐ ๋ฐ์ํ๋ค....