목록분류 전체보기 (753)

뇌 채우기 공간

[REACT] ag grid를 사용하여 테이블 만들기/ editable, row selection, cell renderer

회사에서 어드민 쪽 페이지를 만들게 되어서 여러가지 그리드 라이브러리들을 살펴봤다. 집중적으로 본 것은 mui data grid, react-table, ag grid가 있다. 난이도는 mui data grid { const data = gridApi.getSelectedRows(); if (data.length > 0) { setBtnDisabled(false); } else { setBtnDisabled(true); } setSelectedRows(gridApi.getSelectedRows()); }; const onCellValueChanged = (e) => { console.log("changed", e.data); }; return ( editable table action1 action1 a..
WEB/REACT 2021. 12. 28. 18:51
[TIL] 20211228 animation/ accordion menu/ emotion keyframes 등

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..
TIL 2021. 12. 28. 16:57
[TIL] 20211227 에러/ quick filter/ forwardRef

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..
TIL 2021. 12. 27. 22:42
[TIL] 20211224 리액트공부/실용주의 사고와 학습

드라이퍼스 모델 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 모든 관리자의 이상 관리자의 입장에서 가장 예뻐 보이는 동료는 누구일까? 여러 가지 답이 있을 수 있겠지만, 그 중 하나는 아..
TIL 2021. 12. 24. 21:01
[TIL] 20211222 ag grid context 기능/ ..

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기능 중에 ..
TIL 2021. 12. 22. 19:08
이전 Prev 1 ··· 16 17 18 19 20 21 22 ··· 151 Next 다음