실전 단아 개발 가이드 썸네일형 리스트형 react cordova.js 설치 npm install -g cordova cordova platform add android 플랫폼 추가 확인 cordova platform ls 나는 실패 했음... 옛날 환경인데... 버전 문제인가? $ cordova create cordovaReactProject This command creates a folder cordovaReactProject containing the cordova project. 2. create-react-app을 동시에 사용하여 React 프로젝트를 설정해 보겠습니다 . create-react-app은 사용하기 매우 쉽습니다. 하나의 명령으로 모든 웹팩, 바벨 구성을 관리하여 시작하는 데 도움을 줍니다. npm v5.2 +를 사용하는 경우 npx와 함께 설치되어 제공.. 더보기 intellij idea community edition 2022.3.1 다운로드 방법 다운로드... https://www.jetbrains.com/ko-kr/idea/download/other.html 기타 버전 - IntelliJ IDEA www.jetbrains.com . 더보기 MariaDB 버전 확인 방법 SELECT version(); Version() 10.4.19-MariaDB-log 더보기 React에 TypeScript 적용방법 useEffect npm install --save-dev @typed/패키지_이름 TypeScript로 프로젝트 생성하기 npx create-react-app . --template typescript 여기서 마침표(.)는 현재 폴더라는 의미 npx create-react-app 폴더명 --template typescript JavaScript 프로젝트를 TypeScript로 마이그레이션 하기 새롭게 생성한 프로젝트의 src 폴더에서 아래 파일들을 제외하고 모두 삭제 src/react-app-env.d.ts src/reportWebVitals.ts src/setupTests.ts 만약 성능 측정 기능(reportWebVitals.ts 파일) 그리고 테스트 기능(setupTests.ts 파일)을 사용하지.. 더보기 파이썬 기초 숫자형 # 덧셈 print(5+5) # 뺄셈 print(7-2) # 곱셈 print(7*9) # 나누기 print(6/3) # 나머지 print(7%3) # 거듭제곰 print(2 **4) # 덧셈(소수형) print(5.0+5.0) # floor division(버림 나눗셈) print(7 // 2) 3 # round print(round(3.14159265321)) 3 print(round(3.14159265321,2)) 3.14 형변환(Type Conversion) print(int(3.14)) print(float("1.2")) print(str(3)) print("예시 {},{},{} 입니다 .".format(Java","리액트","파이썬")) print("예시 {2},{1},{0} 입니다."... 더보기 반응형 웹 가이드 h1 { font-size: 24px; } p { font-size: 16px; } @media (min-width: 768px) { h1 { font-size: 36px; } p { font-size: 24px; } } @media (min-width: 992px) { h1 { font-size: 48px; } p { font-size: 32px; } } Bootstrap https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projec.. 더보기 간단한 Ag Grid 샘플 예제 잘 정리된 블로그 간단한 Ag Grid 샘플 예제 잘 정리된 블로그 https://myung-ho.tistory.com/110 [React] ag grid Row Data Transaction 기존에 사용하던 Ant Design라이브러리 Table을 Ag grid로 변경하게 되었다. Ant D Table은 Row Data를 useState hook을 통해 직접 변경해야 했다면 Ag grid에서는 useState hook을 사용하지 않고, applyTransaction이라는 myung-ho.tistory.com 더보기 React Ag-Grid onCellValueChanged에서 어떤 Col이 변경됐는지 확인 하는 방법 React Ag-Grid onCellValueChanged에서 어떤 Col이 변경됐는지 확인 하는 방법 const onCellValueChanged = useCallback( ({node: rowNode, data, column } : CellValueChangedEvent) => { if(column.getColId() !== "poQty") return false; \ 더보기 React Ag-Grid onCellValueChanged로 특정 값 세팅 했을 때 Grid에 제대로 반영되지 않았을 경우 해결 방법 React Ag-Grid onCellValueChanged로 특정 값 세팅 했을 때 Grid에 제대로 반영되지 않았을 경우 해결 방법 node.data.qty = calQty; ==> 이전 값이 보임 node.data['qty'] = calQty; ==> 이전 값이 보임. node.setDataValue('qty', calQty); ==> 정상적으로 보여짐. 또는 enableCellChangeFlash={true} 옵션 추가 https://www.ag-grid.com/react-data-grid/view-refresh/ React Data Grid: View Refresh The grid has change detection. Download v30 of the best React Data Grid in.. 더보기 React 가이드 노드 및 NPM 버전 정보 보기 node -v npm -v React 프로젝트 생성 npm init react-app npm init react-app . 개발모드 실행 npm run start 개발모드 종료 Ctrl + C 리액트 개발자 도구(크롬 확장 프로그램) 구글에서 "react developer tools" 검색 설치 2022년 3월 8일 이후 리액트 18 버전에서 index.js 파일을 보시면 ReactDOM.render 가 아니라 ReactDOM.createRoot라는 함수를 사용하는 코드가 만들어진다. 옛날 코드를 그대로 쓰게 되면 아래와 같은 경고 메시지가 개발자 도구 콘솔창에 나올 수 있습니다. import ReactDOM from 'react-dom/client'; const root.. 더보기 이전 1 2 3 4 5 다음
