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',

'없는', ' 없는',
'없는([^지])', '없는 $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 같이 보기
