반응형

React 4

[리엑트 오류]white-web-sdk오류 Cannot set properties of undefined (setting 'type')

yarn list mathjs리엑트를 전부 설치하고 환경을 맞춘뒤 프로젝트를 실행하였더니 아래와 같은 오류가 발생하였다.Uncaught runtime errors: × ERROR Cannot set properties of undefined (setting 'type') TypeError: Cannot set properties of undefined (setting 'type') at __webpack_modules__../node_modules/mathjs/lib/cjs/type/fraction/Fraction.js.createFractionClass.isClass (http://localhost:3000/static/js/bundle.js:464236:39) at assertAndCreate (ht..

React 2025.03.05

[React] Props란? 컴포넌트에 데이터 전달하는 프로퍼티

📌 Props 란 무엇인가 - props(property)란 상위 컴포넌트가 하위 컴포넌트에 값을 전달할 때 사용하는 속성입니다. - 상위 컴포넌트가 하위 컴포넌트에 값을 전달하기 때문에 단방향 데이터 흐름을 갖습니다. - 부모 컴포넌트는 수정 가능하지만, 자식 컴포넌트는 읽기만 가능합니다. 📌 Props 사용하기 : 단방향 데이터 흐름 props 를 사용하려면 두 단계가 필요합니다. 1) 상위 컴포넌트에서 Props를 지정하고, 2) 하위 컴포넌트에서 받은 Props값을 렌더링해야 합니다. 이 때 상위 컴포넌트에서 하위 컴포넌트로 프로퍼티가 전달되는데 이것이 "단방향 데이터 흐름" 입니다. 1) 상위 컴포넌트에서 Props 지정하여 넘기기 - 아래 코드에서 App 컴포넌트가 MyComponent 컴포넌..

React 2023.09.08

[ React ] VSCode 로 React 프로젝트 Git 과 연동하기

git 과 연동하기 우리가 만든 App을 깃과 연동해봅시다. git 을 다운 받는 것은 구글에 git 쳐서 다운로드 받으시면 됩니다. cmd 창에 git --version 쳐서 제대로 버전이 출력되면 잘 설치된 거예요. 다시 VSCode로 돌아가서, 우리의 폴더에 git 파일을 만들어줍시다. 터미널 창에 git init 입력해주세요. git init 이제 깃허브로 들어가서 레파지토리를 생성해봅시다. 깃허브 우측 상단에 + 버튼을 누르고 New repository 를 클릭해주세요. 적절한 Repository 이름을 지어주고, 주석도 달아준 뒤 아무것도 건드리지 말고 Create repository 해줬습니다. 그리고 나면 위와 같은 화면이 보일건데, 빨간 직사각형에 해당하는 url 주소를 복사해주세요. 다..

React 2023.09.07

[React] 실행오류 - npm ERR! code ENOENT(errno -4058)

문제상황 " npm ERR! code ENOENT(errno -4058) "React를 실행하기 위해 visual studio 터미널창에 npm run start를 입력하니 4058로 시작하는 에러가 나왔다. 아래는 오류 내용이다.PS C:\Users\USER\Desktop\react-tictactoe-app> npx create-react-app ./ npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:\Users\USER\AppData\Roaming\npm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\USER\AppData\Roamin..

React 2023.09.06
반응형