DBILITY

https://react-bootstrap.github.io/ React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io v4를 쓸 거라 다음과 같이 Terminal에서 실행했다. PS C:\Dev64\workspace\project> npm install react-bootstrap@1.6.4 bootstrap@4.6.0 PS C:\Dev64\workspace\project> npm list reactshop@0.1.0 C:\Dev64\workspace\project +-- @testing-library/jest-dom@5.16.1 +-- @testing-library/react@12...

그냥 New Project에서create-react-app부분에 --template cra-template-pwa를 추가하고 생성하면 되더라. npm build해보니 asset-manifest.json도 있다. index.js안에 serviceWorkerRegistration.unregister();를 serviceWorkerRegistration.register();로 변경하고 build. 이제 react 초보 학습중이라 build후 배포하고 실행해 보진 못했다. import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import * as serviceWorkerRe..

Warning이 빨간색으로 뜨면 어쩌자는 건지 초보는 식겁하게 된다. 읽어보니 a tag가 중첩이 되어 나타났다. 상식적으로 봐도 link안에 link는 당연히 문제. 코드를 살펴보니 react-bootstrap을 사용해서 Nav.Link를 썼는데 그 안에 Link태그를 또 썼다. 상위요소는 Nav였고 하위에 Nav.Link가 있는데 그안에 Link를 써서 문제였던 모양이다. 다른 Tag도 잘못된 중첩이 발생하면 이런 경고가 나오겠다. Nav.Link에 as={Link} to={'/url'} 이렇게 하면 된다고 한다.

intellij로 react를 학습하다가 moment package를 설치하고, 그냥 npm audit fix --force를 실행했다가 다름과 같은 오류가 발생하였다. Error: Failed to load config "react-app/jest" to extend from. Referenced from: C:\Dev64\workspace\ex01\package.json Error: Failed to load config "react-app/jest" to extend from. Referenced from: C:\Dev64\workspace\ex01\package.json at configMissingError (C:\Dev64\workspace\ex01\node_modules\eslint\lib\..