error | tip17 react storybook 에러 npm run storybook 명령어 사용시 Module not found: Can't resolve '@testing-library/dom' in '~~\node_modules\@testing-library\user-event\dist' node_modules\@testing-library\user-event/dist/click.js 와 같은 에러가 발생했다.. 위 에러는 @testing-library/user-event 패키지에서 @testing-library/dom 모듈을 찾을 수 없어서 발생하는 에러로 먼저 @testing-library/dom 모듈을 설치해야한다. npm install --save-dev @testing-library/dom 다음으로는 @testing-library/user-e.. 2023. 3. 23. [nextJS] FirebaseError: Firebase: Error (auth/invalid-api-key) 위와 같이 firebase/auth를 이용해 login페이지를 만들던 도중 발생한 에러이다. firebase콘솔에서 프로젝트를 만들고 웹에 적용하려고 firebaseInit.ts 파일을 하나 만들어서 firebaseConfig 에 값을 넣어줬는데 이때 env파일로 키값들을 넣어준다. nextjs의 경우 ssr하는 부분은 nodejs로 되어있어 .env파일에서 NEXT_PUBLIC을 안붙여줘도 되지만 그밖에 파일들에서 env 값들을 가져오려면 NEXT_PUBLIC을 붙여줘야된다. 고로 아래와 같이 NEXT_PUBLIC를 붙인 env키값으로 작성하면 된다. // Import the functions you need from the SDKs you need import { initializeApp } from.. 2023. 2. 14. tailwindcss "Unkown at rule @tailwind" css(unknownAtRules) tailwindcss를 적용하면서 발생한 warning 인데 거슬려서 없애보려했다. 먼저 사용환경은 vsCode에서 사용했다. 위와 같이 warning이 나와서 파일이 노란색으로 표시되니 지워보려한다. vsCode에서 ctrl + , 단축키를 사용하면 setting으로 이동된다. 검색창에 unknown을 검색하고 스크롤을 내리다보면 CSS> Lint: Unknown At Rule 에 warning이라고 되어있는것을 볼 수 있다. 이것을 ignore로 변경하게되면 warning 표시가 지워지는것을 볼 수 있다. 2023. 2. 8. MySql json타입의 column을 nodejs에서 조회하기 MySql의 테이블에 데이터를 json타입으로 저장을 했을경우 api 콜을 해서 출력을 하면 아래와 같이 string형식으로 나오게 된다. "{\"a\": \"a-data\", \"b\": \"b-data\", \"c\": \"c-data\", \"d\": \"d-data\"}" 이럴땐 JSON.parse()를 이용해주자 JSON.parse()를 이용하면 주석처리된것과 같은 형식이 나오게된다. const test_json = "{\"a\": \"a-data\", \"b\": \"b-data\", \"c\": \"c-data\", \"d\": \"d-data\"}"; console.log(JSON.parse(test_json)); // { a: 'a-data', b: 'b-data', c: 'c-data'.. 2022. 12. 26. 이전 1 2 3 4 5 다음
