오아시스 이야기

npm i ag-grid-enterprise https://www.npmjs.com/package/@ag-grid-community/react npm i @ag-grid-community/client-side-row-model npm i @ag-grid-community/core npm i @ag-grid-community/infinite-row-model npm i @ag-grid-community/react Module not found: Error: Can't resolve 'ag-grid-community/styles/ag-grid.css' npm install @ag-grid-community/all-modules

https://www.npmjs.com/package/ag-grid-react npm i ag-grid-react

{ "name": "aboutw3", "version": "0.1.0", "private": true, "dependencies": { "@ag-grid-community/client-side-row-model": "^26.1.0", "@ag-grid-community/core": "^26.1.0", "@ag-grid-community/infinite-row-model": "^26.1.0", "@ag-grid-community/react": "^26.1.0", "@ag-grid-enterprise/all-modules": "^26.1.0", "@ag-grid-enterprise/column-tool-panel": "^26.1.0", "@ag-grid-enterprise/core": "^26.1.0", "..

개발환경 셋팅 1. 아래의 Nodejs 사이트에 접속하여 LTS라고 써있는 버전을 다운받아 설치합니다. https://nodejs.org/ko/ – 설치 경로는 C드라이브를 권장합니다. npm 버전 확인 node -v 패키지 버전 확인 npm show [패키지명] version npm 버전 변경 npm install -g npm@6.14.13 ※ 버전에 따라 다른 문제가 발생 할 수 있기 때문에 프로젝트에서는 통일된 버전을 설치하셔야 합니다. 2. 아래의 Visual Studio Code 사이트에 접속하여 최신 버전을 다운받아 설치합니다. https://code.visualstudio.com/ 3. 깃(Git) 설치 개인은 GitHub 사이트 계정 생성해서 소스관리 할 수 있고 프로젝트에서는 내부 Git..

책을 보고 실습하는데 오류가 발생 했다. Typo in static class property declaration react/no-typos 오류 해결 방법 해결 방법은 아래 PropTypes 이것을 prototype 으로 변경해 주면 된다. Calc.PropTypes = { x: PropTypes.number.isRequired, y: PropTypes.number.isRequired, oper: calChecker, } Calc.prototype = { x: PropTypes.number.isRequired, y: PropTypes.number.isRequired, oper: calChecker, }

구글 검색 창에서 아래와 같이 설치 할 패키지 뒤에 typescript 붙여서 검색하면 됩니다. 그냥하면 아무리 해도 안되서 보니.. 그러네요. npm install react-router-config typescript

자바스크립트의 splice() 메서드는 배열 객체에 사용할 수 있는 내장 메서드입니다. 기존 요소를 삭제하거나 교체하여 배열의 내용을 변경하며 제거된 요소가 담긴 별도의 배열을 새로 반환합니다. splice() 메서드로 배열 요소 삭제하기 다음과 같은 내용이 담긴 months라는 배열이 있다고 가정해보겠습니다. 배열 이름은 달, 월을 뜻하는 months지만 요일이 배열에 섞여있는 것을 확인할 수 있습니다. // 월과 요일명이 혼합된 배열 let months = ["January", "February", "Monday", "Tuesday"]; splice() 메서드를 사용하여 months 메서드에서 요일 이름을 제거하는 동시에 요일만 포함된 새 배열을 만들 수 있습니다. 이렇게 말이죠. // 요일이 담긴 ..

import React, {useRef} from 'react'; const App06 = () => { const elName: React.RefObject = useRef(null); const goFirstInputElement = () => { if(elName.current) elName.current.focus(); }; return ( 이름 : 전화 : 주소 : 첫번째 필드로 포커스 이동 ); } export default App06;

import produce from 'immer'; ERROR in src/QuickStart/TodoListPage/TodoListPage.tsx:37:46 TS7006: Parameter 'draft' implicitly has an 'any' type. 35 | const toggleDone = (no:number)=> { 36 | let index = todoList.findIndex((todo) => todo.no === no); > 37 | let newTodoList = produce(todoList, (draft) => { | ^^^^^ 38 | draft.splice(index, 1); 39 | }); 40 | setTodoList(newTodoList); 수정 import { produ..

some 메서드 사용 방법 Array.prototype.some Array.prototype.some(callback(currentElement, index)) find와 findIndex는 조건을 만족하는 값과 인덱스를 리턴했다면, some 메서드는 조건을 만족하는지에 대한 참/거짓 여부를 리턴합니다. 이번에도 배열에 5보다 큰 원소가 있는지 찾아봅시다. const array = [2, 4, 6, 8, 10]; console.log(array.some((el) => el > 3)); // ==> true