diff --git a/files/ko/learn/javascript/first_steps/silly_story_generator/index.md b/files/ko/learn/javascript/first_steps/silly_story_generator/index.md index 7f1d55f57a8005..5488be7cfa12a7 100644 --- a/files/ko/learn/javascript/first_steps/silly_story_generator/index.md +++ b/files/ko/learn/javascript/first_steps/silly_story_generator/index.md @@ -81,16 +81,16 @@ l10n: `result()` 함수 완성하기: -1. `newStory`라는 새 변수를 생성하고 그 값을 `storyText`와 동일하게 설정합니다. 버튼을 누르고 함수를 실행할 때마다 새로운 랜덤 스토리를 생성하기 위해 이 변수가 필요합니다. `storyText`를 직접 변경하면 새 스토리를 한 번만 생성할 수 있습니다. -2. `xItem`, `yItem`, `zItem`이라는 세 개의 새 변수를 생성하고 세 개의 배열에서 `randomValueFromArray()`를 호출한 결과와 동일하게 만듭니다. 각 경우의 결과는 호출된 각 배열에서 임의의 항목이 됩니다. 예를 들어 함수를 호출하고 `randomValueFromArray(insertX)`를 작성하여 `insertX`에서 임의의 문자열 하나를 반환하도록 할 수 있습니다. -3. 다음으로 newStory 문자열의 세 개의 자리 표시자인 `:insertx:`, `:inserty:`, `:insertz:` 를 `xItem`, `yItem`, `zItem`에 저장된 문자열로 바꾸고자 합니다. 여기서 도움이 될 수 있는 두 가지 문자열 메서드가 있는데, 각각의 경우 메서드를 호출할 때마다 `newStory`와 동일하게 만들어서 호출할 때마다 `newStory`는 그 자체와 동일하게 만들어지지만 치환이 이루어집니다. 따라서 버튼을 누를 때마다 이 자리 표시자는 각각 임의의 문자열로 대체됩니다. 추가 힌트로, 선택한 방법에 따라 호출 중 하나를 두 번 호출해야 할 수도 있습니다. -4. 첫 번째 `if` 블록 안에 다른 문자열 대체 메서드 호출을 추가하여 `newStory` 문자열에 있는 'Bob'이라는 이름을 `name` 변수로 대체합니다. 이 블록에서는 "`customName` 텍스트 입력에 값이 입력된 경우 스토리의 Bob을 해당 사용자 지정 이름으로 바꿉니다."라고 말합니다. -5. 두 번째 `if` 블록에서는 `uk` 라디오 버튼이 선택되었는지 확인합니다. 그렇다면 스토리의 무게와 온도 값을 파운드와 화씨에서 돌과 섭씨로 변환하고 싶습니다. 해야 할 일은 다음과 같습니다. - - 1. 파운드를 돌로, 화씨를 섭씨로 변환하는 공식을 찾아보세요. - 2. `weight` 변수를 정의하는 줄에서 300을 300 파운드에서 돌로 변환하는 계산으로 바꿉니다. 전체 `Math.round()` 호출의 결과 끝에 `' stone'`을 연결합니다. - 3. `temperature` 변수를 정의하는 줄에서 94를 화씨 94를 섭씨로 변환하는 계산으로 바꿉니다. 전체 `Math.round()` 호출의 결과 끝에 `' centigrade'`를 연결합니다. - 4. 두 변수 정의 바로 아래에 '94 fahrenheit'를 `temperature` 변수의 내용으로, '300 pounds'를 `weight` 변수의 내용으로 대체하는 문자열 대체 줄을 두 개 더 추가합니다. +1. `newStory`라 불리는 새 변수를 만들고, 이것의 값을 `storyText` 와 똑같이 설정하세요. 이것은 버튼을 누르고 함수가 수행될 때 마다 새 이야기('story')가 임의로 만들어 질 수 있게 합니다. `storyText`를 직접 변경했다면, 새로운 이야기를 한번만 만들 수 있습니다. +2. 세 개의 새로운 변수 `xItem`, `yItem`, 와 `zItem` 를 만들고 이 세 개의 변수를 `randomValueFromArray()`의 반환 결과인 세 개의 배열과 같도록 만듭니다(각 경우의 호출 결과는 각 배열에 임의의 아이템이 됩니다.) 예를 들어 `randomValueFromArray(insertX)`에 의해 작성된 `insertX` 에서 하나의 문자열을 임의로 반환하는 함수를 얻고, 호출할 수 있습니다. +3. 그 다음으로 `newStory` 문자열에 있는 세 개의 placeholders— `:insertx:`, `:inserty:`, `:insertz:` —저장된 `xItem`, `yItem`와 `zItem` 문자열을 이용하여 변환하세요. 여기서 특정 문자열 함수가 도움될 것입니다. 이 함수는 각 경우에 `newStory`와 같게 되며, 호출 시 마다 `newStory` 의 원래 값과 동일하지만 대체 될 수 있습니다. 그러므로 버튼이 눌러질때마다, 이 placeholder는 지정된 문자열로 랜덤하게 교체되게 됩니다. 추가적인 힌트로, 이 문제의 함수는 하위 문자열에서 찾은 첫번째 인스턴스만 변경하므로, 아마도 두번 이상 이 함수를 호출해야 할 수도 있습니다. +4. 첫번째 `if` 블록에서, `newStory` 의 'Bob'이라는 이름을 `name` 변수를 사용하여 변환하는 함수를 추가하세요. 이 블록에서 말하는 내용은 "만약 `customName` 텍스트 입력에 값이 들어가 있다면, 이야기속의 Bob을 사용자가 정의한 이름으로 바꾸세요" 라는 의미입니다. +5. 두번째 `if` 블록에서는 `uk` 라디오 버튼이 선택되었는지 확인합시다. `uk` 라디오 버튼이 눌려졌다면, 이야기 상의 무게와 온도 값들인 파운드와 화씨온도를 스톤과 섭씨온도로 바꾸어야 합니다. 필요한 것은 아래와 같습니다. + + 1. 파운드를 스톤, 화씨온도를 섭씨온도로 변환하는 공식을 참조해 보세요. + 2. `weight` 변수를 정의하는 라인에서는, 300 파운드를 스톤으로 변환합니다. 변환 결과값을 `Math.round()` 를 실행한 결과값 끝에 `stone` 을 결합합니다. + 3. `temperature` 변수를 정의하는 줄에서는, 94를 화씨에서 섭씨온도로 변환합니다. 변환 결과값을 `Math.round()` 를 실행한 결과값 끝에 `' centigrade'`을 결합합니다. + 4. 두 변수 정의 바로 밑에, '94 화씨온도로 `temperature` 변수의 내용을 변환하는 것과, '300 pounds'을 `weight` 변수의 내용을 바꾸는 두줄의 문자열 변환라인을 추가합니다. 6. 마지막으로 함수의 두 번째 줄에서 마지막 줄에 단락을 참조하는 `story` 변수의 `textContent` 속성을 `newStory`와 동일하게 설정합니다.