본문 바로가기

DevExpress9

DevExtreme React컨트롤 메뉴 한글화 공유 1. ko.json 파일을 다운받아서 React프로젝트내의 적당한 위치에 복사하기 예) ./themes 폴덩 복사함. 해당 파일은 ja.json파일(아래)을 파파고에서 번역 후 어색한 부분은 일부 수정한 내용임. 혹시 저작권에 문제가 있을 때에는 삭제처리함. 2. App.JS로 이동해서 impot문의 가장 아래에 아래의 코드를 붙여넣기 import React, {useEffect} from 'react'; ... import {loadMessages, locale} from "devextreme/localization"; import koMessages from "./themes/ko.json"; 3. 아래와 같이 코드 추가 function App() { const { user, loading } = u.. 2022. 4. 19.
Devexpress의 DexExtreme을 이용한 ReactJS 초기 설정 방법 1. command 창에서 아래의 순서대로 실행함. > npx -p devextreme-cli devextreme new react-app [app-name] Outer Toolbar 를 선택함. > cd app-name > npm run start 2. 실행 후 에러가 해당 패키지 버전이 맞지 않는다는 오류가 나면서 실행이 안됨. Error in ./src/index.js 6:0-40 Can’t resolve ‘react-dom/client’ in ‘Source…’ 해당 소스로 가서 아래와 같이 수정함. import ReactDOM from 'react-dom/client'; // 위의 코드를 아래의 코드로 수정 import ReactDOM from 'react-dom'; const root = Rea.. 2022. 4. 19.
JetBrain Rider에서 DevExpress를 활용한 Blazor 앱 개발 초기 설정 방법(dotnet 6) 1. 폴더 만들기 mkdir NoticeApp 2. 해당 폴더(NoticeApp)로 이동해서 sln파일 만들기 실행 dotnet new sln 해당 폴더(NoticeApp)에 폴더명과 동일한 NoticeApp.sln 파일이 생성되어 있음. 3. Rider 실행 후 해당 솔루션 파일을 열기 4. 솔루션에서 마우스 오른쪽 버튼 클릭 후 New Project를 선택 5. 아래의 그림과 같이 설정함. 6. DevExpress Blazor를 설정하기 위해서 아래의 사이트 참조 https://docs.devexpress.com/Blazor/402564/get-started/microsoft-templates-nuget-cli 7. Project 폴더로 이동한다. 명령어(Command) 창에서 아래의 명령어를 입력 .. 2022. 4. 7.
Area생성 후 DevExpress설정하기 위 코드에서 가운데 있는 코드 (아래 줄 참고)를 넣어야만 Area 영역내의 Razor 구문에서 에러가 발생하지 않음. 2021. 11. 26.