개발/react 생태계 썸네일형 리스트형 [React] Module not found: Can't resolve 'react/jsx-runtime' react-dnd 사용시 발생한 에러입니다. react 버전이 18로 업데이트 되면서 발생한 이슈인거 같은데요. compile옵션을 바꾸거나 이모저모 방법을 강구할수 있는데, 그냥 react version을 18로 업데이트하는게 제일 좋은듯 하네요 이상입니다 더보기 [React] RSA in react.js and node.js 비밀번호를 전송할때 https가 최소 요건이지만 그래도 암호화해서 보내는게 좋습니다. *text그대로 보내는 서비스들은 따로 보안처리를 했습니다 그중 public으로 암호화해 private으로 해독하는 RSA방식이 있습니다. 기 개발된 library로 encrypt-rsa, jsencrypt등등이 있는데요. 어떤 것은 node.js에서만, 어떤 것은 react.js에서만 사용가능합니다. 이에 react.js node.js 간 통신이 가능한 형태를 구현해보겠습니다 1)React import { JSEncrypt } from "jsencrypt"; const encrypt = new JSEncrypt(); const public_key = ` -----BEGIN PUBLIC KEY----- MIGfMA0GC.. 더보기 cra에서 proxy 사용하기 proxy서버는 보안 or 편리를 위해 사용됩니다. cra에서는 개발자 모드일때, api 서버의 cors이슈를 해결하기위해 사용하는데요. 적용 방법은 package.json에 proxy: "back url"형식으로 기입하시면 됩니다. 감사합니다 더보기 Centos6/7에서 Node.js 설치 Centos6/7에서 yum install을 통해서 node를 설치하면 버전이 10이 고정입니다. version 업데이트를 해도 방법이 없어요.... 그래서 아래 명령어를 통해 14version을 가져온후, 업데이트 or 사용해야합니다. curl -sL https://rpm.nodesource.com/setup_{version}.x | sudo -E bash #version=14인경우 curl -sL https://rpm.nodesource.com/setup_14.x | sudo -E bash 다른 분들은 시간낭비 하시지 말길바랍니다 더보기 'next'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. next.js에서 npm run dev나 build를 하는데, 위와 같은 에러가 뜰때가 있습니다. mac이나 linux에서는 문제없는데 window에서 종종 발생하죠. next가 깔려있는데, 위 에러는 왜 발생할까요? 정확한 이유는 파악하지 못했지만, 해결법은 간단합니다. 바로 package-lock.json파일을 삭제해주면 됩니다. package-lock.json은 npm install시 생기는 파일인데, dependency가 꼬여서 발생하는 문제인듯해 삭제를 해주니 해결이 됐습니다. 결론: package-lock.json파일을 삭제하면 됩니다 이상입니다 더보기 th>tr styling in antd of react antd는 table, button등 디자인된 component들을 제공하는 모듈입니다. antd table작업중, docs에는 를 styling하는 방법이 안나와 있어 약간 헤맸습니다. 그래서 오늘은 antd table의 th를 styling 하는 방법을 다뤄보겠습니다. 1. 개발자도구를 통해, 변경하고자 하는 tr의 class이름과 위치를 얻습니다 -그림1의 경우, class는 ant-table-thread이고 위치는 antd.css의 24947번째에 있습니다. 2. /node_modules/antd/{css파일}에 들어갑니다 -그림1의 경우 antd.css가 됩니다 3. 바꾸고자하는 class명에 속성값을 추가하거나 변경해줍니다 - 저는 padding을 추가해줬습니다 4. 다시 npm run dev.. 더보기 Error: Cannot find module 'yallist' node를 최신 버전으로 update했습니다. 설치 확인을 위해 'node -v, npm -v'을 실행했는데, npm -v이 안됩니다. npm version을 찾는데, module 문제라니;; 검색을 해봐도 딱히 나오는 글도 없어 약간 당황을 했습니다. 그냥 천천히 추적하기로 마음먹고 보니, npm module 문제면 reset하면 될거 같다 생각했습니다 (cache reset도 먹히지 않았습니다). 그래서 위 상황에서는 'C:\Users\SEC\AppData\Roaming\'의 npm 폴더를 삭제해주니 됐습니다ㅎㅎ 아무래도 node를 update하면서 npm module이 호환되지 않았고, node 재설치 해주듯이 npm 폴더도 reset해주니 됐던거 같습니다. 이상입니다! 더보기 Cannot read property 'match' of undefined react 개발을 하고있습니다. 그런데 종종 module install을 하다가 아래와 같은 에러가 뜹니다. 'Cannot read property 'match' of undefined' match?? 뭐가 안맞나?? 생각하던 와중 원인은 모르나 해결책은 찾게 되었습니다. 바로 package-lock.json을 삭제하고 install하는 것입니다. 삭제하고 다시 install하면 모듈 설치와 함께 package-lock.json이 다시 생성됩니다. 이상입니다 더보기 이전 1 2 3 4 5 6 다음
