티스토리

오아시스 이야기
검색하기

블로그 홈

오아시스 이야기

oasiscom.tistory.com/m

오아시스 이야기

구독자
2
방명록 방문하기
반응형

주요 글 목록

  • Node.js 에서 NODE_ENV 값으로 배포/개발 환경설정하기 production 모드 일때는 파일 캐싱, 에러 메시지 감추기 등 배포의 적합한 환경 설정을 하구요. development 모드 일 때는 파일 캐싱 방지, 디버그를 위한 상세한 에러 메시지 보이기 등 process.env.NODE_ENV = ( process.env.NODE_ENV && ( process.env.NODE_ENV ).trim().toLowerCase() == 'production' ) ? 'production' : 'development'; 공감수 0 댓글수 0 2023. 7. 20.
  • React Ag-grid 띄우기 npx create-react-app . --template typescript npm install typescript @types/node @types/react @types/react-dom @types/jest yarn add typescript @types/node @types/react @types/react-dom @types/jest npm start * Cannot find module 'react-dom/client' or its corresponding type declarations.ts(2307) -- npm install --save @types/react-dom npm i @types/react-router-dom npm i react-redux npm i @types/reac.. 공감수 0 댓글수 0 2023. 7. 19.
  • react generator package-lock.json npm i --package-lock-only 공감수 0 댓글수 0 2023. 7. 19.
  • mg3-codes/d-d-spell-finder :: 성공 https://github.com/mg3-codes/d-d-spell-finder npx create-react-app . --template typescript npm install typescript @types/node @types/react @types/react-dom @types/jest yarn add typescript @types/node @types/react @types/react-dom @types/jest 공감수 0 댓글수 0 2023. 7. 19.
  • sahil-bhanvadiya/ag-grid-react-redux-typescript :: 성공 https://github.com/sahil-bhanvadiya/ag-grid-react-redux-typescript npx create-react-app . --template typescript npm install typescript @types/node @types/react @types/react-dom @types/jest 공감수 0 댓글수 0 2023. 7. 19.
  • cyberphani/MyReactApp :: 실패 https://github.com/cyberphani/MyReactApp npx create-react-app . --template typescript npm install typescript @types/node @types/react @types/react-dom @types/jest npm i @sinclair/typebox TypeScript error in C:/VIW/MyReactApp-master/web/node_modules/@sinclair/typebox/typebox.d.ts(349,42): '?' expected. TS1005 347 | export type TTemplateLiteralConst = T extends TUnion ? { 348 | [K in keyof U]: TTe.. 공감수 0 댓글수 0 2023. 7. 19.
  • /EugenioNhampossa/library-manager-web-admin :: 성공 https://github.com/EugenioNhampossa/library-manager-web-admin npx create-react-app . --template typescript npm install typescript @types/node @types/react @types/react-dom @types/jest yarn start 공감수 0 댓글수 0 2023. 7. 19.
  • ag-grid/ag-grid-react-example :: 실패 https://github.com/ag-grid/ag-grid-react-example > ag-grid-react-example@30.0.0 examples C:\VIW\ag-grid-react-example-master > NODE_OPTIONS=--openssl-legacy-provider webpack-dev-server --content-base src-examples/ --config config/webpack.config.examples.js --mode development --open 'NODE_OPTIONS'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! a.. 공감수 0 댓글수 0 2023. 7. 19.
  • 'NODE'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 Path에 C:\Program Files\nodejs 추가 공감수 0 댓글수 0 2023. 7. 19.
  • 리눅스 디스크 용량 체크 방법 df -h | grep logs001 du -sh * 공감수 0 댓글수 0 2023. 7. 19.
  • /JoniRinta-Kahila/blog :: 실패 devextreme 유류 컴퍼넌트 사용 관련 소스 없어 오류 발생 https://github.com/JoniRinta-Kahila/blog npm install typescript @types/node @types/react @types/react-dom @types/jest npm install devextreme@20.1 devextreme-angular --save --save-exact 공감수 0 댓글수 0 2023. 7. 18.
  • Node.js Dev, QA, Prod 환경 별 프로퍼티 설정 설치 npm i -D env-cmd env-cmdrc.js 생성하여 JS 파일로 프로퍼티를 관리할 수 있다. module.exports = Promise.resolve({ common: { ENV_PROP1: '값1', ENV_PROP2: '값2' }, dev: { db_url: 'mariadb://127.0.0.1:3306/dbname', dp_user: 'test', dp_psssword: 'test' }, prod: { db_url: 'mariadb://xxx.xxx.xxx.xxx:3306/dbname', dp_user: 'test1', dp_psssword: 'test2' } }); const systemDomain = 'viw.co.kr'; const env = { local: { MODE_EN.. 공감수 0 댓글수 0 2023. 7. 18.
  • Cannot read property 'terser-webpack-plugin' of undefined Cannot read property 'terser-webpack-plugin' of undefined 웹팩 4와 Terser ^5.0.0을 사용하고 계십니다. 이 Terser 버전은 웹 팩 5용이므로 패키지에서 버전 "terser-webpack-plugin": "^4.2.3"을 설정해야 합니다 package.json에서 terser-webpack-plugin버전을 5점대에서 ^4.2.3 로 바꿈 https://github.com/JoniRinta-Kahila/blog GitHub - JoniRinta-Kahila/blog: React Blog with Firebase & WYSIWYG text editor React Blog with Firebase & WYSIWYG text editor. Contri.. 공감수 0 댓글수 0 2023. 7. 17.
  • React & TypeScript & Ag-Grid 샘플예제 :: react-trader https://github.com/tolopsy/react-trader 공감수 0 댓글수 0 2023. 7. 17.
  • 리눅스 톰캣 실행 확인 ps -ef | grep apache ps -ef | grep tomcat 공감수 0 댓글수 0 2023. 7. 17.
  • Module not found: Error: Can't resolve 'react-router-dom' in yarn add react-router-dom 공감수 0 댓글수 0 2023. 7. 17.
  • react-router-config Could not find a declaration file for module 'react-router-config' npm i --save-dev @types/react-router-config 공감수 0 댓글수 0 2023. 7. 17.
  • AG Grid: could not find matching row model for rowModelType clientSide npm i @ag-grid-community/all-modules npm install --save react-router-config npm install --save @ag-grid-community/core @ag-grid-community/react 공감수 0 댓글수 0 2023. 7. 17.
  • Failed to load config "react-app" to extend from. 1. Create React App에서 사용하는 ESLint 구성 패키지를 추가 yarn add eslint-config-react-app -D 2. package.json의 extends에서 react-app를 삭제하는 방법도 사용하는 것 같다. "extends": [ "react-app" ] }, 3.package.json 파일 저장 package.json 파일을 열고 Ctrl+s로 저장한다. 4. eslint-config-react-app 버전 6으로 다운그레이드 설치한 eslint-config-react-app의 버전을 6으로 다운그레이드한다. // 현재 설치된 버전 삭제 yarn remove eslint-config-react-app // version 6으로 설치 yarn add eslint-.. 공감수 0 댓글수 0 2023. 7. 17.
  • AgGridReact rowData No overload matches this call. Error 오류 메시지 No overload matches this call. Overload 1 of 2, '(props: AgGridReactProps | AgReactUiProps | Readonly): AgGridReact', gave the following error. Type '{ children: never[]; rowData: { make: string; model: string; price: number; }[]; columnDefs: { field: string; }[]; }' is not assignable to type 'IntrinsicAttributes & (IntrinsicClassAttributes & Readonly)'. Property 'rowData' does not exist .. 공감수 0 댓글수 0 2023. 7. 17.
  • @ag-grid-community/react 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 공감수 0 댓글수 0 2023. 7. 17.
  • cannot find module 'ag-grid-react' or its corresponding type declarations https://www.npmjs.com/package/ag-grid-react npm i ag-grid-react 공감수 0 댓글수 0 2023. 7. 17.
  • package.json { "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", ".. 공감수 0 댓글수 0 2023. 7. 16.
  • React(리액트) 개발 환경 구축 개발환경 셋팅 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.. 공감수 1 댓글수 0 2023. 7. 11.
  • Typo in static class property declaration react/no-typos 오류 해결 방법 책을 보고 실습하는데 오류가 발생 했다. 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, } 공감수 0 댓글수 0 2023. 7. 7.
  • React Typescript 환경에서 라이브러리 설치 명령어 찾는 방법 구글 검색 창에서 아래와 같이 설치 할 패키지 뒤에 typescript 붙여서 검색하면 됩니다. 그냥하면 아무리 해도 안되서 보니.. 그러네요. npm install react-router-config typescript 공감수 0 댓글수 0 2023. 7. 7.
  • react splice 자바스크립트의 splice() 메서드는 배열 객체에 사용할 수 있는 내장 메서드입니다. 기존 요소를 삭제하거나 교체하여 배열의 내용을 변경하며 제거된 요소가 담긴 별도의 배열을 새로 반환합니다. splice() 메서드로 배열 요소 삭제하기 다음과 같은 내용이 담긴 months라는 배열이 있다고 가정해보겠습니다. 배열 이름은 달, 월을 뜻하는 months지만 요일이 배열에 섞여있는 것을 확인할 수 있습니다. // 월과 요일명이 혼합된 배열 let months = ["January", "February", "Monday", "Tuesday"]; splice() 메서드를 사용하여 months 메서드에서 요일 이름을 제거하는 동시에 요일만 포함된 새 배열을 만들 수 있습니다. 이렇게 말이죠. // 요일이 담긴 .. 공감수 0 댓글수 0 2023. 7. 7.
  • React useRef, HTMLInputElement 를 이용하여 포커스 이동 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; 공감수 0 댓글수 0 2023. 7. 7.
  • React : Parameter 'draft' implicitly has an 'any' type. 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.. 공감수 0 댓글수 0 2023. 7. 7.
  • React, some 메서드로 배열 검사하기 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 공감수 0 댓글수 0 2023. 7. 7.
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.