diff --git a/src/v2/guide/components.md b/src/v2/guide/components.md index 81656f0ea9..bd1448aff8 100644 --- a/src/v2/guide/components.md +++ b/src/v2/guide/components.md @@ -32,7 +32,7 @@ Vue.component('my-component', { }) ``` -
Vue는 사용자 지정 태그 이름에 대해 [W3C 규칙](http://www.w3.org/TR/custom-elements/#concepts)을 적용하지 않습니다 (모두 소문자이어야 하고 하이픈을 포함해야합니다). 그러나 이 규칙을 따르는 것이 좋습니다.
+Vue는 사용자 지정 태그 이름에 대해 W3C 규칙을 적용하지 않습니다 (모두 소문자이어야 하고 하이픈을 포함해야합니다). 그러나 이 규칙을 따르는 것이 좋습니다.
일단 등록되면, 컴포넌트는 인스턴스의 템플릿에서 커스텀 엘리먼트,`자바 스크립트의 객체와 배열은 참조로 전달되므로 prop가 배열이나 객체인 경우 하위 객체 또는 배열 자체를 부모 상태로 변경하면 부모 상태에 **영향을 줍니다**.
+자바 스크립트의 객체와 배열은 참조로 전달되므로 prop가 배열이나 객체인 경우 하위 객체 또는 배열 자체를 부모 상태로 변경하면 부모 상태에 영향을 줍니다.
### Prop 검증 @@ -506,12 +506,12 @@ Props가 아닌 속성은 컴포넌트로 전달되지만 해당 props는 정의 - `$on(eventName)`을 사용하여 이벤트를 감지 하십시오. - `$emit(eventName)`을 사용하여 이벤트를 트리거 하십시오. -Vue의 이벤트 시스템은 브라우저의 [EventTarget API](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget)와 별개입니다. 비슷하게 작동하지만 `$on` 과 `$emit` 는 `addEventListener` 와 `dispatchEvent`의 별칭이 __아닙니다__.
+Vue의 이벤트 시스템은 브라우저의 EventTarget API와 별개입니다. 비슷하게 작동하지만 $on
과 $emit
는 addEventListener
와 dispatchEvent
의 별칭이 아닙니다.
`$on`은 자식에서 호출한 이벤트는 감지하지 않습니다. `v-on`을 템플릿에 반드시 지정해야 합니다. 아래의 예제를 보십시오.
+$on
은 자식에서 호출한 이벤트는 감지하지 않습니다. v-on
을 템플릿에 반드시 지정해야 합니다. 아래의 예제를 보십시오.
`checked` prop를 명시적으로 선언해야 합니다.
+checked
prop를 명시적으로 선언해야 합니다.
`$refs` 는 컴포넌트가 렌더링 된 후에만 채워지며 반응적이지 않습니다. 그것은 직접 자식 조작을 위한 escape 해치를 의미합니다 - 템플릿이나 계산 된 속성에서 `$refs`를 사용하지 말아야합니다.
+$refs
는 컴포넌트가 렌더링 된 후에만 채워지며 반응적이지 않습니다. 그것은 직접 자식 조작을 위한 escape 해치를 의미합니다 - 템플릿이나 계산 된 속성에서 $refs
를 사용하지 말아야합니다.
비동기 컴포넌트를 사용하려는 Browserify 사용자인 경우, 작성자는 불행히도 비동기로드가 Browserify에서 지원하지 않는 것이라고 [분명하게 주장합니다.](https://github.com/substack/node-browserify/issues/58#issuecomment-21978224) 적어도 공식적으로. Browserify 커뮤니티는 기존 및 복잡한 응용 프로그램에 도움이 될 수있는 [몇 가지 해결 방법](https://github.com/vuejs/vuejs.org/issues/620)을 발견했습니다. 다른 모든 시나리오의 경우 기본 제공되는 비동기식 지원을 위해 Webpack을 사용하는 것이 좋습니다.
+비동기 컴포넌트를 사용하려는 Browserify 사용자인 경우, 작성자는 불행히도 비동기로드가 Browserify에서 지원하지 않는 것이라고 분명하게 주장합니다. 적어도 공식적으로. Browserify 커뮤니티는 기존 및 복잡한 응용 프로그램에 도움이 될 수있는 몇 가지 해결 방법을 발견했습니다. 다른 모든 시나리오의 경우 기본 제공되는 비동기식 지원을 위해 Webpack을 사용하는 것이 좋습니다.
### 고급 비동기 컴포넌트 diff --git a/src/v2/guide/conditional.md b/src/v2/guide/conditional.md index dbb55dd2fa..26df6ec278 100644 --- a/src/v2/guide/conditional.md +++ b/src/v2/guide/conditional.md @@ -173,7 +173,7 @@ new Vue({ 차이점은 `v-show`가 있는 엘리먼트는 항상 렌더링 되고 DOM에 남아있다는 점입니다. `v-show`는 단순히 엘리먼트에 `display` CSS 속성을 토글합니다. -`v-show`는 `` 구문을 지원하지 않으며 `v-else`와도 작동하지 않습니다.
+v-show
는 <template>
구문을 지원하지 않으며 v-else
와도 작동하지 않습니다.
`v-if`와 `v-for`을 함께 사용하는 것을 권장하지 않습니다. 자세한 내용은[style guide](/v2/style-guide/#Avoid-v-if-with-v-for-essential)을 확인하십시오.
+v-if
와 v-for
을 함께 사용하는 것을 권장하지 않습니다. 자세한 내용은 스타일 가이드을 확인하십시오.
관련 코드가 동일한 순서로 생성되므로 수식어를 사용할 때 순서를 지정하세요. 다시말해 `v-on:click.prevent.self`를 사용하면 **모든 클릭**을 막을 수 있으며 `v-on:click.self.prevent`는 엘리먼트 자체에 대한 클릭만 방지합니다.
+관련 코드가 동일한 순서로 생성되므로 수식어를 사용할 때 순서를 지정하세요. 다시말해 v-on:click.prevent.self
를 사용하면 모든 클릭을 막을 수 있으며 v-on:click.self.prevent
는 엘리먼트 자체에 대한 클릭만 방지합니다.
`.passive`와 `.prevent`를 함께 사용하지 마세요.`.prevent`는 무시되고 브라우저는 오류를 발생시킬 것입니다. `.passive`는 당신이 이벤트의 기본 행동을 무시하지 _않기를 원하는_ 브라우저와 상호작용한다는 사실을 기억하세요.
+.passive
와 .prevent
를 함께 사용하지 마세요. .prevent
는 무시되고 브라우저는 오류를 발생시킬 것입니다. .passive
는 당신이 이벤트의 기본 행동을 무시하지 않기를 원하는 브라우저와 상호작용한다는 사실을 기억하세요.
The use of `keyCode` events [is deprecated](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode) and may not be supported in new browsers.
+keyCode
이벤트의 사용은 더 이상 권장되지 않으며 새로운 브라우저에서는 지원되지 않을 수도 있습니다.
일부 키(`.esc`와 모든 화살표 키)는 IE9에서 일관성 없는 `key` 값을 가지고 있습니다. IE9를 지원해야하는 경우 내장 별칭이 선호됩니다.
+일부 키(.esc
와 모든 화살표 키)는 IE9에서 일관성 없는 key
값을 가지고 있습니다. IE9를 지원해야하는 경우 내장 별칭이 선호됩니다.
-수식어 키는 일반 키와 다르며 `keyup` 이벤트와 함께 사용되면 이벤트가 발생할 때 수식어 키가 눌려있어야 합니다. 즉,`keyup.ctrl`는 `ctrl`을 누른 상태에서 키를 놓으면 트리거됩니다. `ctrl` 키만 놓으면 트리거되지 않습니다.
+수식어 키는 일반 키와 다르며 keyup
이벤트와 함께 사용되면 이벤트가 발생할 때 수식어 키가 눌려있어야 합니다. 즉, keyup.ctrl
는 ctrl
을 누른 상태에서 키를 놓으면 트리거됩니다. ctrl
키만 놓으면 트리거되지 않습니다.
-`v-model`은 모든 form 엘리먼트의 초기 `value`와 `checked` 그리고 `selected` 속성을 무시합니다. 항상 Vue 인스턴스 데이터를 원본 소스로 취급합니다. 컴포넌트의 `data` 옵션 안에 있는 JavaScript에서 초기값을 선언해야합니다.
+v-model
은 모든 form 엘리먼트의 초기 value
와 checked
그리고 selected
속성을 무시합니다. 항상 Vue 인스턴스 데이터를 원본 소스로 취급합니다. 컴포넌트의 data
옵션 안에 있는 JavaScript에서 초기값을 선언해야합니다.
[IME](https://en.wikipedia.org/wiki/Input_method) (중국어, 일본어, 한국어 등)가 필요한 언어의 경우 IME 중 `v-model`이 업데이트 되지 않습니다. 이러한 업데이트를 처리하려면 `input` 이벤트를 대신 사용하십시오.
+IME (중국어, 일본어, 한국어 등)가 필요한 언어의 경우 IME 중 v-model
이 업데이트 되지 않습니다. 이러한 업데이트를 처리하려면 input
이벤트를 대신 사용하십시오.
`v-model` 표현식의 초기 값이 어떤 옵션에도 없으면, `<select>` 엘리먼트는 "선택없음" 상태로 렌더링됩니다. iOS에서는 이 경우 변경 이벤트가 발생하지 않아 사용자가 첫 번째 항목을 선택할 수 없게됩니다. 따라서 위 예제처럼 사용하지 않는 옵션에 빈 값을 넣는 것이 좋습니다.
+v-model
표현식의 초기 값이 어떤 옵션에도 없으면, <select>
엘리먼트는 "선택없음" 상태로 렌더링됩니다. iOS에서는 이 경우 변경 이벤트가 발생하지 않아 사용자가 첫 번째 항목을 선택할 수 없게됩니다. 따라서 위 예제처럼 사용하지 않는 옵션에 빈 값을 넣는 것이 좋습니다.
`true-value` 와 `false-value` 속성은 폼 전송시 체크되지 않은 박스를 포함하지 않기 때문에 입력의 `value` 속성에 영향을 미치지 않습니다. 두 값 중 하나가 폼을 통해 전송 되려면 (예 : '예' 또는 '아니요') 라디오를 대신 사용하십시오.
+true-value
와 false-value
속성은 폼 전송시 체크되지 않은 박스를 포함하지 않기 때문에 입력의 value
속성에 영향을 미치지 않습니다. 두 값 중 하나가 폼을 통해 전송 되려면 (예 : '예' 또는 '아니요') 라디오를 대신 사용하십시오.