Merge pull request #270 from niceplugin/src/change_words

1차 단어 통일

Author: narusas

ko-KR/src/api/application.md

@@ -249,7 +249,7 @@ import CustomPreferenceSwitch from './CustomPreferenceSwitch.vue'
   첫 번째 인자는 플러그인입니다.
   선택적인 두 번째 인자는 플러그인 옵션입니다.
 
-  플러그인은 `install()` 메소드가 있는 객체이거나, `install()` 메소드로 사용될 함수입니다.
+  플러그인은 `install()` 메서드가 있는 객체이거나, `install()` 메서드로 사용될 함수입니다.
   `app.use()`의 두 번째 인자인 옵션은 플러그인의 `install()` 메서드에 전달됩니다.
 
   동일한 플러그인을 여러 번 `app.use()`로 호출하는 경우, 플러그인은 한 번만 설치됩니다.
@@ -276,7 +276,7 @@ import CustomPreferenceSwitch from './CustomPreferenceSwitch.vue'
 
 :::warning 권장하지 않음
 믹스인은 라이브러리 생태계에서 널리 사용되고 있기 때문에, 하위 호환성을 위해 Vue 3에서 지원됩니다.
-하지만 앱 내 코드에서 믹스인(특히 글로벌 믹스인)의 사용은 피해야 합니다.
+하지만 앱 내 코드에서 믹스인(특히 전역 믹스인)의 사용은 피해야 합니다.
 
 로직 재상용은 [구성화](/guide/reusability/composables.html)를 추천합니다.
 :::
@@ -362,7 +362,7 @@ console.log(app.config)
   - `setup()` 함수
   - 감시자
   - 커스텀 디렉티브 훅
-  - 트렌지션 훅
+  - 트랜지션 훅
 
 - **예제**:
 

ko-KR/src/api/built-in-components.md

@@ -9,7 +9,7 @@ pageClass: api
 빌트인 컴포넌트는 등록할 필요 없이 템플릿에서 직접 사용할 수 있습니다.
 이것은 트리 쉐이킹되므로 사용되는 경우에만 빌드에 포함됩니다.
 
