당신의 기량을 시험해 보세요: 변수(variables)

이 기량 테스트의 목적은 당신이 우리의 필요한 정보를 저장하기 — 변수 문서를 이해했는지를 평가하기 위함입니다.

Note: 당신은 해답을 아래의 대화형 에디터(interactive editor)에서 시도해 볼 수 있으나, 과제를 하기 위해 코드를 다운로드하고 CodePen, jsFiddle, 또는 Glitch같은 온라인 툴을 사용하는 것이 도움이 될 지도 모릅니다.

만약 막히면, 우리에게 도움을 청하세요. 이 페이지의 아래에 있는 Assessment or further help 섹션을 보세요.

Note: 아래에 있는 예제들에서, 답을 알아내기 위해 시도하는 것을 돕기 위해 만약 당신의 코드에 오류가 있으면, 페이지의 결과 패널에 출력될 것입니다 (또는 다운로드 버전의 경우, 브라우저의 자바스크립트 콘솔에 출력될 것입니다).

변수 1

이 과제에서 우리는 당신이 다음을 하기를 원합니다:

  • myName 이라는 이름의 변수 선언(declare)하기.
  • 분리된 라인에, myName 을 적절한 값으로 초기화(initialize)하기 (당신은 당신의 실제 이름이나, 혹은 무언가 다른 것을 사용할 수 있습니다).
  • 같은 줄에, myAge 라는 변수를 선언하고 값을 주어 초기화하기.

완료된 예제를 만들기 위해 아래의 live code를 업데이트 해 보세요:

당신의 에디터나 온라인 에디터에서 작업하기 위해 이 과제에 대한 시작점을 다운로드하세요.

변수 2

이 과제에서 당신은 기존의 myName 변수에 저장된 값을 당신의 이름으로 정정하기 위해 새로운 줄을 추가할 필요가 있습니다.

완료된 예제를 만들기 위해 아래의 live code를 업데이트 해 보세요:

당신의 에디터나 온라인 에디터에서 작업하기 위해 이 과제에 대한 시작점을 다운로드하세요.

변수 3

이제 마지막 과제입니다. 여기서 당신은 기존의 몇몇 코드를 가지고 있는데, 여기에는 현재 두 개의 오류가 있습니다. 결과 패널은 Chris 라는 이름과, 20년 후 Chris는 몇 살일지에 대한 문장을 출력해야만 합니다. 당신은 어떻게 문제를 고치고 출력을 정정하실 건가요?

완료된 예제를 만들기 위해 아래의 live code를 업데이트 해 보세요:

당신의 에디터나 온라인 에디터에서 작업하기 위해 이 과제에 대한 시작점을 다운로드하세요.

평가 혹은 추가적인 도움

당신은 이 예제들을 위에 있는 대화형 에디터(Interactive Editor)에서 연습할 수 있습니다.

만약 당신이 작업을 평가받고 싶거나, 막혀서 도움을 청하기를 원한다면:

  1. 당신의 작업을 CodePen, jsFiddle, 또는 Glitch 같은 온라인에서 공유 가능한 에디터에 올리세요. 당신은 직접 코드를 작성하거나, 위 섹션들에 링크된 시작점 파일을 사용할 수 있습니다.
  2. MDN Discourse forum Learning category 에 평가 및 또는 도움을 요청하는 글을 작성하세요. 당신의 글은 다음을 포함해야만 합니다.
    • "변수 1 기량 테스트에 대한 평가 원함"과 같은 서술적인 제목.
    • 당신이 이미 무엇을 시도해 봤는지, 그리고 우리가 무엇을 하기를 원하는지에 대한 설명, 예를 들자면, 만약 당신이 막혀서 도움이 필요하거나, 평가를 원하거나.
    • (위의 단계 1에서 언급된) 온라인에서 공유 가능한 에디터에 있는, 당신이 평가를 원하거나 도움이 필요한 예제의 링크. 이것은 익숙해지기에 좋은 실천입니다. 코딩 문제가 있는 누군가를 도울 때, 그들의 코드를 보지 못한다면 그들을 돕는 것은 몹시 힘듭니다.
    • 우리가 당신이 도움을 원하는 문제를 찾을 수 있도록, 실제 과제나 평가 페이지의 링크.