Merge pull request #101 from donghoon-song/feature/translate-assignment-into-ko

Translating assignments into ko(Korean) (complete)

7-bank-project/1-template-route/translations/assignment.ko.md

@@ -0,0 +1,14 @@
+# 라우팅 개선
+
+## 설명
+
+경로 선언에는 현재 사용할 템플릿 ID만 포함됩니다. 하지만 새 페이지를 표시할 때는 추가할 것이 더 생기는 경우가 있습니다. 두 가지 추가 기능을 사용하여 라우팅 구현을 개선해 봅시다.
+
+- 각 템플릿에 제목을 부여하고 템플릿이 변경되면 새 제목으로 창 제목을 변경합니다.
+- 템플릿 변경 후 일부 코드를 실행하는 옵션을 추가합니다. 대시보드 페이지가 표시될 때마다 개발자 콘솔에 `'대시보드가 보임'`을 출력합니다.
+
+## 평가 기준
+
+기준 | 모범 답안 | 적당한 답안 | 개선이 필요한 답안
+--- | --- | --- | ---
+ | 두 기능이 구현되고 작동하는 경우. 제목 및 코드 추가는 `routes` 선언에 추가된 새 경로에서도 작동합니다. | 두 기능은 작동하지만, 동작은 하드 코딩되어 있으며 `routes` 선언을 통해 구성할 수 없는 경우. <br> 세 번째 경로를 제목과 코드와 함께 추가하면 작동하지 않거나 부분적으로 작동합니다. | 기능 중 하나가 없거나 제대로 작동하지 않는 경우

7-bank-project/2-forms/translations/assignment.ko.md

@@ -0,0 +1,13 @@
+# 은행 앱 스타일링
+
+## 설명
+
+새 `styles.css` 파일을 만들고 현재 `index.html` 파일에 링크를 추가해봅니다. 방금 만든 CSS 파일에서 *로그인* 및 *대시 보드* 페이지가 멋지고 깔끔하게 보이도록 스타일을 추가합니다. 앱에 자체 브랜딩을 제공하기 위해 색상 테마를 만들어봅니다.
+
+> 팁 : HTML을 수정하고 필요한 경우 새 요소와 클래스를 추가 할 수 있습니다.
+
+## 평가 기준
+
+기준 | 모범 답안 | 적당한 답안 | 개선이 필요한 답안
+--- | --- | --- | ---
+ | 모든 페이지가 깔끔하고 읽기 쉬우며 일관된 색상 테마와 다양한 섹션들이 적절하게 돋보이는 경우 | 페이지가 스타일링되어있지만 테마가 없거나 섹션들이 명확하게 구분되지 않은 경우 | 페이지가 스타일링되어 있지 않았으며 섹션들이 질서가 없고 정보를 읽기가 어려운 경우

7-bank-project/3-data/translations/assignment.ko.md

@@ -0,0 +1,15 @@
+# 코드 리팩터링 및 주석
+
+## 설명
+
+코드베이스가 커짐에 따라 코드를 자주 리팩터링하여 시간이 지남에 따라 가독성과 유지 관리가 가능하도록 유지하는 것이 중요합니다. 주석을 추가하고 `app.js` 를 리팩터링하여 코드 품질을 개선합니다.
+
+- 서버 API 기본 URL과 같은 상수 추출
+- 유사한 코드를 분해합니다. 예를 들어 `createAccount()` 및 `getAccount()` 모두에서 사용되는 코드를 다시 그룹화하는 `sendRequest()` 함수를 만들 수 있습니다.
+- 읽기 쉽도록 코드 재구성 및 주석 추가
+
+## 평가 기준
+
+기준 | 모범 답안 | 적당한 답안 | 개선이 필요한 답안
+--- | --- | --- | ---
+ | 코드 주석이 잘 짜여진 여러개의 섹션으로 나뉘며 읽기 쉬운 경우. 그리고 상수들이 추출되고 잘 쪼개진 `sendRequest()` 함수를 생성한 경우 | 코드는 깔끔하지만 더 많은 주석, 지속적인 추출 또는 분해를 통해 개선될 수 있는 경우 | 코드가 지저분하고 주석도 잘 작성하지 않았으며 상수 또한 추출되지 않고 코드도 분해되지 않은 경우

7-bank-project/4-state-management/translations/assignment.ko.md

@@ -0,0 +1,24 @@
+# "거래 추가" 대화 상자 구현
+
+## 설명
+
+우리 은행 앱에는 여전히 새로운 거래를 입력 할 수 있는 한 가지 중요한 기능이 없습니다. 이전 네 가지 수업에서 배운 모든 것을 사용하여 "트랜잭션 추가" 대화 상자를 구현해봅시다.
+
+- 대시 보드 페이지에 "거래 추가" 버튼 추가
+- 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 양식 구현
+- 양식 데이터에서 JSON 데이터를 만들어 API로 보냅니다.
+- 새 데이터로 대시 보드 페이지 업데이트
+
+호출해야하는 API와 예상되는 JSON 형식을 확인하려면 [서버 API 사양](../api/README.md) 을 살펴보세요.
+
+다음은 과제를 완료 한 후의 예시 결과입니다.
+
+![예시를 보여주는 스크린샷 이미지](./images/dialog.png)
+
+## 평가 기준
+
+기준 | 모범 답안 | 적당한 답안 | 개선이 필요한 답안
+--- | --- | --- | ---
+ | 거래 추가 기능이 수업에서 본 모든 모범 사례에 따라 완전히 구현된 경우 | 거래 추가기능은 구현되지만, 강의에 표시된 모범 사례를 따르지 않거나 부분적으로만 작동하는 경우 | 거래 추가기능이 전혀 동작하지 않는 경우