반응형 프론트엔드66 tslib 오류 수정 회사에서 쓰는 라이브러리 새로 받았더니 오류가 난다. __spreadarray' is not exported from 'tslib' tslib 라이브러리 버전을 업그레이드 하라고 뜬다. 새로 받으려고 보니 아래와 같이 검색되는데 기존에 package.json 파일에 tslib가 포함돼있어서 yarn add -D tslib 를 실행해줬다. 아래는 검색하면서 나온 스택 오버플로우 결과인데 첫번째 답변은 프로젝트에 tslib 라이브러리를 직접 의존성 추가하지는 않는다고 말한다. target을 변경하는게 맞다고 한다. 근데 일단 문제가 해결됐으니 넘어가자. https://stackoverflow.com/questions/58329178/the-syntax-requires-an-imported-helper-nam.. 2023. 4. 24. transition-timing-function으로 트랜지션 타이밍 조정하기 보호되어 있는 글 입니다. 2022. 12. 15. justify-content: space-around 중에 display:none 애니메이션 적용 display:flex를 여기저기 바르던 시절.... 메인 메뉴를 만들고 있었다. 메뉴가 닫힌 상태에서는 collapse 버튼이 안나오고 열린 상태에서만 나오도록 처리했다. 리액트를 사용중이므로 실제로 아이콘 버튼이 렌더 안되도록 처리해뒀는데 space-around 상태에서 아이템이 사라졌다 없어졌다 하니까 상태에 따라서 살짝 꿈틀 하는 문제가 있었다. {collapse? null : } display:none 처리하고 transition과 transition-timing-function의 step-end를 사용해서 해결하려고 했는데 .container{ display: flex; justify-content: space-around; .expandButton { transition: 0.5s; tran.. 2022. 12. 13. CSS Module 사용 방법 scss 파일도 적용됨 파일명.module.scss 형태로 이름을 지어준다. 그러면 리액트가 알아서 CSS Module이라고 인식함 import 할 때 styles from "./파일명.module.scss" 형태로 선언 사용 방식은 중괄호 열고 {styles.className} 그래서 클래스명에 특수기호를 넣으면 안된다. 클래스 두개를 쓰고 싶은 경우 백틱(`)을 써서 사용 {`${styles.className1} ${styles.className2}`} https://stackoverflow.com/questions/33949469/using-css-modules-how-do-i-define-more-than-one-style-name using css modules how do I define mo.. 2022. 12. 13. [MUI] material-ui 'createSvgIcon' is not exported from '@material-ui/core/utils' 미친 에러다. 어떻게 해야되는지 몰라서 수정하는데 한참이 걸렸다. 아래 해결책중에 뭐가 해결을 해줬는지는 모르겠지만 잘 해결이 됐다. 첫번째 방법 yarn remove @mui/~~ 를 다 한다. 다시 yarn add @mui/~~ 해준다. 두번째 방법 yarn upgrade 명령어 실행 세번째 방법 yarn cache clean 명령어 실행 node_modules 파일 삭제 yarn.lock 파일 삭제 yarn install 실시 https://stackoverflow.com/questions/61147548/material-ui-createsvgicon-is-not-exported-from-material-ui-core-utils material-ui 'createSvgIcon' is not expo.. 2022. 12. 10. CSS Module 보호되어 있는 글 입니다. 2022. 12. 10. 이전 1 2 3 4 5 6 7 ··· 11 다음 반응형
