Browse Source

Revise Korean translation - final

main
Jay Jaeho Lee 10 years ago
parent
commit
485a9bbb1d
  1. 2
      docs/05-reusable-components.ko-KR.md
  2. 2
      docs/08.1-more-about-refs.ko-KR.md
  3. 2
      docs/10.1-animation.ko-KR.md
  4. 2
      docs/10.2-form-input-binding-sugar.ko-KR.md
  5. 10
      docs/10.3-class-name-manipulation.ko-KR.md
  6. 6
      docs/10.5-clone-with-props.ko-KR.md
  7. 2
      docs/ref-02-component-api.ko-KR.md

2
docs/05-reusable-components.ko-KR.md

@ -224,7 +224,7 @@ Counter.defaultProps = { initialCount: 0 };
### 자동 바인딩 안됨
메소드는 일반 ES6 클래스와 동일한 시틱을 따릅니다. `this`를 인스턴스에 자동으로 바인딩하지 않는다는 이야기입니다. 명시적으로 `.bind(this)`나 화살표 함수(arrow function)을 사용하세요.
메소드는 일반 ES6 클래스와 동일한 시틱을 따릅니다. `this`를 인스턴스에 자동으로 바인딩하지 않는다는 이야기입니다. 명시적으로 `.bind(this)`나 화살표 함수(arrow function)을 사용하세요.
### 믹스인 안됨

2
docs/08.1-more-about-refs.ko-KR.md

@ -5,7 +5,7 @@ permalink: more-about-refs-ko-KR.html
prev: working-with-the-browser-ko-KR.html
next: tooling-integration-ko-KR.html
---
render 메소드를 통해 UI 구조를 얻은 다음, 반환된 컴포넌트 인스턴스에 접근하거나 메소드를 호출할 방법이 필요할 수도 있습니다. 반응 적 데이터 플로우가 `render()`의 결과물에서 최신의 `props`가 각각의 자식으로 보내진 것을 항상 보장하기 때문에 플리케이션의 데이터 플로우를 만드는데 대체로 이런 작업은 필요가 없지만, 여전히 이런 작업이 필요하거나 유리한 경우가 있긴 합니다.
render 메소드를 통해 UI 구조를 얻은 다음, 반환된 컴포넌트 인스턴스에 접근하거나 메소드를 호출할 방법이 필요할 수도 있습니다. 반응적 데이터 플로우가 `render()`의 결과물에서 최신의 `props`가 각각의 자식으로 보내진 것을 항상 보장하기 때문에 플리케이션의 데이터 플로우를 만드는데 대체로 이런 작업은 필요가 없지만, 여전히 이런 작업이 필요하거나 유리한 경우가 있긴 합니다.
인스턴스의 하위 계층구조에 존재하는 `<input />` 엘리먼트의 value를 빈 문자열(`''`)로 업데이트한 후 포커스 하는 경우를 생각해 봅시다.

2
docs/10.1-animation.ko-KR.md

