728x90

목록2021/12 (19)

DBILITY

npm upgrade & package version check, npm init package.json generation

Microsoft Windows [Version 10.0.19044.1348] (c) Microsoft Corporation. All rights reserved. C:\Windows\system32>npm -v 6.14.15 C:\Windows\system32>npm i -g npm C:\Users\ROOKIE\AppData\Roaming\npm\npm -> C:\Users\ROOKIE\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js C:\Users\ROOKIE\AppData\Roaming\npm\npx -> C:\Users\ROOKIE\AppData\Roaming\npm\node_modules\npm\bin\npx-cli.js + npm@8.3.0 adde..
front-end & ui/npm 2021. 12. 13. 08:25
react Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>.

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

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\..
front-end & ui/react 2021. 12. 10. 18:41
intellij Memory Indicator heap clean?

표시되는 부분을 우연히 double click하니 메모리가 줄어드는 건 원래 그런가? 그림 1은 전, 그림 2는 후의 모습이다. 이거 보고 광고 한번 안 누른 이는 삼대가 재수가 없을지어다!ㅋㅋ 다음은 다른 블로그에서 참고해서 조정한 vm설정이다. -server -Xms4096m -Xmx4096m -XX:NewRatio=3 -Xss16m -XX:+AlwaysPreTouch -XX:+TieredCompilation -XX:ReservedCodeCacheSize=512m -XX:SoftRefLRUPolicyMSPerMB=50 -XX:+UseCodeCacheFlushing -Dsun.io.useCanonCaches=false-ea -XX:ClCompilerCount=2 -Dsun.io.useCanonPrefi..
intellij 2021. 12. 2. 17:25
Prev 1 2 3 4 Next
728x90