Typescript
Next.js
SASS
Redux
react-collapse
사용)babel-plugin-inline-react-svg
사용시 컴파일 에러TypeError: Cannot read property 'uid' of undefined
inline-react-svg
에 사용되는 모듈 resolve
버전 업데이트v1.21.0 breaks with next.js, or without graceful-fs upgrade #264
nextjs-page-transition
사용해보기)react-quill
커스터마이징)참고
페이지 트랜지션 (캐러셀+라우팅)
next-page-transition
또는 react-transition-group
네이버 모바일 웹
참고 필요
스크롤 최상단 컴포넌트(페이지가 아닌 경우에는 window.scrollY
을 사용할 수 없는 이슈 (useRef
?)
커스텀 인풋그룹 컴포넌트
커스텀 드랍다운 컴포넌트(select
태그 대신 리액트 컴포넌트로 커스터마이징)
Framer-Motion-Carousel
대신 React-Slick
사용onTouchMove
이벤트에 stopPropagation
적용<div className="disclosure list" onTouchMove={(e) => e.stopPropagation()}>
<CoinSmryCard />
<CoinSmryCard />
<CoinSmryCard />
<CoinSmryCard />
</div>
html,
body {
margin: 0;
padding: 0;
height: 100vh;
width: 100%;
max-width: 100vw;
box-sizing: border-box;
/* 전역으로 설정하면 안됨*/
/* overflow-x: hidden;*/
}
a {
color: inherit;
text-decoration: none;
}
svg {
position: relative;
bottom: -0.125rem;
}
img {
max-width: 100%;
max-height: 100%;
image-rendering: -webkit-optimize-contrast;
transform: translateZ(0);
backface-visibility: hidden;
}
* {
box-sizing: border-box;
}
다크모드 설정/해제 기능(next-theme
)
:root {
--background: white;
}
:root[data-theme='dark'] {
background-color: #1f222c;
color: #ffffff;
}
babel-plugin-inline-react-svg
TypeError: Cannot read property 'uid' of undefined
I am getting the same error how did you resolve it