Vue.js 구글 번역 후속처리기

1 개요

<style>
#app { width: 100%; }
.column { float:left; width: 50%; }
textarea { width: 100%; height: 400px; }
</style>

<div id="app">
  <div class="column">
    <textarea v-model="a"></textarea>
  </div>
  <div class="column">
    <textarea>{{ b }}</textarea>
  </div>
</div>

<script src="//unpkg.com/vue/dist/vue.min.js"></script>
<script>
const rule_list = [
'([0-9]) 년', '$1년',

' 라벨 ', ' 레이블 ',
'때때로', '때로',
'딥 러닝', '딥러닝',
'대화 형', '대화형',
'명시 적', '명시적',
'암시 적', '암시적',

'가상 세계', '가상세계'.
'권장 사항', '권장사항',
'머신 러닝', '머신러닝',
'매개 변수', '매개변수',
'불완전 성', '불완전성',
'블랙 박스', '블랙박스',
'빅 데이터', '빅데이터',
'상호 작용', '상호작용',
'설명 가능', '설명가능',
'신뢰 기준', '신뢰기준',
'인공 지능', '인공지능', 
'요구 사항', '요구사항',
'의사 결정', '의사결정',
'해석 가능', '해석가능', 
'물류 모델', '로지스틱모델',
'프리 트레인', '사전훈련',
'데이터 세트', '데이터세트',
'테스트 세트', '테스트세트',
'화이트 박스', '화이트박스',
'수신기 작동 특성 곡선', 'ROC곡선',

'연구원은', '연구자는',

' 나 ', '나 ',
' 인 ', '인 ',
' 된 ', '된 ',
' 될 ', '될 ',
' 할 ', '할 ',
'([^\.]) 한 ', '$1한 ',
'([^\.]) 일 ', '$1일 ',

'없는', ' 없는',
'있는', ' 있는',
'있을', ' 있을',
'을할 ', '을 할 ',
' 히면 ', '히면',
'있도록', '있도록 ',
'기위한', '기 위한',
'이되는 ', '이 되는 ',
'으면 서', '으면서',
'해야하므로', '해야 하므로',

  '않습니다', '않는다',
'습니다.', '다.',
'됩니다.', '된다.',
'듭니다.', '든다.',
'입니다.', '이다.',
  '중요합니다.', '중요하다.',
'합니다.', '한다.',
'하게한다.', '하게 한다.',
'되었습니다.', '되었다.',
'보여줍니다.', '보여준다.',

'("[^"]+")([^ ])', '$1 $2',
  '" 로', '"로',
  '" 으로', '"으로',
'\ cite {', '\cite{'
]
let rules = []
for(i=0; i<rule_list.length; i+=2) rules.push(rule_list.slice(i, i+2))
Vue.prototype.$rules = rules
new Vue({
  el: '#app',
  computed: {
    b() {
      let s = this.a
      for(i in this.$rules) {
        const rule = this.$rules[i]
      	s = s.replace(new RegExp(rule[0],'g'), rule[1])
      }
      return s
    }
  },
  data: {
    a: '안녕입니다.'
  }
})
</script>

2 같이 보기

• Vue.js
• 구글 번역