diff --git a/docs/component-specs-ko-KR.html b/docs/component-specs-ko-KR.html index c144ae7dbb..473a94b726 100644 --- a/docs/component-specs-ko-KR.html +++ b/docs/component-specs-ko-KR.html @@ -406,6 +406,12 @@

컴포넌트 명세 #

React.createClass()를 호출하여 컴포넌트 클래스를 생성할 때, render 메소드를 포함한 명세 객체를 제공해야 합니다. 또한 필요한 경우 여기에서 설명하는 다른 생명주기 메소드를 명세 객체에 추가로 제공할 수 있습니다.

+ +
+

주의:

+ +

그냥 JavaScript 클래스를 컴포넌트 클래스로 사용할 수도 있습니다. 이 클래스는 구현할 수 있는 메소드가 거의 같지만 약간의 차이가 있습니다. 차이에 관한 더 자세한 정보는 ES6 클래스를 읽어보세요.

+

render #

ReactElement render()
 

render() 메소드는 필수 항목입니다.

diff --git a/docs/forms-ko-KR.html b/docs/forms-ko-KR.html index d8fe496bf7..ca17ba7ec7 100644 --- a/docs/forms-ko-KR.html +++ b/docs/forms-ko-KR.html @@ -427,6 +427,12 @@

모든 DOM 이벤트처럼 onChange prop은 모든 네이티브 컴포넌트에서 지원되며 일어난(bubbled) 변경 이벤트를 감시하는데 사용할 수 있습니다.

+ +
+

주의:

+ +

<input>, <textarea>에서는 onChange가 DOM의 oninput 이벤트 핸들러와 같은 기능을 제공하므로 일반적인 경우에는 onChange를 사용하세요.

+

제어되는(controlled) 컴포넌트 #

value가 설정된 <input>제어되는 컴포넌트입니다. 제어되는 <input>에서, 렌더 엘리먼트의 값은 항상 value prop을 반영합니다. 예를 들어,

  render: function() {
diff --git a/docs/getting-started-ja-JP.html b/docs/getting-started-ja-JP.html
index ffd8beb2b7..9d69812324 100644
--- a/docs/getting-started-ja-JP.html
+++ b/docs/getting-started-ja-JP.html
@@ -477,7 +477,7 @@
 

CommonJS を使うには #

React を browserifywebpack、または CommonJS 準拠の他のモジュールシステムと一緒に使いたい場合、 react npm package を使ってみてください。また、jsx ビルドツールをパッケージングシステム(CommonJS に限らず)に導入することも非常に簡単です。

次にすること #

-

チュートリアル や、スターターキットの examples ディレクトリに入っている他の例を読んでみてください。

+

チュートリアル や、スターターキットの examples ディレクトリに入っている他の例を読んでみてください。

また、ワークフロー、UIコンポーネント、ルーティング、データマネジメントなどの方面で貢献しているコミュニティの wiki もあります。

diff --git a/docs/jsx-in-depth-ko-KR.html b/docs/jsx-in-depth-ko-KR.html index 0fb976f817..6cd4b9d3b5 100644 --- a/docs/jsx-in-depth-ko-KR.html +++ b/docs/jsx-in-depth-ko-KR.html @@ -534,6 +534,15 @@ DOM 프로퍼티 이름을 기대합니다.

Person, {name: window.isLoggedIn ? window.name : ''} ); +

불린 어트리뷰트 #

+

어트리뷰트의 값을 생략하면 JSX는 값을 true로 취급합니다. 어트리뷰트 표현식에 false를 넘기려면 사용해야만 합니다. HTML 폼 엘리먼트에 disabled, required, checked, readOnly같은 어트리뷰트를 사용할 일이 자주 있습니다.

+
// JSX에서 이 두 줄은 똑같이 버튼을 비활성화합니다.
+<input type="button" disabled />;
+<input type="button" disabled={true} />;
+
+// 그리고 JSX에서 이 두 줄은 똑같이 버튼을 비활성화하지 않습니다.
+<input type="button" />;
+<input type="button" disabled={false} />;
 

