nextjs build error

CRA 빌드시 tsconfig jsx 오류

The following changes are being made to your tsconfig.json file:
  - compilerOptions.jsx must be react-jsx (to support the new JSX transform in React 17)

자동 수정안되도록 env 설정하는 방법

DISABLE_NEW_JSX_TRANSFORM=true

Line 123:10:  'React' must be in scope when using JSX  react/react-in-jsx-scope

vercel deploy error

• parent의 사이즈 때문에 일어나는 이슈라고 한다.

• 높이를 뷰포트 100vw로 줬던걸 고정 px로 수정 → 똑같이 발생한다.
부모 태그에 인라인으로 높이 지정

<div className="canvas"  style={{ height: 500 }}>

• Because of the known issues like "infinitely growing diagrams" I almost always use the AutoSizer wrapper in favour of the <Responsive*> components.

AutoSizer 모듈 적용, Bubble로 변경

해결 : 버전업 67 → 69

import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';
<AutoSizer style={{ width:'100%' }}>
    {({ height, width }) => (
        <Pie
            height={height}
            width={width}
            ...
         />
    )}
</AutoSizer>```

Graphs aren't rendering in React. · Issue #122 · plouc/nivo

EduardoAC pushed a commit to EduardoAC/nivo that referenced this issue Feb 19, 2019 Currently, there are some cases that the component doesn't render because it finds that the height is 0.

https://github.com/plouc/nivo/issues/122

Charts are not responsive when inside a Flex Row · Issue #411 · plouc/nivo

Reproducible demo here: https://codesandbox.io/s/lp16vvz6n7 As you can see, the top chart here (in the flex row) is not responsive. Happy to help contribute if no one on the core team immediately knows. It might have something to do with...

https://github.com/plouc/nivo/issues/411

API Proxy & CORS in vercel

• netlifty 에서는 _redirect

• vercel?

재적용

A Complete Guide to Rewrites on the Web

Fullstack JS web dev. Blogs on coding occasionally. React and Vue, I like.

https://ryanccn.dev/posts/rewrites

rewrite

{
    "source": "/stock/sise/:match*",
    "destination": "http://www.paxnet.co.kr/stock/sise/:match*"
},

{
    "rewrites": [
        {
            "source": "/v2/providers/:match*",
            "destination": "https://api-gateway.coupang.com/v2/providers/:match*"
        },
        {
            "source": "/price/:match*",
            "destination": "http://m.coin.zum.com/price/:match*"
        },
        {
            "source": "/v1/:match*",
            "destination": "https://openapi.naver.com/v1/:match*"
        },
        {
            "source": "/v2/search/:match*",
            "destination": "https://dapi.kakao.com/v2/search/:match*"
        },
        {
            "source": "/openapi/:match*",
            "destination": "http://openapi.data.go.kr/openapi/:match*"
        },
        {
            "source": "/song/:match*",
            "destination": "http://ncov.mohw.go.kr/:match*"
        },
        {
            "source": "/znews/:match*",
            "destination": "https://news.zum.com/:match*"
        },
        {
            "source": "/zissue/:match*",
            "destination": "https://issue.zum.com/:match*"
        },
        {
            "source": "/ncv/:match*",
            "destination": "https://ncv.kdca.go.kr/:match*"
        },
        {
            "source": "/backsin/:match*",
            "destination": "https://ncv.kdca.go.kr/:match*"
        }
    ]
}

Failed to load resource: net::ERR_FAILED

The provided value 'stream' is not a valid enum value of type XMLHttpRequestResponseType.