ReactJS 16

"TypeError: process.getuid가 함수가 아닙니다"를 해결하는 방법

"TypeError: process.getuid가 함수가 아닙니다"를 해결하는 방법 respect.js를 larabel과 함께 실행하고 있습니다.또한 이들과 함께 변화하고 있는 것을 보고 있습니다.yarn run watchwindows 10을 업데이트한 후 webpack에서 이 오류를 발견하기 전까지는 문제가 없었습니다(그게 원인일지는 모르겠지만). if (!e && fileOwnerId === process.getuid()) utimesSync(openCollectivePath, now, now) 오류: TypeError: process.getuid is not a function at C:\project_path\node_modules\webpack-cli\bin\cli.js:352:43 at FSR..

programing 2023.04.04

ReactJs에서 문서를 작성하는 방법

ReactJs에서 문서를 작성하는 방법 reactjs 어플리케이션에서 정의한 각 컴포넌트의 doc 파일을 작성해야 합니다.모든 확장자의 문서를 작성할 때 사용할 수 있는npm을 찾고 있습니다.그러면 코드를 추출하고 모든 컴포넌트에 코멘트를 달아 그것을 확장자의 문서로 변경할 수 있습니다.제가 어떻게 도와드리면 될까요?jsdoc을 사용하여 reactjs에서 문서를 찾고 있기 때문에 jsdoc에 관한 질문과는 다른 질문입니다.드디어 해결책을 찾았습니다.먼저 이 링크에 접속하여 문서를 올바르게 읽습니다.- 지금 바로 문서를 읽습니다.- 명령 프롬프트 열기 명령어 npm install jsdoc -g를 사용하여 JSDoc을 글로벌하게 설치합니다. 이제 프로젝트 폴더의 경로로 이동하여 jsdoc src -r -d..

programing 2023.04.04

ESLint - 오류:ES 모듈을 로드하려면 Import를 사용해야 합니다.

ESLint - 오류:ES 모듈을 로드하려면 Import를 사용해야 합니다. 현재 React, TypeScript, 스타일 컴포넌트, Webpack 등으로 보일러 플레이트를 설정하고 있는데 ESLint를 실행하려고 하면 다음과 같은 오류가 발생합니다. 오류: ES 모듈을 로드하려면 가져오기를 사용해야 합니다. 에러의 상세한 버전을 다음에 나타냅니다. /Users/ben/Desktop/development projects/react-boilerplate-styled-context/src/api/api.ts 0:0 error Parsing error: Must use import to load ES Module: /Users/ben/Desktop/development projects/react-boilerp..

programing 2023.04.04

리스트 정렬을 애니메이션화하는 리액션.js 친화적인 방법은 무엇입니까?

리스트 정렬을 애니메이션화하는 리액션.js 친화적인 방법은 무엇입니까? resact.js에 의해 세로 방향의 직사각형 항목 목록(최상위 점수)으로 렌더링된 점수가 있는 항목 목록이 있습니다.개별 항목을 마우스로 누르거나 클릭하면 추가 정보가 표시/숨겨져 수직 높이가 변경될 수 있습니다. 새로운 정보가 도착하여 점수가 약간 변경되어 일부 항목은 상위 항목이고 다른 항목은 하위 항목입니다.아이템이 즉시 새로운 위치에 나타나지 않고 동시에 새로운 위치에 애니메이션을 넣었으면 합니다. React.js에서 이 작업을 수행할 수 있는 권장 방법이 있습니까? 아마도 인기 있는 애드온을 사용할 수 있습니다. (D3를 사용한 이전과 유사한 상황에서 사용한 기술은 대략 다음과 같습니다. 항목 DOM 노드와 함께 목록을 상..

programing 2023.03.25

MUI 설치는 React 18에서 작동하지 않습니다.

MUI 설치는 React 18에서 작동하지 않습니다. 리액트 18.0 프로젝트에서 material ui core와 아이콘을 설치하려고 했지만 설치할 수 없습니다.최신 create-react-app을 사용하여 프로젝트가 생성되었습니다.npm install @material-ui/core @material-ui/icons npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: client@0.1.0 npm ERR! Found: react@18.0.0 npm ERR! node_modules/react npm ERR! react@"^18.0.0" from the root ..

programing 2023.03.20

jeast.fn()의 기능과 사용법은 무엇입니까?

jeast.fn()의 기능과 사용법은 무엇입니까? 누가 설명 좀 해줄래?jest.fn()실제의 예를 들면, 어떻게 사용하는지, 어디에 사용하는지 혼란스럽기 때문에, 실제로 효과가 있습니다. 예를 들어 Utils Function(유틸리티 기능)을 사용하여 버튼을 클릭하기만 하면 국가 목록을 가져오는 구성 요소가 있는 경우 export default class Countries extends React.Component { constructor(props) { super(props) this.state = { countryList:'' } } getList() { //e.preventDefault(); //do an api call here let list = getCountryList(); list.the..

programing 2023.03.15

리액트 리셋 방법JS 파일 입력

리액트 리셋 방법JS 파일 입력 파일 업로드 입력이 있습니다. 업로드 처리 방법은 다음과 같습니다. getFile(e) { e.preventDefault(); let reader = new FileReader(); let file = e.target.files[0]; reader.onloadend = (theFile) => { var data = { blob: theFile.target.result, name: file.name, visitorId: this.props.socketio.visitorId }; console.log(this.props.socketio); this.props.socketio.emit('file-upload', data); }; reader.readAsDataURL(file);..

programing 2023.03.10

타이프 스크립트 및 재스트:시뮬레이션된 함수의 유형 오류 방지

타이프 스크립트 및 재스트:시뮬레이션된 함수의 유형 오류 방지 Jest를 사용하여 외부 모듈을 시뮬레이트할 수 있습니다.jest.mock()method를 사용하여 모듈의 기능을 자동 검출합니다. 그런 다음 원하는 대로 조롱된 모듈의 조롱된 함수를 조작하고 질문할 수 있습니다. 예를 들어, Axios 모듈을 조롱하기 위한 다음 예를 생각해 보겠습니다. import myModuleThatCallsAxios from '../myModule'; import axios from 'axios'; jest.mock('axios'); it('Calls the GET method as expected', async () => { const expectedResult: string = 'result'; axios.get...

programing 2023.03.10

react-router v4에서 쿼리 문자열을 구문 분석하는 방법

react-router v4에서 쿼리 문자열을 구문 분석하는 방법 리액트 라우터 v3에서는props.location.query.foo(현재 위치가?foo=bar) 인react-router-dom@4.0.0 props.location가지고 있을 뿐이다props.location.search와 같은 끈이다.?foo=bar&other=thing. 아마도 그 문자열을 수동으로 해석하고 분해하여 다음 값을 찾아야 할 것 같습니다.foo또는other. 스크린샷console.log(this.props): (다음부터의 방법에 주의해 주세요.?artist=band여기서 가치를 얻고 싶습니다.artist그 가치는band)이미 맞다고 가정하신 것 같군요수년간 서로 다른 구현을 지원하라는 요청이 있었기 때문에 V4에서 쿼리 문..

programing 2023.03.05