From 4ad4ec00bd93c2344f9e8141508dce0baf22e00a Mon Sep 17 00:00:00 2001 From: logic-finder <83723320+logic-finder@users.noreply.github.com> Date: Mon, 16 Aug 2021 09:10:51 +0900 Subject: [ko] Overall modification for 'javascript building blocks' module (#1948) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Overall modification for javascript building blocks module. * small fix at introduction to event article. * translation of word 'note' changed 노트 → 참고 Co-authored-by: hochan Lee * translation of word 'module' changed 모듈 → 과정 Co-authored-by: hochan Lee * Overall modification * Small fixes * delete contradictory content * translate 'contact us'. Co-authored-by: hochan Lee --- .../build_your_own_function/index.html | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) (limited to 'files/ko/learn/javascript/building_blocks/build_your_own_function') diff --git a/files/ko/learn/javascript/building_blocks/build_your_own_function/index.html b/files/ko/learn/javascript/building_blocks/build_your_own_function/index.html index 284e16ea68..4b95292788 100644 --- a/files/ko/learn/javascript/building_blocks/build_your_own_function/index.html +++ b/files/ko/learn/javascript/building_blocks/build_your_own_function/index.html @@ -1,5 +1,5 @@ --- -title: 자신만의 함수 만들기 +title: 함수 만들기 slug: Learn/JavaScript/Building_blocks/Build_your_own_function translation_of: Learn/JavaScript/Building_blocks/Build_your_own_function --- @@ -13,7 +13,7 @@ translation_of: Learn/JavaScript/Building_blocks/Build_your_own_function 필요한 사전 지식: - 기본적인 컴퓨터 사용 능력, HTML과 CSS에 대한 기본적인 이해, JavaScript 첫걸음, 함수 — 재사용 가능한 코드 블록. + 기본적인 컴퓨터 사용 능력, HTML과 CSS에 대한 기본적인 이해, JavaScript 첫걸음, 함수 — 코드 재사용. 목표: @@ -22,7 +22,7 @@ translation_of: Learn/JavaScript/Building_blocks/Build_your_own_function -

Active learning: 함수를 만들어 봅시다

+

직접 해보기: 함수를 만들어 봅시다

우리가 만들 사용자 정의 함수는 displayMessage()라는 이름입니다. 이 함수는 웹 페이지에 사용자 정의 메시지 박스를 표시하고 브라우저의 내장 alert() 함수를 대체하는 역할을 할 것입니다. 우리는 이것을 전에 보긴 했지만, 기억을 되살려 봅시다. 원하는 어떤 페이지에서든지, 다음을 브라우저의 JavaScript 콘솔에 입력해 보세요:

@@ -33,7 +33,7 @@ translation_of: Learn/JavaScript/Building_blocks/Build_your_own_function

alert 함수는 제한적입니다: 메시지를 바꿀 수는 있지만, 색상, 아이콘 등 그 밖에 다른 것에는 쉽게 변화를 줄 수 없습니다. 우리는 더 재미있는 것을 만들 것입니다.

-

Note: 이 예제는 모든 현대적인 브라우저에서 잘 동작할 것이지만, 약간 오래된 브라우저에서는 스타일이 조금 이상하게 적용될지도 모릅니다. Firefox, Opera, 또는 Chrome같은 브라우저에서 이 연습을 진행하기를 추천합니다.

+

참고: 이 예제는 모든 현대적인 브라우저에서 잘 동작할 것이지만, 약간 오래된 브라우저에서는 스타일이 조금 이상하게 적용될지도 모릅니다. Firefox, Opera, 또는 Chrome같은 브라우저에서 이 연습을 진행하기를 추천합니다.

기본적인 함수

@@ -41,7 +41,7 @@ translation_of: Learn/JavaScript/Building_blocks/Build_your_own_function

기본적인 함수를 만들면서 시작해 봅시다.

-

Note: 함수에 이름을 붙일 때 변수 명명 규칙과 같은 규칙을 따라야 합니다. 함수와 변수를 떼어놓고 이야기할 수 있으므로, 이렇게 하는 것은 괜찮습니다 — 함수명은 뒤에 괄호가 나타나지만 변수는 그렇지 않습니다.

+

참고: 함수에 이름을 붙일 때 변수 명명 규칙과 같은 규칙을 따라야 합니다. 함수와 변수를 떼어놓고 이야기할 수 있으므로, 이렇게 하는 것은 괜찮습니다 — 함수명은 뒤에 괄호가 나타나지만 변수는 그렇지 않습니다.

    @@ -186,7 +186,7 @@ panel.appendChild(closeBtn);
    1. 우선, 이 예제를 위해 필요한 아이콘들을 GitHub에서 다운로드하세요 (경고 그리고 채팅). 이것들을 HTML파일과 같은 위치에 있는 icons 라는 새로운 폴더에 저장하세요. -
      Note: 경고와 채팅 아이콘은 원래 iconfinder.com에서 찾아졌고, Nazarrudin Ansyari가 디자인했습니다 — 감사합니다! (실제 아이콘 페이지는 이전에 이동되거나 삭제되었습니다.)
      +
      참고: 경고와 채팅 아이콘은 원래 iconfinder.com에서 찾아졌고, Nazarrudin Ansyari가 디자인했습니다 — 감사합니다! (실제 아이콘 페이지는 이전에 이동되거나 삭제되었습니다.)
    2. 다음으로, HTML 파일 내부에서 CSS를 찾으세요. 우리는 아이콘이 들어갈 자리를 만들기 위해 약간의 변경을 가할 것입니다. 우선, .msgBox 폭을 
      width: 200px;
      @@ -222,7 +222,7 @@ displayMessage('Brian: Hi there, how are you today?','chat');
    -

    Note: 만약 이 예제를 작업하는 데 어려움이 있다면, 자유롭게 GitHub에 있는 완성된 버전과 비교해 보거나 (실제로 작동하는 모습도 보세요), 우리에게 도움을 요청해 보세요.

    +

    참고: 만약 이 예제를 작업하는 데 어려움이 있다면, 자유롭게 GitHub에 있는 완성된 버전과 비교해 보거나 (실제로 작동하는 모습도 보세요), 우리에게 도움을 요청해 보세요.

    실력을 평가해 보세요!

    @@ -238,13 +238,13 @@ displayMessage('Brian: Hi there, how are you today?','chat');

    {{PreviousMenuNext("Learn/JavaScript/Building_blocks/Functions","Learn/JavaScript/Building_blocks/Return_values", "Learn/JavaScript/Building_blocks")}}

    -

    이 모듈에서는

    +

    이 과정에서는