@ -176,7 +176,7 @@ var ImageCarousel = React.createClass({
>
> v0.12이전에는, DOM 컴포넌트를 사용할 때, `component` prop은 `React.DOM.*`로 참조할 필요가 있었습니다. 이제 컴포넌트가 단순히 `React.createElement`로 전달되기 때문에, `component` prop은 스트링이어야 합니다. 복합 컴포넌트는 팩토리를 넘겨야 합니다.
사용자 정의를 포함한 어떤 프로퍼티도 렌더된 컴포넌트의 프로퍼티가 됩니다. 예를 들어, `<ul>`css 클래스를 넣어서 렌더하려면 이렇게 하면됩니다.
사용자 정의를 포함한 어떤 프로퍼티도 렌더된 컴포넌트의 프로퍼티가 됩니다. 예를 들어, `<ul>`CSS 클래스를 넣어서 렌더하려면 이렇게 하면 됩니다.
```javascript{1}
<ReactTransitionGroup component="ul" className="animated-list">

2
docs/10.2-form-input-binding-sugar.ko-KR.md

@ -31,7 +31,7 @@ React에서 이는 "change" 이벤트를 감시하고 데이터 소스(보통 DO
```javascript
var NoLink = React.createClass({
getInitialState: function() {
return {message: 'Hello!'};
return {message: '안녕!'};
},
handleChange: function(event) {
this.setState({message: event.target.value});

10
docs/10.3-class-name-manipulation.ko-KR.md

@ -8,7 +8,7 @@ next: test-utils-ko-KR.html
> 주의:
>
> 이 모듈은 이제 [JedWatson/classnames](https://github.com/JedWatson/classnames)에 독립적으로 있고 React와 관련없습니다. 그러므로 이 드온은 제거될 예정입니다.
> 이 모듈은 이제 [JedWatson/classnames](https://github.com/JedWatson/classnames)에 독립적으로 있고 React와 관련없습니다. 그러므로 이 드온은 제거될 예정입니다.
`classSet()`은 간단히 DOM `class` 문자열을 조작하는 편리한 도구입니다.
@ -25,11 +25,11 @@ render: function() {
classString += ' message-read';
}
// 'message message-important message-read'
return <div className={classString}>Great, I'll be there.</div>;
return <div className={classString}>좋아요, 거기서 봅시다.</div>;
}
```
이것은 순식간에 장황해질 수 있습니다. 클래스 이름 문자열은 읽기 어렵고 에러가 발생하기 쉽기도 하죠. `classSet()`가 이 문제를 해결할 수 있습니다.
이것은 순식간에 장황해질 수 있습니다. 클래스 이름 문자열은 읽기 어렵고 에러가 발생하기 쉽죠. `classSet()`가 이 문제를 해결할 수 있습니다.
```javascript
render: function() {
@ -40,7 +40,7 @@ render: function() {
'message-read': this.props.isRead
});
// 최종 문자열은 동일하지만, 훨씬 깔끔함
return <div className={classes}>Great, I'll be there.</div>;
return <div className={classes}>좋아요, 거기서 봅시다.</div>;
}
```
@ -55,7 +55,7 @@ render: function() {
var readModifier = 'message-read';
var classes = cx('message', importantModifier, readModifier);
// 최종 문자열은 'message message-important message-read'
return <div className={classes}>Great, I'll be there.</div>;
return <div className={classes}>좋아요, 거기서 봅시다.</div>;
}
```

6
docs/10.5-clone-with-props.ko-KR.md

@ -6,15 +6,15 @@ prev: test-utils-ko-KR.html
next: create-fragment-ko-KR.html
---
드문 경우긴 하지만 엘리먼트에서 소유하지 않은 엘리먼트의 props를 변경하고 싶을 때가 있습니다. (`this.props.children`로 전달된 엘리먼트의 `className` 변경 같은 경우) 아니면 전달된 엘리먼트의 복사본을 여럿 만들고 싶을 수도 있습니다. 이는 `cloneWithProps()`로 할 수 있습니다.
드문 경우긴 하지만 엘리먼트에서 소유하지 않은 엘리먼트의 props를 변경하고 싶을 때가 있습니다 (`this.props.children`로 전달된 엘리먼트의 `className` 변경 같은 경우). 아니면 전달된 엘리먼트의 복사본 여러 개를 만들고 싶을 수도 있습니다. 이는 `cloneWithProps()`로 할 수 있습니다.
#### `ReactElement React.addons.cloneWithProps(ReactElement element, object? extraProps)`
`element`를 얕 복사하고 `extraProps`로 넘긴 props를 머지합니다. `className``style` props는 지능적으로 머지됩니다.
`element`를 얕 복사하고 `extraProps`로 넘긴 props를 머지합니다. `className``style` props는 지능적인 방법으로 머지됩니다.
> 주의:
>
> `cloneWithProps``key`를 클론된 엘리먼트에 전하지 않습니다. 키를 보존하고 싶으시면, `extraProps` 객체에 넣으세요.
> `cloneWithProps``key`를 클론된 엘리먼트에 전하지 않습니다. 키를 보존하고 싶으시면, `extraProps` 객체에 넣으세요.
>
> ```js
> var clonedElement = cloneWithProps(originalElement, { key : originalElement.key });

2
docs/ref-02-component-api.ko-KR.md

@ -84,7 +84,7 @@ DOMElement getDOMNode()
> 주의:
>
> getDOMNode는 비 추천 상태가 되었고 [React.findDOMNode()](/react/docs/top-level-api.html#react.finddomnode)로 교체되었습니다.
> getDOMNode는 [React.findDOMNode()](/react/docs/top-level-api.html#react.finddomnode)로 교체되었습니다.
>
> 이 메소드는 `React.Component`를 확장한 ES6 `class` 컴포넌트에서는 사용할 수 없습니다. React의 미래 버전에서 이는 완전히 사라지게 될 것입니다.

Loading…
Cancel
Save