From 0cce4493c05cd8f7becf8e1de289259bef488986 Mon Sep 17 00:00:00 2001 From: logic-finder <83723320+logic-finder@users.noreply.github.com> Date: Sun, 11 Jul 2021 21:10:23 +0900 Subject: [ko] Work done for 'Looping codes', 'Test your skills: loops' article. (#1089) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Work done for 'Looping codes' article. * Work done for 'Test your skills: loops' article. * Update translational tone problem. Why bother? 부분 수정 제안 Co-authored-by: nKiNk <39448774+nKiNk@users.noreply.github.com> * Update translational tone problem. Keep me in the loop 부분 Co-authored-by: nKiNk <39448774+nKiNk@users.noreply.github.com> Co-authored-by: nKiNk <39448774+nKiNk@users.noreply.github.com> --- .../building_blocks/looping_code/index.html | 323 +++++++++++---------- .../test_your_skills_colon__loops/index.html | 86 ++++++ 2 files changed, 252 insertions(+), 157 deletions(-) create mode 100644 files/ko/learn/javascript/building_blocks/test_your_skills_colon__loops/index.html (limited to 'files/ko/learn') diff --git a/files/ko/learn/javascript/building_blocks/looping_code/index.html b/files/ko/learn/javascript/building_blocks/looping_code/index.html index e95a78af37..86c1d5e1bf 100644 --- a/files/ko/learn/javascript/building_blocks/looping_code/index.html +++ b/files/ko/learn/javascript/building_blocks/looping_code/index.html @@ -1,5 +1,5 @@ --- -title: Looping code +title: 반복문 slug: Learn/JavaScript/Building_blocks/Looping_code tags: - for문 @@ -9,61 +9,61 @@ translation_of: Learn/JavaScript/Building_blocks/Looping_code ---
{{LearnSidebar}}
-
{{PreviousMenuNext("Learn/JavaScript/Building_blocks/조건문", "Learn/JavaScript/Building_blocks/Functions", "Learn/JavaScript/Building_blocks")}}
+
{{PreviousMenuNext("Learn/JavaScript/Building_blocks/conditionals", "Learn/JavaScript/Building_blocks/Functions", "Learn/JavaScript/Building_blocks")}}
-

프로그래밍 언어는 다양한 작업을 통해 반복적 인 작업을 신속하게 처리 할 수 ​​있습니다. 이제 우리는 JavaScript를 사용하여 반복 구문을 사용하여 편리하게 처리 할 수 ​​있습니다. 

+

다수의 기본적인 계산에서부터 완료해야 할 비슷한 작업들을 가지고 있는 상황들에 대해서까지, 프로그래밍 언어는 반복적인 작업을 빠르게 완료하는 데 대단히 유용합니다. 여기서 우리는 그러한 필요를 다루는 자바스크립트에서 이용 가능한 반복문 구조를 살펴볼 것입니다.

- + - +
선수 과목 :기본적인 컴퓨터 활용 능력, HTML과 CSS, 자바 스크립트 의 기본 이해 .기본적인 컴퓨터 활용 능력, HTML과 CSS, JavaScript의 기본 이해.
목표:JavaScript에서 루프를 사용하는 방법을 이해합니다.JavaScript에서 반복문(loop)을 사용하는 방법을 이해합니다.
-

나를 계속 붙잡아 라.

+

저를 반복 속에 계속 잡아 두세요

-

반복(loop), 반복 반복. popular breakfast cereals, roller coasters 그리고 musical production과 같이, 그것들은 프로그래밍의 중요한 개념이다. 프로그래밍 loop는 반복적으로 동일한 작업을 반복하는것이고 이런것들을 프로그래밍 언어로 loop라 한다.

+

반복, 반복, 반복(loop). 인기있는 아침 시리얼, 롤러 코스터 그리고 음악 제작과 연관되어 있는 것처럼, 반복은 또한 프로그래밍에서 중요한 개념입니다. 프로그래밍의 반복은 같은 것을 계속 그리고 계속 반복해서 하는 것에 모든 관계가 있는데, 이는 프로그래밍 언어에서 반복(iteration)이라고 일컫어집니다.

-

가족들이 일주일동안 먹을 식량이 충분한지 확신하기 위해 고민하는 농부의 상황을 보자. 그는 이것을 알기위해 다음과 같은 loop를 취할수 있다:

+

가족들이 일주일동안 먹을 식량이 충분한지 확신하기 위해 고민하는 농부의 상황을 봅시다. 그는 이것을 알기 위해 다음과 같은 반복을 사용할지도 모릅니다:


-

이 loop에서 다음과 같이 우리는 한가지 이상의 기능을 가질수 있다:

+

반복은 보통 다음 기능의 하나 또는 그 이상을 가집니다:

-

{{glossary("pseudocode")}}에서 이것은 다음과 같아 보일 것이다.:

+

의사 코드({{glossary("pseudocode")}})에서 이것은 다음과 같이 보일 것입니다:

loop(food = 0; foodNeeded = 10) {
   if (food = foodNeeded) {
     exit loop;
-    // We have enough food; let's go home
+    // 우리는 충분한 음식을 가지고 있다; 집에 돌아가자
   } else {
-    food += 2; // Spend an hour collecting 2 more food
-    // loop will then run again
+    food += 2; // 2인분을 더 모으기 위해 1시간을 소모한다
+    // 그리고 반복문은 다시 실행될 것입니다
   }
 }
-

따라서 필요한 음식의 양은 10으로 설하고, 현재 농부의 양은 0으로 설정한다. 매 반복마다 농부의 음식 양이 필요한 양과 같은지 확인한다. 필요한 양을 얻었다면 loop를 종료 할수 있다. 그렇지 않다면, 농부는 음식을 모을때까지 다시 반복해서 loop를 실행한다.

+

따라서 필요한 음식의 양은 10으로 설정되어 있고, 현재 농부가 소지하고 있는 양은 0으로 설정되어 있습니다. 반복문의 각 반복에서, 우리는 농부가 가진 음식의 양이 그가 필요한 양보다 크거나 같은지 확인합니다. 만약 그렇다면, 우리는 반복문을 종료(exit)할 수 있습니다. 만약 그렇지 않다면, 농부는 2인분의 음식을 모으기 위해 한 시간을 보내고 반복문은 다시 실행됩니다.

-

왜 귀찮게?

+

왜 굳이?

-

여기에서 loop의 뒤에 있는 고급개념을 이해했을 것이다. 하지만 "그래 뭐 괜찮군 그래서 이 코드가 어떻게 도움이 될수 있는거지?"라고 생각할수도 있다. 앞서 말햇듯이 loop는 반복적인 작업을 빠르게 동일한 작업을 반복해서 수행해 완료하는 것이다.

+

이 시점에서, 당신은 아마도 반복문 뒤에 있는 고급 개념을 이해했을 것이지만, 당신은 아마도 "좋아, 훌륭하군, 하지만 어떻게 이게 내가 JavaScript 코드를 더 잘 짜게 도와준다는 거지?" 라고 생각할 것입니다. 앞서 말했듯이, 반복문은 같은 것을 계속 그리고 계속 다시 하는 것에 모든 관련이 있는데, 이는 빠르게 반복적인 일을 완료하는 데 뛰어납니다.

-

종종 코드는 각각의 연속적인 반복된 loop에서 조금씩 달라질수도 있다. 그래서 유사하지만 약간 다른 작업에 이것을 이용해 작업을 완료할수도 있다.만약 너가 여러가지 다른종류의 계산을 해야한다면, 반복해서 처리하는게 아닌 각각 계산하고 싶을것이다.

+

종종, 코드는 반복문의 각각의 연이은 반복에서 조금 다를 것인데, 이는 당신이 비슷하지만 조금 다른 일더미를 완료할 수 있다는 것을 의미합니다; 만약 당신이 수행할 많은 다른 계산들을 가지고 있다면, 당신은 같은 것을 계속 그리고 계속 하는 것이 아니라, 각각의 다른 것을 하기를 원할 것입니다.

-

Loop가 왜 그렇게 좋은지 완벽하게 설명하는 예제를 한번 보자. {{htmlelement("canvas")}}  element에 100개의 무작위 원을 그려야 한다고 가정해보자. (예제를 다시 실행하여 다른 임의의 세트를 보려면 Update 버튼을 클릭) :

+

왜 반복문이 그렇게 좋은 것인지를 완벽히 보여주는 예제를 봅시다. 우리가 {{htmlelement("canvas")}} 요소 위에 무작위의 원 100개를 그리고 싶다고 칩시다 (예제를 다시 실행하고, 다시 다른 무작위 집합들을 보기 위해 Update버튼을 누르세요):