DevExtreme React컨트롤 메뉴 한글화 공유

ko.json

0.03MB

1. ko.json 파일을 다운받아서 React프로젝트내의 적당한 위치에 복사하기
   예) ./themes 폴덩 복사함.
   해당 파일은 ja.json파일(아래)을 파파고에서 번역 후 어색한 부분은 일부 수정한 내용임.
   혹시 저작권에 문제가 있을 때에는 삭제처리함.

ja.json

0.04MB

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 } = useAuth();

  /////////////////////////////////////////
  // 추가 영역
  useEffect(() => {
    loadMessages(koMessages);
    locale('ko'); // 파일명과 일치해야 함.
  }, []);
  /////////////////////////////////////////

  if (loading) {
    return <LoadPanel visible={true} />;
  }

  if (user) {
    return <Content />;
  }

  return <UnauthenticatedContent />;
}

4. 아래는 적용된 화면.