뇌 채우기 공간

1. 2022.01.11 - [에러노트] - [에러노트] Warning: validateDOMNesting(...): [에러노트] Warning: validateDOMNesting(...): cannot appear as a descendant of . [문제] p 태그 안에는 한정된 태그만 들어올 수 있다는 것 [해결방법] span 태그로 바꾸면 됨 sso-feeling.tistory.com 2. Prevent missing props validation in a React component definition (react/prop-types) https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/prop-types.md Git..

1. react forwardRef https://www.daleseo.com/react-forward-ref/ [React] forwardRef 사용법 Engineering Blog by Dale Seo www.daleseo.com 2. react project structure https://ko.reactjs.org/docs/faq-structure.html 파일 구조 – React A JavaScript library for building user interfaces ko.reactjs.org 3. slot machine animation https://stackoverflow.com/questions/62426257/creating-an-animation-for-a-basic-react-slo..

1. Delete ␍ 에러 https://noogoonaa.tistory.com/62 VSCode에서 발생하는 Delete `␍` eslint (prettier/prettier) 해결방법 Prettier와 ESLint를 프로젝트에 적용하던 중 아래과 같은 오류가 ESLint에서 발생했습니다. Delete `␍` eslint (prettier/prettier) 사실 ESLint에서 발생하는 오류라서 실행은 정상적으로 되지만, 이러한 오류.. noogoonaa.tistory.com 2. react-dom.development.js:67 Warning: validateDOMNesting(...): cannot appear as a descendant of . https://pythonq.com/so/react..

드라이퍼스 모델 https://shallaa.postach.io/post/deuraipeoseu-model-dreyfus-model 드라이퍼스 모델 Dreyfus model 철학자 드라이퍼스 (Hubert L. Dreyfus)가 저서 Mind Over Machine의 도입부에서 제안한 기술 습득의 5단계 모델 초급자(Novice), 초중급자(Advanced Beginner), 능숙자(Competent), 숙련자(Proficient) 그리고 전문가(Exper shallaa.postach.io http://blog.lastmind.io/archives/593 Dreyfus Model 모든 관리자의 이상 관리자의 입장에서 가장 예뻐 보이는 동료는 누구일까? 여러 가지 답이 있을 수 있겠지만, 그 중 하나는 아..

1. AG GRID 회사에서 쓸 테이블 라이브러리를 여러 비교 끝에 ag grid로 정하게 되었다. (거의?) 그래서 회사에서 쓰게 될 기능을 미리 한번 생각을 해보라고 하셨다. https://www.ag-grid.com/react-data-grid/context-menu/ React Data Grid: Context Menu The user can bring up the context menu by right clicking on a cell. Download v26 of the best React Data Grid in the world now. www.ag-grid.com enterprise기능을 실험해보고 싶으면 저 버튼을 클릭해서 plunker에 들어가서 해볼 수 있다. context기능 중에 ..

1. react recoil https://sso-feeling.tistory.com/742 [REACT] react + typescript + recoil todo list 만들기 [Recoil이란?] https://recoiljs.org/ko/docs/introduction/motivation 동기 | Recoil 호환성 및 단순함을 이유로 외부의 글로벌 상태관리 라이브러리보다는 React 자체에 내장된 상태 관리 기능을 사용하는 것이.. sso-feeling.tistory.com 2. material table material table https://material-table.com/#/docs/install material table edit https://material-table.com/#/..

1. ag-grid react-table, mui data grid 외에 또 react 에서 data table 을 만들 수 있는 라이브러리가 있다. https://www.ag-grid.com/react-data-grid/getting-started/#getting-started-2 React Data Grid: Get Started with AG Grid AG Grid is the industry standard for React Enterprise Applications. Download v26 of the best React Data Grid in the world now. www.ag-grid.com https://eblo.tistory.com/32 AG-GRID GRID OPTIONS 정의 1...

2021.12.17 - [WEB/REACT] - [REACT] react-table row selection/ column hidding [REACT] react-table row selection/ column hidding 저번에는 MUI-DATA GRID를 사용해서 테이블을 만들어보았다. mui에서는 column hide, select , 등등 아주 쉽게 제공해주어서 개발하는데 정말 얼마 걸리지 않는다. 그런데 react-table을 사용하면 이것들을 하 sso-feeling.tistory.com

1. mui data grid 2021.12.16 - [WEB/REACT] - [REACT] mui data grid로 리액트 테이블 만들기 [REACT] mui data grid로 리액트 테이블 만들기 [Material Ui Data Grid] https://mui.com/components/data-grid/ React Data Grid component - MUI A fast and extendable react data table and react data grid. It's a feature-rich component available in.. sso-feeling.tistory.com

개발자가 리눅스나 mac을 사용하는 이유 1. 윈도우 컴퓨터를 맥처럼 사용할라다가 나온 에러 노드 설치, nvm오류 https://www.phpinfo.kr/entry/WSL2를-사용하여-Nodejs-개발-환경-설치 https://velog.io/@palette/zsh-command-not-found-nvm-오류해결법 zsh: command not found: nvm 오류해결법 맥에서 nvm 설치할 때 발생하는 오류 해결하기 velog.io 2. Warning: Functions are not valid as a React child. 내가 이 에러가 나온 이유는 라우터에서 element에 컴포넌트 태그로 넣지 않고 그냥 이름만 넣어서 생긴 에러 import { Route, Routes } from 'r..