-[랜더 함수](/guide/extras/render-function.html)에서 사용할 때는 명시적으로 `import` 해야합니다.
+[렌더 함수](/guide/extras/render-function.html)에서 사용할 때는 명시적으로 `import` 해야합니다.
 예를 들어:
 
 ```js
@@ -24,49 +24,49 @@ h(Transition, {
 
 ## `<Transition>`
 
-**싱글** 엘리먼트 또는 컴포넌트에 애니메이션 트렌지션 효과를 제공합니다.
+**싱글** 엘리먼트 또는 컴포넌트에 애니메이션 트랜지션 효과를 제공합니다.
 
 - **Props**
 
   ```ts
   interface TransitionProps {
     /**
-     * 트렌지션 CSS 클래스 이름 자동 생성에 사용.
+     * 트랜지션 CSS 클래스 이름 자동 생성에 사용.
      * 예를 들어 `name: 'fade'`는 `.fade-enter`,
      * `.fade-enter-active` 등으로 자동 확장됨.
      */
     name?: string
     /**
-     * CSS 트렌지션 클래스를 적용할지 여부입니다.
+     * CSS 트랜지션 클래스를 적용할지 여부입니다.
      * 기본 값: true
      */
     css?: boolean
     /**
-     * 트렌지션 종료 타이밍을 결정하기 위해,
-     * 대기할 트렌지션 이벤트의 유형을 지정.
+     * 트랜지션 종료 타이밍을 결정하기 위해,
+     * 대기할 트랜지션 이벤트의 유형을 지정.
      * 기본 동작은 지속 시간이 더 긴 유형을
      * 자동으로 감지.
      */
     type?: 'transition' | 'animation'
     /**
-     * 명시적으로 트렌지션의 지속 시간을 지정.
-     * 기본 동작은 루트 트렌지션 엘리먼트의 첫 번째
+     * 명시적으로 트랜지션의 지속 시간을 지정.
+     * 기본 동작은 루트 트랜지션 엘리먼트의 첫 번째
      * `transitionend` 또는 `animationend` 이벤트를 기다리는 것.
      */
     duration?: number | { enter: number; leave: number }
     /**
-     * 진입/진출 트렌지션의 타이밍 순서를 제어.
+     * 진입/진출 트랜지션의 타이밍 순서를 제어.
      * 기본 동작은 동시.
      */
     mode?: 'in-out' | 'out-in' | 'default'
     /**
-     * 최초 렌더링에 트렌지션을 적용할지 여부.
+     * 최초 렌더링에 트랜지션을 적용할지 여부.
      * 기본 값: false
      */
     appear?: boolean
 
     /**
-     * 트렌지션 클래스를 커스텀하기 위한 props.
+     * 트랜지션 클래스를 커스텀하기 위한 props.
      * 템플릿에서 kebab-case를 사용해야 함.
      * 예: enter-from-class="xxx"
      */
@@ -106,15 +106,15 @@ h(Transition, {
   </Transition>
   ```
 
-  트렌지션 모드 + 등장 애니메이션을 가진 동적 컴포넌트:
+  트랜지션 모드 + 등장 애니메이션을 가진 동적 컴포넌트:
 
   ```vue-html
   <Transition name="fade" mode="out-in" appear>
     <component :is="view"></component>
   </Transition>
   ```
 
-  트렌지션 이벤트 수신:
+  트랜지션 이벤트 수신:
 
   ```vue-html
   <Transition @after-enter="onTransitionComplete">
@@ -126,7 +126,7 @@ h(Transition, {
 
 ## `<TransitionGroup>`
 
-리스트의 **여러** 엘리먼트 또는 컴포넌트에 트렌지션 효과를 제공합니다.
+리스트의 **여러** 엘리먼트 또는 컴포넌트에 트랜지션 효과를 제공합니다.
 
 - **Props**
 
@@ -135,11 +135,11 @@ h(Transition, {
   ```ts
   interface TransitionGroupProps extends Omit<TransitionProps, 'mode'> {
     /**
-     * 정의하지 않으면, 랜더는 프래그먼트처럼 취급함.
+     * 정의하지 않으면, 렌더는 프래그먼트처럼 취급함.
      */
     tag?: string
     /**
-     * 이동중 트렌지션에 적용될 CSS 클래스를 커스텀.
+     * 이동중 트랜지션에 적용될 CSS 클래스를 커스텀.
      * 템플릿에서 kebab-case를 사용해야 함.
      * 예: enter-from-class="xxx"
      */
@@ -157,10 +157,10 @@ h(Transition, {
 
   애니메이션이 제대로 작동하려면 `<transition-group>`의 모든 자식이 [**고유 키**](/guide/essentials/list.html#maintaining-state-with-key)를 가져야 합니다.
 
-  `<TransitionGroup>`은 CSS `transform`으로 이동 트렌지션을 지원합니다.
+  `<TransitionGroup>`은 CSS `transform`으로 이동 트랜지션을 지원합니다.
   업데이트 후 화면에서 자식의 위치가 변경되면,
   움직이는 CSS 클래스가 적용됩니다(`name` 속성에서 자동 생성되거나 `move-class` prop으로 구성됨).
-  이동 클래스가 적용될 때 CSS의 `transform` 속성이 "트렌지션 가능"이면,
+  이동 클래스가 적용될 때 CSS의 `transform` 속성이 "트랜지션 가능"이면,
   [FLIP 기술](https://aerotwist.com/blog/flip-your-animations/)을 사용하여 엘리먼트가 목적지까지 부드럽게 애니메이션됩니다.
 
 - **예제**:
@@ -272,7 +272,7 @@ h(Transition, {
 
 ## `<Teleport>`
 
-슬롯 콘텐츠를 DOM 내 다른 위치에서 렌더링합니다.
+슬롯 컨텐츠를 DOM 내 다른 위치에서 렌더링합니다.
 
 - **Props**
 
@@ -284,7 +284,7 @@ h(Transition, {
      */
     to: string | HTMLElement
     /**
-     * `true`이면 콘텐츠가 대상이 될 컨테이너로
+     * `true`이면 컨텐츠가 대상이 될 컨테이너로
      * 이동하지 않고 원래 위치에 남아 있음.
      * 동적으로 변경할 수 있음.
      */

ko-KR/src/api/built-in-directives.md

@@ -9,7 +9,7 @@
 - **세부 사항**:
 
   `v-text`는 엘리먼트의 [텍스트 컨텐츠](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent) 속성을 설정하므로,
-  엘리먼트 내부의 기존 콘텐츠를 덮어씁니다.
+  엘리먼트 내부의 기존 컨텐츠를 덮어씁니다.
   `텍스트 컨텐츠`의 일부를 업데이트해야 하는 경우,
   [이중 중괄호](/guide/essentials/template-syntax.html#text-interpolation)를 사용해야 합니다.
 
@@ -37,13 +37,13 @@
 
   ::: warning 보안 참고 사항
   웹사이트에서 임의의 HTML을 동적으로 렌더링하는 것은 [XSS 공격](https://en.wikipedia.org/wiki/Cross-site_scripting)으로 쉽게 이어질 수 있기 때문에 매우 위험할 수 있습니다.
-  신뢰할 수 있는 콘텐츠에만 `v-html`을 사용하고,
-  사용자가 제공하는 콘텐츠에는 **절대** 사용하면 안됩니다.
+  신뢰할 수 있는 컨텐츠에만 `v-html`을 사용하고,
+  사용자가 제공하는 컨텐츠에는 **절대** 사용하면 안됩니다.
   :::
 
   [싱글 파일 컴포넌트(SFC)](/guide/scaling-up/sfc)에서 `scoped`(범위를 지정한) Style은 `v-html` 내부 컨텐츠에 적용되지 않습니다.
   왜냐하면 해당 HTML은 Vue의 템플릿 컴파일러에서 처리되지 않기 때문입니다.
-  범위를 지정한 CSS로 `v-html` 콘텐츠를 대상으로 지정하려는 경우,
+  범위를 지정한 CSS로 `v-html` 컨텐츠를 대상으로 지정하려는 경우,
   [CSS 모듈](./sfc-css-features.html#css-modules) 또는 BEM과 같은 수동 범위 지정 방법과 함께 전역 `<style>` 엘리먼트를 사용할 수 있습니다.
 
 - **예제**:
@@ -78,7 +78,7 @@
 
   `v-if` 엘리먼트가 토글되면, 엘리먼트와 여기에 포함된 디렉티브/컴포넌트가 파괴되고 재구성됩니다.
   초기 조건 값이 falsy이면,
-  내부 콘텐츠가 전혀 렌더링되지 않습니다.
+  내부 컨텐츠가 전혀 렌더링되지 않습니다.
 
   텍스트 또는 여러 엘리먼트를 포함하는 조건부 블록을 나타내기 위해 `<template>`에 사용할 수도 있습니다.
 
@@ -89,7 +89,7 @@
   하나의 엘리먼트에 이 두 디렉티브을 함께 사용하는 것은 권장되지 않습니다.
   자세한 내용은 [리스트 렌더링](/guide/essentials/list.html#v-for-with-v-if)을 참고하세요.
 
-- **참고**: [조건부 랜더링 - v-if](/guide/essentials/conditional.html#v-if)
+- **참고**: [조건부 렌더링 - v-if](/guide/essentials/conditional.html#v-if)
 
 ## v-else
 
@@ -114,7 +114,7 @@
   </div>
   ```
 
-- **참고**: [조건부 랜더링 - v-else](/guide/essentials/conditional.html#v-else)
+- **참고**: [조건부 렌더링 - v-else](/guide/essentials/conditional.html#v-else)
 
 ## v-else-if
 
@@ -146,7 +146,7 @@
   </div>
   ```
 
-- **참고**: [조건부 랜더링 - v-else-if](/guide/essentials/conditional.html#v-else-if)
+- **참고**: [조건부 렌더링 - v-else-if](/guide/essentials/conditional.html#v-else-if)
 
 ## v-for
 
@@ -222,7 +222,7 @@
   `v-on` also supports binding to an object of event / listener pairs without an argument. Note when using the object syntax, it does not support any modifiers.
 
   이벤트 타입은 인자로 표시됩니다.
-  표현식은 메소드 이름 또는 인라인 명령문이거나,
+  표현식은 메서드 이름 또는 인라인 명령문이거나,
   수식어가 있는 경우 생략될 수 있습니다.
 
   일반 엘리먼트에 사용되면 [**네이티브 DOM 이벤트**](https://developer.mozilla.org/en-US/docs/Web/Events)만 수신합니다.
@@ -240,7 +240,7 @@
 - **예제**:
 
   ```vue-html
-  <!-- 메소드 핸들러 -->
+  <!-- 메서드 핸들러 -->
   <button v-on:click="doThis"></button>
 
   <!-- 동적 이벤트 -->
@@ -381,7 +381,7 @@
   <svg :view-box.camel="viewBox"></svg>
   ```
 
-  문자열 템플릿을 사용하거나 템플릿을 빌드 단계로 미리 컴파일하는 경우에는 `.camel`이 필요하지 않습니다.
+  문자열 템플릿을 사용하거나 템플릿을 빌드 과정으로 미리 컴파일하는 경우에는 `.camel`이 필요하지 않습니다.
 
 - **참고**:
   - [가이드 - 클래스와 스타일 바인딩](/guide/essentials/class-and-style.html)
@@ -488,7 +488,7 @@
 
 - **세부 사항**:
 
-  이후 다시 렌더링할 때 엘리먼트/컴포넌트 및 모든 자식들은 정적 콘텐츠로 처리되어 생략됩니다.
+  이후 다시 렌더링할 때 엘리먼트/컴포넌트 및 모든 자식들은 정적 컨텐츠로 처리되어 생략됩니다.
   이것은 업데이트 성능을 최적화하는 데 사용할 수 있습니다.
 
   ```vue-html
@@ -580,11 +580,11 @@
 
 - **세부 사항**:
 
-  **이 디렉티브는 빌드 단계가 없는 설정에서만 필요합니다**.
+  **이 디렉티브는 빌드 과정이 없는 설정에서만 필요합니다**.
 
   DOM 내 템플릿을 사용할 때,
   "컴파일되지 않은 템플릿이 순간 보이는 현상"이 있을 수 있습니다.
-  이러면 사용자는 컴포넌트가 렌더링된 콘텐츠로 대체할 때까지 이중 중괄호 태그를 볼 수 있습니다.
+  이러면 사용자는 컴포넌트가 렌더링된 컨텐츠로 대체할 때까지 이중 중괄호 태그를 볼 수 있습니다.
 
   `v-cloak`은 연결된 컴포넌트 인스턴스가 마운트될 때까지 엘리먼트에 남아 있습니다.
   `[v-cloak] { display: none }`과 같은 CSS 규칙과 결합하여,

ko-KR/src/api/built-in-special-attributes.md

@@ -12,7 +12,7 @@
   키를 사용하면 키의 순서 변경에 따라 엘리먼트를 재정렬하고 더 이상 존재하지 않는 키가 있는 엘리먼트는 항상 제거/파기됩니다.
 
   동일한 공통 부모의 자식들은 **고유 키**가 있어야 합니다.
-  키가 중복되면 렌더링 오류가 발생합니다.
+  키가 중복되면 렌더링 에러가 발생합니다.
 
   `v-for`에서 가장 일반적으로 사용 됩니다:
 
@@ -26,7 +26,7 @@
   다음과 같은 경우에 유용할 수 있습니다:
 
   - 컴포넌트의 수명 주기 훅을 올바르게 트리거함.
-  - 트렌지션 트리거
+  - 트랜지션 트리거
 
   예제:
 
@@ -36,7 +36,7 @@
   </transition>
   ```
 
-  `text`가 변경되면 `<span>`이 패치 대신 항상 교체되므로 트렌지션이 트리거됩니다.
+  `text`가 변경되면 `<span>`이 패치 대신 항상 교체되므로 트랜지션이 트리거됩니다.
 
 - **참고**: [가이드 - 리스트 렌더링: `key`를 통한 상태유지](/guide/essentials/list.html#maintaining-state-with-key)
 

ko-KR/src/api/built-in-special-elements.md

@@ -22,7 +22,7 @@
 
 - **세부 사항**:
 
-  `is`라는 prop의 값으로 랜더링할 실제 컴포넌트가 결정됩니다:
+  `is`라는 prop의 값으로 렌더링할 실제 컴포넌트가 결정됩니다:
 
   - 문자열인 경우, HTML 태그 이름 또는 컴포넌트로 등록된 이름일 수 있음.
 
@@ -101,7 +101,7 @@
 
 ## `<slot>`
 
-템플릿의 슬롯 콘텐츠를 내보낼 지점을 나타냅니다.
+템플릿의 슬롯 컨텐츠를 내보낼 지점을 나타냅니다.
 
 - **Props**
 
@@ -125,7 +125,7 @@
   `name`을 지정하지 않으면 기본 슬롯으로 렌더링됩니다.
   슬롯 엘리먼트에 전달된 추가 속성은 부모 내부에서 범위가 정의된 슬롯에 슬롯 props로 전달됩니다.
 
-  엘리먼트는 일치하는 슬롯의 콘텐츠로 대체됩니다.
+  엘리먼트는 일치하는 슬롯의 컨텐츠로 대체됩니다.
 
   Vue 템플릿의 `<slot>` 엘리먼트는 JavaScript로 컴파일되므로 [네이티브 `<slot>` 엘리먼트](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot)와 혼동하면 안됩니다.
 

ko-KR/src/api/composition-api-lifecycle.md

@@ -214,7 +214,7 @@
   훅은 '에러', '에러를 트리거한 컴포넌트 인스턴스', '에러 소스 유형을 지정하는 정보 문자열' 세 개의 인자를 받습니다.
 
   `errorCaptured` 훅에서 컴포넌트 상태를 수정하여 사용자에게 에러 상태를 표시할 수 있습니다.
-  그러나 애러가 난 컴포넌트에서 에러 상태를 렌더링해서는 안됩니다.
+  그러나 에러가 난 컴포넌트에서 에러 상태를 렌더링해서는 안됩니다.
   그렇지 않으면 컴포넌트가 무한 렌더링 루프에 빠집니다.
 
   훅은 `false`를 반환하여 에러가 더 이상 전파되지 않도록 할 수 있습니다.

ko-KR/src/api/options-lifecycle.md

@@ -206,7 +206,7 @@
   훅은 '에러', '에러를 트리거한 컴포넌트 인스턴스', '에러 소스 유형을 지정하는 정보 문자열' 세 개의 인자를 받습니다.
 
   `errorCaptured` 훅에서 컴포넌트 상태를 수정하여 사용자에게 에러 상태를 표시할 수 있습니다.
-  그러나 애러가 난 컴포넌트에서 에러 상태를 렌더링해서는 안됩니다.
+  그러나 에러가 난 컴포넌트에서 에러 상태를 렌더링해서는 안됩니다.
   그렇지 않으면 컴포넌트가 무한 렌더링 루프에 빠집니다.
 
   훅은 `false`를 반환하여 에러가 더 이상 전파되지 않도록 할 수 있습니다.

ko-KR/src/api/options-rendering.md

@@ -30,7 +30,7 @@
 
   :::warning 보안 참고 사항
   신뢰할 수 있는 템플릿 소스만 사용해야 합니다.
-  사용자가 제공한 콘텐츠를 템플릿으로 사용하면 안됩니다.
+  사용자가 제공한 컨텐츠를 템플릿으로 사용하면 안됩니다.
   자세한 내용은 [가이드 - 보안](/guide/best-practices/security.html#rule-no-1-never-use-non-trusted-templates) 참고.
   :::
 

ko-KR/src/api/options-state.md

@@ -19,15 +19,15 @@
 
   이 함수는 Vue에 의해 반응형으로 만들어진 일반 JavaScript 객체를 반환합니다.
   인스턴스가 생성된 후, 반응형 데이터 객체는 `this.$data`로 접근할 수 있습니다.
-  컴포넌트 인스턴스는 데이터 객체에서 찾은 모든 속성을 프록시하므로 `this.$data.a`는 `this.a`와 동일합니다.
+  컴포넌트 인스턴스는 데이터 객체에서 찾은 모든 속성을 프락시하므로 `this.$data.a`는 `this.a`와 동일합니다.
 
   모든 최상위 데이터 속성은 반환된 데이터 객체에 포함되어야 합니다.
   `this.$data`에 새 속성을 추가하는 것이 가능하지만 **권장되지는 않습니다**.
   원하는 속성 값을 아직 사용할 수 없는 경우,
   `undefined` 또는 `null`과 같은 빈 값을 사용하여 Vue가 속성이 존재함을 알 수 있도록 해야 합니다.
 
   `_` 또는 `$`로 시작하는 속성은 Vue의 내부 속성 및 API 메서드와 충돌할 수 있으므로,
-  컴포넌트 인스턴스에서 **프록시되지 않습니다**.
+  컴포넌트 인스턴스에서 **프락시되지 않습니다**.
   이런 경우에는 `this.$data._property`와 같은 방법으로 접근해야 합니다.
 
   브라우저 API 객체나 프로토타입 속성과 같은 고유한 상태를 저장한 객체를 반환하는 것은 **권장하지 않습니다**.
@@ -315,10 +315,10 @@
   키는 `a.b.c`와 같이 점으로 구분된 경로가 될 수도 있습니다.
   이 사용법은 복잡한 표현식을 **지원하지 않으며**,
   점으로 구분된 경로만 지원됩니다.
-  복잡한 데이터 소스를 관찰해야 하는 경우,
+  복잡한 데이터 소스를 감시해야 하는 경우,
   명령형 [`$watch()`](/api/component-instance.html#watch) API를 사용해야 합니다.
 
-  값은 메소드 이름에 해당하는 문자열(`methods`를 통해 선언됨) 또는 추가적인 옵션을 포함하는 객체일 수도 있습니다.
+  값은 메서드 이름에 해당하는 문자열(`methods`를 통해 선언됨) 또는 추가적인 옵션을 포함하는 객체일 수도 있습니다.
   객체 문법을 사용할 경우,
   `handler` 필드에 콜백을 선언해야 합니다.
   추가 옵션은 다음과 같습니다: