반응형 프론트엔드/리액트25 3항연산자를 return문에 사용할때 Fragment(<></>)로 감싸기 3항연산자를 맨 바깥에 쓰면 에러가 난다. 2항, 3항을 중복으로 인식한다고 한다. Fragment로 한번 감싸주니까 에러 안남. 근데 에러 메시지가 무슨 소린지 이해가 안가서 찾는데 오래 걸렸다. 2023. 7. 11. eslint-plugin-react-hooks 패키지 This ESLint plugin enforces the Rules of Hooks. It is a part of the Hooks API for React. ESLint가 리액트 Hooks 규칙을 강제하게 한다. TODO 리액트 개발환경 ESLint 세팅하는 방법을 한번 정리하자. https://www.npmjs.com/package/eslint-plugin-react-hooks eslint-plugin-react-hooks ESLint rules for React Hooks. Latest version: 4.6.0, last published: a year ago. Start using eslint-plugin-react-hooks in your project by running `npm i esli.. 2023. 6. 17. 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. 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. CSS Module 보호되어 있는 글 입니다. 2022. 12. 10. You may need an additional loader to handle the result of these loaders 미친 에러다 json-typescript-mapper 라이브러리에서 발생한 에러인데 아래 같이 @JsonProperty를 써놓은곳이 터지기도 한다. Module parse failed: Unexpected character '@' (10:4) 결론은 싱거운데 리액트 컴포넌트가 아닌 일반 함수에서 객체를 생성해서 발생한 문제였다. new classA()를 리액트 컴포넌트 안에서 하니까 문제 없음 Builder 클래스를 만든다고 하다가 만난 에러인데 new도 못하는지는 몰랐다. 밖에서 new를 해서 전달해주니까 정상 동작 https://stackoverflow.com/questions/58681367/webpack-react-js-you-may-need-an-additional-loader-to-handle.. 2022. 12. 10. 이전 1 2 3 4 5 다음 반응형
