From 2789793eb32f1a2775467900cbe5a7d32b2259e8 Mon Sep 17 00:00:00 2001 From: Donghoon Song Date: Sun, 10 Jan 2021 07:01:35 +0000 Subject: [PATCH 1/4] Translate assignment.ko.md via GitLocalize --- .../translations/assignment.ko.md | 24 +++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 7-bank-project/4-state-management/translations/assignment.ko.md diff --git a/7-bank-project/4-state-management/translations/assignment.ko.md b/7-bank-project/4-state-management/translations/assignment.ko.md new file mode 100644 index 00000000..3bfb5eab --- /dev/null +++ b/7-bank-project/4-state-management/translations/assignment.ko.md @@ -0,0 +1,24 @@ +# "거래 추가" 대화 상자 구현 + +## Instructions + +우리 은행 앱에는 여전히 새로운 거래를 입력 할 수 있는 한 가지 중요한 기능이 없습니다. 이전 네 가지 수업에서 배운 모든 것을 사용하여 "트랜잭션 추가" 대화 상자를 구현해봅시다. + +- 대시 보드 페이지에 "거래 추가" 버튼 추가 +- HTML 템플릿으로 새 페이지를 만들거나 JavaScript를 사용하여 대시 보드 페이지를 벗어나지 않고 대화 상자 HTML을 표시하거나 숨깁니다(해당 항목에 대해 [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) 속성 또는 CSS 클래스를 사용할 수 있음). +- 대화 상자에 대한 [키보드 및 화면 판독기 접근성](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/)을 처리해야합니다. +- 입력 데이터 수신을 위한 HTML 양식 구현 +- Create JSON data from the form data and send it to the API +- Update the dashboard page with the new data + +Look at the [server API specifications](../api/README.md) to see which API you need to call and what is the expected JSON format. + +Here's an example result after completing the assignment: + +![Screenshot showing an example ](./images/dialog.png) + +## Rubric + +Criteria | Exemplary | Adequate | Needs Improvement +--- | --- | --- | --- + | 거래 추가 기능이 수업에서 본 모든 모범 사례에 따라 완전히 구현된 경우 | 거래 추가기능은 구현되지만, 강의에 표시된 모범 사례를 따르지 않거나 부분적으로만 작동하는 경우 | 거래 추가기능이 전혀 동작하지 않는 경우 From cb346d172b844cc732a860c5f3110c38765d5a12 Mon Sep 17 00:00:00 2001 From: mt-gitlocalize Date: Sun, 10 Jan 2021 07:01:37 +0000 Subject: [PATCH 2/4] Translate assignment.ko.md via GitLocalize --- .../4-state-management/translations/assignment.ko.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/7-bank-project/4-state-management/translations/assignment.ko.md b/7-bank-project/4-state-management/translations/assignment.ko.md index 3bfb5eab..357358b0 100644 --- a/7-bank-project/4-state-management/translations/assignment.ko.md +++ b/7-bank-project/4-state-management/translations/assignment.ko.md @@ -1,6 +1,6 @@ # "거래 추가" 대화 상자 구현 -## Instructions +## 설명 우리 은행 앱에는 여전히 새로운 거래를 입력 할 수 있는 한 가지 중요한 기능이 없습니다. 이전 네 가지 수업에서 배운 모든 것을 사용하여 "트랜잭션 추가" 대화 상자를 구현해봅시다. @@ -17,8 +17,8 @@ Here's an example result after completing the assignment: ![Screenshot showing an example ](./images/dialog.png) -## Rubric +## 평가 기준 -Criteria | Exemplary | Adequate | Needs Improvement +기준 | 모범 답안 | 적당한 답안 | 개선이 필요한 답안 --- | --- | --- | --- | 거래 추가 기능이 수업에서 본 모든 모범 사례에 따라 완전히 구현된 경우 | 거래 추가기능은 구현되지만, 강의에 표시된 모범 사례를 따르지 않거나 부분적으로만 작동하는 경우 | 거래 추가기능이 전혀 동작하지 않는 경우 From d31d8ab6861a3e82aae2e788df906b8d335aaa78 Mon Sep 17 00:00:00 2001 From: HanaKim Date: Sun, 10 Jan 2021 07:01:39 +0000 Subject: [PATCH 3/4] Translate assignment.ko.md via GitLocalize --- .../4-state-management/translations/assignment.ko.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/7-bank-project/4-state-management/translations/assignment.ko.md b/7-bank-project/4-state-management/translations/assignment.ko.md index 357358b0..a7b08fcf 100644 --- a/7-bank-project/4-state-management/translations/assignment.ko.md +++ b/7-bank-project/4-state-management/translations/assignment.ko.md @@ -8,12 +8,12 @@ - HTML 템플릿으로 새 페이지를 만들거나 JavaScript를 사용하여 대시 보드 페이지를 벗어나지 않고 대화 상자 HTML을 표시하거나 숨깁니다(해당 항목에 대해 [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) 속성 또는 CSS 클래스를 사용할 수 있음). - 대화 상자에 대한 [키보드 및 화면 판독기 접근성](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/)을 처리해야합니다. - 입력 데이터 수신을 위한 HTML 양식 구현 -- Create JSON data from the form data and send it to the API -- Update the dashboard page with the new data +- 양식 데이터에서 JSON 데이터를 만들어 API로 보냅니다. +- 새 데이터로 대시 보드 페이지 업데이트 -Look at the [server API specifications](../api/README.md) to see which API you need to call and what is the expected JSON format. +호출해야하는 API와 예상되는 JSON 형식을 확인하려면 [서버 API 사양](../api/README.md) 을 살펴보세요. -Here's an example result after completing the assignment: +다음은 과제를 완료 한 후의 예시 결과입니다. ![Screenshot showing an example ](./images/dialog.png) From 1534dc6f886d36466a1738758e753d528db157ca Mon Sep 17 00:00:00 2001 From: Donghoon Song <32301380+donghoon-song@users.noreply.github.com> Date: Sun, 10 Jan 2021 16:03:03 +0900 Subject: [PATCH 4/4] Update assignment.ko.md --- 7-bank-project/4-state-management/translations/assignment.ko.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/7-bank-project/4-state-management/translations/assignment.ko.md b/7-bank-project/4-state-management/translations/assignment.ko.md index a7b08fcf..0f58c39b 100644 --- a/7-bank-project/4-state-management/translations/assignment.ko.md +++ b/7-bank-project/4-state-management/translations/assignment.ko.md @@ -15,7 +15,7 @@ 다음은 과제를 완료 한 후의 예시 결과입니다. -![Screenshot showing an example ](./images/dialog.png) +![예시를 보여주는 스크린샷 이미지](./images/dialog.png) ## 평가 기준