From 4abbce4f73de7511e03f766001e9bc902a41be75 Mon Sep 17 00:00:00 2001 From: SeonHyung Date: Wed, 1 May 2019 00:28:58 +0900 Subject: [PATCH 1/7] Update Translation support Template Update Translation support Template --- .github/ISSUE_TEMPLATE/test.md | 10 ++++++++++ .../ISSUE_TEMPLATE/translation-support-template.md | 11 +++++++++++ .github/ISSUE_TEMPLATE/translation.md | 11 +++++++++++ 3 files changed, 32 insertions(+) create mode 100644 .github/ISSUE_TEMPLATE/test.md create mode 100644 .github/ISSUE_TEMPLATE/translation-support-template.md create mode 100644 .github/ISSUE_TEMPLATE/translation.md diff --git a/.github/ISSUE_TEMPLATE/test.md b/.github/ISSUE_TEMPLATE/test.md new file mode 100644 index 00000000..66bc7e42 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/test.md @@ -0,0 +1,10 @@ +--- +name: test +about: Describe this issue template's purpose here. +title: '' +labels: '' +assignees: '' + +--- + + diff --git a/.github/ISSUE_TEMPLATE/translation-support-template.md b/.github/ISSUE_TEMPLATE/translation-support-template.md new file mode 100644 index 00000000..dbcfa8e1 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/translation-support-template.md @@ -0,0 +1,11 @@ +--- +name: Translation support Template +about: 번역희망자 관련 Template +title: 번역작업을 하고 싶습니다. +labels: 번역희망 +assignees: SeonHyungJo + +--- + +안녕하세요. 번역을 희망합니다. +제 이메일은 [My Email]() 입니다. diff --git a/.github/ISSUE_TEMPLATE/translation.md b/.github/ISSUE_TEMPLATE/translation.md new file mode 100644 index 00000000..851f13a1 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/translation.md @@ -0,0 +1,11 @@ +--- +name: Translation +about: 번역희망자 관련 Template +title: 번역작업을 하고 싶습니다. +labels: 번역희망 +assignees: SeonHyungJo + +--- + +안녕하세요. 번역을 희망합니다. +제 이메일은 [My Email]() 입니다. From 5a86b1523eb476bd0c952ebf1a13283d6cb86ffa Mon Sep 17 00:00:00 2001 From: SeonHyungJo Date: Wed, 1 May 2019 00:37:17 +0900 Subject: [PATCH 2/7] :bookmark: SeonHyungJo / Template / Add PR Template & Delete ISSUE TEMPLATE --- .github/ISSUE_TEMPLATE/test.md | 10 ---------- .github/ISSUE_TEMPLATE/translation.md | 11 ----------- .../PULL_REQUEST_TEMPLATE/pull_request_template.md | 13 +++++++++++++ 3 files changed, 13 insertions(+), 21 deletions(-) delete mode 100644 .github/ISSUE_TEMPLATE/test.md delete mode 100644 .github/ISSUE_TEMPLATE/translation.md create mode 100644 .github/PULL_REQUEST_TEMPLATE/pull_request_template.md diff --git a/.github/ISSUE_TEMPLATE/test.md b/.github/ISSUE_TEMPLATE/test.md deleted file mode 100644 index 66bc7e42..00000000 --- a/.github/ISSUE_TEMPLATE/test.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -name: test -about: Describe this issue template's purpose here. -title: '' -labels: '' -assignees: '' - ---- - - diff --git a/.github/ISSUE_TEMPLATE/translation.md b/.github/ISSUE_TEMPLATE/translation.md deleted file mode 100644 index 851f13a1..00000000 --- a/.github/ISSUE_TEMPLATE/translation.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -name: Translation -about: 번역희망자 관련 Template -title: 번역작업을 하고 싶습니다. -labels: 번역희망 -assignees: SeonHyungJo - ---- - -안녕하세요. 번역을 희망합니다. -제 이메일은 [My Email]() 입니다. diff --git a/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md b/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md new file mode 100644 index 00000000..60a069fb --- /dev/null +++ b/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md @@ -0,0 +1,13 @@ +--- +name: pull_request_template +about: 번역완료된 항목 PR하기 +labels: 확인요청 +assignees: SeonHyungJo +--- + +# Progress + +- [ ] [번역 리스트 할당 여부 확인(Confirm translation list assignment)](https://github.com/SeonHyungJo/reactjs-interview-questions-korean/issues/2) +- [ ] [맞춤법 검사 (Spelling check)](http://speller.cs.pusan.ac.kr/) +- [ ] 리뷰 반영 (Resolve reviews) + From 2053ab7fff77c365c927216a473e4310c9d62a90 Mon Sep 17 00:00:00 2001 From: SeonHyungJo Date: Wed, 1 May 2019 00:52:09 +0900 Subject: [PATCH 3/7] :bookmark: SeonHyungJo / Template / Add PR Template --- .github/PULL_REQUEST_TEMPLATE.md | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 .github/PULL_REQUEST_TEMPLATE.md diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md new file mode 100644 index 00000000..60a069fb --- /dev/null +++ b/.github/PULL_REQUEST_TEMPLATE.md @@ -0,0 +1,13 @@ +--- +name: pull_request_template +about: 번역완료된 항목 PR하기 +labels: 확인요청 +assignees: SeonHyungJo +--- + +# Progress + +- [ ] [번역 리스트 할당 여부 확인(Confirm translation list assignment)](https://github.com/SeonHyungJo/reactjs-interview-questions-korean/issues/2) +- [ ] [맞춤법 검사 (Spelling check)](http://speller.cs.pusan.ac.kr/) +- [ ] 리뷰 반영 (Resolve reviews) + From 30b18727449a2230f71a97b360a57cadeecd3153 Mon Sep 17 00:00:00 2001 From: SeonHyungJo Date: Wed, 1 May 2019 00:56:42 +0900 Subject: [PATCH 4/7] =?UTF-8?q?:bookmark:=20SeonHyungJo=20/=20Template=20/?= =?UTF-8?q?=20=EC=9E=98=EB=AA=BB=EB=90=9C=20=ED=85=9C=ED=94=8C=EB=A6=BF=20?= =?UTF-8?q?=EC=A0=9C=EA=B1=B0=20=EB=B0=8F=20=EB=82=B4=EC=9A=A9=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/PULL_REQUEST_TEMPLATE.md | 7 ------- .../PULL_REQUEST_TEMPLATE/pull_request_template.md | 13 ------------- 2 files changed, 20 deletions(-) delete mode 100644 .github/PULL_REQUEST_TEMPLATE/pull_request_template.md diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md index 60a069fb..b5ee87c0 100644 --- a/.github/PULL_REQUEST_TEMPLATE.md +++ b/.github/PULL_REQUEST_TEMPLATE.md @@ -1,10 +1,3 @@ ---- -name: pull_request_template -about: 번역완료된 항목 PR하기 -labels: 확인요청 -assignees: SeonHyungJo ---- - # Progress - [ ] [번역 리스트 할당 여부 확인(Confirm translation list assignment)](https://github.com/SeonHyungJo/reactjs-interview-questions-korean/issues/2) diff --git a/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md b/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md deleted file mode 100644 index 60a069fb..00000000 --- a/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -name: pull_request_template -about: 번역완료된 항목 PR하기 -labels: 확인요청 -assignees: SeonHyungJo ---- - -# Progress - -- [ ] [번역 리스트 할당 여부 확인(Confirm translation list assignment)](https://github.com/SeonHyungJo/reactjs-interview-questions-korean/issues/2) -- [ ] [맞춤법 검사 (Spelling check)](http://speller.cs.pusan.ac.kr/) -- [ ] 리뷰 반영 (Resolve reviews) - From b15d86b6f9232abbccb56ccef3e16e8da2926365 Mon Sep 17 00:00:00 2001 From: SeonHyungJo Date: Wed, 1 May 2019 02:13:39 +0900 Subject: [PATCH 5/7] :bookmark: SeonHyungJo / Translate / Translate 11 --- README.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index ed88f88f..0907bd78 100644 --- a/README.md +++ b/README.md @@ -26,7 +26,7 @@ |8 | [React에서 state는 무엇인가?](#what-is-state-in-react) | |9 | [React에서 props는 무엇인가?](#what-are-props-in-react) | |10 | [state와 prop의 차이점은?](#what-is-the-difference-between-state-and-props) | -|11 | [왜 state를 직접 update하면 안되나?](#why-should-we-not-update-the-state-directly) | +|11 | [왜 state를 직접 update하면 안되나?](#왜-state를-직접-update하면-안되나) | |12 | [setState()의 argument로 callback 함수를 사용하는 이유는?](#what-is-the-purpose-of-callback-function-as-an-argument-of-setstate) |13 | [HTML과 React의 event handling의 차이점은?](#what-is-the-difference-between-html-and-react-event-handling) | |14 | [How to bind methods or event handlers in JSX callbacks?](#how-to-bind-methods-or-event-handlers-in-jsx-callbacks) | @@ -495,23 +495,23 @@ Both *props* and *state* are plain JavaScript objects. While both of them hold information that influences the output of render, they are different in their functionality with respect to component. Props get passed to the component similar to function parameters whereas state is managed within the component similar to variables declared within a function. -11. ### Why should we not update the state directly? +11. ### 왜 state를 직접 update하면 안되나? - If you try to update state directly then it won't re-render the component. + 혹시라도 state를 직접적으로 업데이트를 하게 되면 컴포넌트는 re-render를 하지 않는다. ```javascript //Wrong this.state.message = 'Hello world' ``` - Instead use `setState()` method. It schedules an update to a component's state object. When state changes, the component responds by re-rendering. + 대신에 `setState()` 메소드를 사용한다. 이 메소드는 컴포넌트의 state 객체에 대한 업데이트를 예약한다. state가 바뀌게 되면, 컴포넌트는 re-rendering으로 응답을 한다. ```javascript //Correct this.setState({ message: 'Hello World' }) ``` - **Note:** You can directly assign to the state object either in *constructor* or using latest javascript's class field declaration syntax. + **Note:** *constructor*에서나 최신 Javascript의 class 선언 구문을 사용해서 state 객체에 직접 할당할 수 있다. 12. ### What is the purpose of callback function as an argument of `setState()`? From 58c96aa0f0d217c925a289aa089ec13c99882540 Mon Sep 17 00:00:00 2001 From: SeonHyungJo Date: Wed, 1 May 2019 02:35:33 +0900 Subject: [PATCH 6/7] :bookmark: SeonHyungJo / Translate / Translate 12 --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index ed88f88f..6e15ca80 100644 --- a/README.md +++ b/README.md @@ -27,7 +27,7 @@ |9 | [React에서 props는 무엇인가?](#what-are-props-in-react) | |10 | [state와 prop의 차이점은?](#what-is-the-difference-between-state-and-props) | |11 | [왜 state를 직접 update하면 안되나?](#why-should-we-not-update-the-state-directly) | -|12 | [setState()의 argument로 callback 함수를 사용하는 이유는?](#what-is-the-purpose-of-callback-function-as-an-argument-of-setstate) +|12 | [setState()의 argument로 callback 함수를 사용하는 이유는?](#setState()의-argument로-callback-함수를-사용하는-이유는) |13 | [HTML과 React의 event handling의 차이점은?](#what-is-the-difference-between-html-and-react-event-handling) | |14 | [How to bind methods or event handlers in JSX callbacks?](#how-to-bind-methods-or-event-handlers-in-jsx-callbacks) | |15 | [How to pass a parameter to an event handler or callback?](#how-to-pass-a-parameter-to-an-event-handler-or-callback) | @@ -513,11 +513,11 @@ **Note:** You can directly assign to the state object either in *constructor* or using latest javascript's class field declaration syntax. -12. ### What is the purpose of callback function as an argument of `setState()`? +12. ### `setState()`의 argument로 callback 함수를 사용하는 이유는? - The callback function is invoked when setState finished and the component gets rendered. Since `setState()` is **asynchronous** the callback function is used for any post action. + callback 함수는 setState가 끝나고 컴포넌트가 render 되었을 때 작동한다. `setState()`는 **비동기식**이여서 callback 함수는 모든 작업 후 사용된다. - **Note:** It is recommended to use lifecycle method rather than this callback function. + **Note:** 이 callback 함수보다는 lifecycle 메소드를 사용하는 것이 좋다. ```javascript setState({ name: 'John' }, () => console.log('The name has updated and component re-rendered')) From 0ad8253e024fd7b3bb669390f4d9f28e297b4c5e Mon Sep 17 00:00:00 2001 From: SeonHyungJo Date: Wed, 1 May 2019 02:42:09 +0900 Subject: [PATCH 7/7] :bookmark: SeonHyungJo / Translate / Translate 13 --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index ed88f88f..4cb3f58b 100644 --- a/README.md +++ b/README.md @@ -28,7 +28,7 @@ |10 | [state와 prop의 차이점은?](#what-is-the-difference-between-state-and-props) | |11 | [왜 state를 직접 update하면 안되나?](#why-should-we-not-update-the-state-directly) | |12 | [setState()의 argument로 callback 함수를 사용하는 이유는?](#what-is-the-purpose-of-callback-function-as-an-argument-of-setstate) -|13 | [HTML과 React의 event handling의 차이점은?](#what-is-the-difference-between-html-and-react-event-handling) | +|13 | [HTML과 React의 event handling의 차이점은?](#HTML과-React의-event-handling의-차이점은) | |14 | [How to bind methods or event handlers in JSX callbacks?](#how-to-bind-methods-or-event-handlers-in-jsx-callbacks) | |15 | [How to pass a parameter to an event handler or callback?](#how-to-pass-a-parameter-to-an-event-handler-or-callback) | |16 | [What are synthetic events in React?](#what-are-synthetic-events-in-react) | @@ -523,27 +523,27 @@ setState({ name: 'John' }, () => console.log('The name has updated and component re-rendered')) ``` -13. ### What is the difference between HTML and React event handling? +13. ### HTML과 React의 event handling의 차이점은? - 1. In HTML, the event name should be in *lowercase*: + 1. HTML에서, 이벤트 이름은 *소문자*여야 한다: ```html