자식 표현식 #

비슷하게, JavaScript 표현식을 자식을 표현하는 데 사용할 수 있습니다.

// 입력 (JSX):
diff --git a/docs/reusable-components-ko-KR.html b/docs/reusable-components-ko-KR.html
index 523f66f28d..dda11de87f 100644
--- a/docs/reusable-components-ko-KR.html
+++ b/docs/reusable-components-ko-KR.html
@@ -554,6 +554,8 @@
 );
 

믹스인의 괜찮은 점은 컴포넌트가 여러 믹스인을 사용하고 여러 믹스인에서 같은 생명주기 메소드를 사용할 때(예를 들어, 여러 믹스인에서 컴포넌트가 사라질 때 뭔가 정리하려 한다면) 모든 생명주기 메소드들의 실행은 보장됩니다. 믹스인에 정의된 메소드은 컴포넌트의 메소드가 호출됨에 따라 믹스인이 나열된 순서대로 실행됩니다.

+ +

ES6 클래스 #

React 클래스를 일반적인 JavaScript 클래스로 선언할 수도 있습니다. 다음의 예제는 ES6 클래스 문법을 사용합니다:

class HelloMessage extends React.Component {
diff --git a/docs/top-level-api-ko-KR.html b/docs/top-level-api-ko-KR.html
index 7fc8d19371..5bac10c78a 100644
--- a/docs/top-level-api-ko-KR.html
+++ b/docs/top-level-api-ko-KR.html
@@ -474,10 +474,10 @@
 

React.PropTypes는 컴포넌트에 넘어오는 props가 올바른지 검사할 수 있는 컴포넌트의 propTypes 객체에 들어가는 타입을 가집니다. propTypes에 대한 자세한 정보는 재사용 가능한 컴포넌트를 참고하세요.

React.Children #

React.Children은 불투명한 자료 구조인 this.props.children를 다룰 수 있는 유틸리티를 제공합니다.

-

React.Children.map #

object React.Children.map(object children, function fn [, object context])
+

React.Children.map #

object React.Children.map(object children, function fn [, object thisArg])
 
-

children의 바로 밑에 있는 모든 자식에 fn을 호출합니다. 이 때 thiscontext로 설정됩니다. children이 중첩된 객체나 배열일 경우 그 안의 값을 순회합니다. 따라서 fn에 컨테이너 객체가 넘어가는 일은 일어나지 않습니다. childrennull이거나 undefined면 빈 객체 대신 null 또는 undefined를 리턴합니다.

-

React.Children.forEach #

React.Children.forEach(object children, function fn [, object context])
+

children의 바로 밑에 있는 모든 자식에 fn을 호출합니다. 이 때 thisthisArg로 설정됩니다. children이 중첩된 객체나 배열일 경우 그 안의 값을 순회합니다. 따라서 fn에 컨테이너 객체가 넘어가는 일은 일어나지 않습니다. childrennull이거나 undefined면 빈 객체 대신 null 또는 undefined를 리턴합니다.

+

React.Children.forEach #

React.Children.forEach(object children, function fn [, object thisArg])
 

React.Children.map()과 비슷하지만 객체를 리턴하지 않습니다.

React.Children.count #

number React.Children.count(object children)
diff --git a/docs/tutorial-ja-JP.html b/docs/tutorial-ja-JP.html
index c6a71fc785..94a433e587 100644
--- a/docs/tutorial-ja-JP.html
+++ b/docs/tutorial-ja-JP.html
@@ -434,9 +434,9 @@
 <html>
   <head>
     <title>Hello React</title>
-    <script src="https://fb.me/react-0.13.3.js"></script>
-    <script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
-    <script src="https://code.jquery.com/jquery-1.10.0.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   </head>
   <body>
     <div id="content"></div>
diff --git a/docs/tutorial-ko-KR.html b/docs/tutorial-ko-KR.html
index d393bf852d..285f929831 100644
--- a/docs/tutorial-ko-KR.html
+++ b/docs/tutorial-ko-KR.html
@@ -434,9 +434,9 @@
 <html>
   <head>
     <title>Hello React</title>
-    <script src="https://fb.me/react-0.13.3.js"></script>
-    <script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
-    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   </head>
   <body>
     <div id="content"></div>
diff --git a/docs/tutorial.html b/docs/tutorial.html
index ff480e53f7..cb3bc9603b 100644
--- a/docs/tutorial.html
+++ b/docs/tutorial.html
@@ -434,9 +434,9 @@
 <html>
   <head>
     <title>Hello React</title>
-    <script src="https://fb.me/react-0.13.3.js"></script>
-    <script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
-    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   </head>
   <body>
     <div id="content"></div>
diff --git a/docs/why-react-ja-JP.html b/docs/why-react-ja-JP.html
new file mode 100644
index 0000000000..48e04529d5
--- /dev/null
+++ b/docs/why-react-ja-JP.html
@@ -0,0 +1,464 @@
+
+
+
+
+  
+  
+  なぜReactを使うのでしょうか? | React
+  
+  
+  
+  
+  
+  
+  
+
+  
+  
+
+  
+  
+  
+
+  
+  
+
+  
+  
+  
+  
+  
+  
+
+
+
+  
+ + + + + +
+ + + +
+

+ なぜReactを使うのでしょうか? + Edit on GitHub +

+
+ +

ReactはFacebookとInstagramによって作られたユーザーインターフェイスを構築するためのJavaScriptのライブラリです。 +多くの人がReactを MVCV だと考えています。 +私たちはReactをある1つの問題を解決するために使います。それは、 絶えず変化していくデータとともに大きなアプリケーションを構築する ことです。それを行うために、Reactは2つの主要な考えを持っています。

+

単純さ #

+

どのタイミングにおいても、アプリケーションがどのように見えるべきかを単純に表現し、Reactは根底にあるデータの変更があった場合に自動的に全てのUIを管理します。

+

叙述的 #

+

データが変わった時、Reactは概念的に「リフレッシュ」ボタンを押し、変わった箇所のみを検知します。

+

コンポーザブルなコンポーネントの構築 #

+

Reactは再利用可能なコンポーネントを構築するものです。実際、Reactを用いてあなたがする ただ1つの ことは、コンポーネントを構築することです。Reactは無駄な部分を省いてあるので、コンポーネントはコードの再利用、テスト、関心の分離を可能にします。

+

5分ください #

+

Reactは型にはまった知識にも挑戦し、ちらっと見ただけではおかしく見えるアイディアもあるでしょう。このガイドを読むのに5分ください 。それらのおかしく見えるアイディアはFacebookやInstagramの中と外の両方で何千ものコンポーネントを構築するために動いています。

+

更なる学習 #

+

このブログの投稿で、私たちがReactを構築するモチベーションについて更に学習することができます。

+ + +
+ + + Next → + +
+
+
+ + +
+
+ A Facebook & Instagram collaboration.
+ Acknowledgements +
+
+ © 2013–2015 Facebook Inc.
+ Documentation licensed under CC BY 4.0. +
+
+
+
+ + + + diff --git a/tips/false-in-jsx-ko-KR.html b/tips/false-in-jsx-ko-KR.html index 7354299a28..360fb12873 100644 --- a/tips/false-in-jsx-ko-KR.html +++ b/tips/false-in-jsx-ko-KR.html @@ -400,7 +400,7 @@

JSX에서 False

-

false 렌더링이 여러 문맥에서 어떻게 다뤄지는지 봅시다.

+

false 렌더링이 여러 상황에서 어떻게 다뤄지는지 봅시다.

id="false"로 렌더링

React.render(<div id={false} />, mountNode);