본문 바로가기
프로젝트/OpenEDC

[OpenEDC] 한국어 추가하기

by Whiimsy 2022. 5. 27.

OpenEDC 레포를 포크 해와 한국어 추가 작업을 하고 풀 리퀘를 보내볼 예정이다.

🥖 한국어 스크립트 추가하기

internationalization 폴더에 kr.json을 추가해 en.json을 참고해 한국어 번역을 한다. 뭔가 번역이 애매한 것도 많긴 한데.. 동기 분과 상사분의 도움을 받아 작업했다! 데이터 형식의 경우 그냥 영어로 표기하기로 하고 애매한 경우 "한글(영어)" 형식으로 작성했다.

 

🥖 영어, 독일어 스크립트에 한국어 추가하기

이미 완성되어 있는 영어, 독일어 스크립트의 언어 선택 부분에 한국어를 추가한다. 영어 스크립트(en.json)엔 "kr": "Korean"를, 독일어 스크립트(de.json)엔 "kr": "Koreanisch"를 추가하면 된다.

 

🥖 언어 선택 목록에 한국어 추가하기

js/helper 폴더에 있는 languagehelper.js 파일을 수정해준다. locales 배열 마지막에 KOREAN: "kr"를 추가해주면 된다.

 


옵션으로 폰트를 추가해줄 수도 있다. 한글이 깨져 보이는 거 같아서 구글 폰트의 Noto Sans KR을 추가해줬다.

<!-- index.html -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
  href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"
  rel="stylesheet"
/>

 

/* lib/bulma.css */
font-family: BlinkMacSystemFont, "Noto Sans KR", -apple-system, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
    "Helvetica Neue", Helvetica, Arial, sans-serif;

 

 


🥖 한글 중복 입력 현상 방지

양식 디자인 모드에서 한글이 중복으로 입력되는 현상을 발견할 수 있는데, 이는 js/metadatamodule.js 파일의 inputElement.onkeydown 구문을 inputElement.onkeypress으로 바꾸어주면 해결된다!

 

 

🐱‍👤 참고 : https://kwangsunny.tistory.com/33

 

'프로젝트 > OpenEDC' 카테고리의 다른 글

[OpenEDC] 중간 회고회고  (0) 2022.06.20
[OpenEDC] 스킨 커스텀하기 - 2  (0) 2022.06.13
[OpenEDC] 스킨 커스텀하기 - 1  (0) 2022.06.10
[OpenEDC] 다크모드 지원  (0) 2022.05.31
[OpenEDC] 페이지 분석  (0) 2022.05.25