자바 스크립트 javascript 퀴즈: 깔끔한 코드

JavaScript의 코딩 스타일 규칙에 의하면, 다음 중 어떤 코드가 가장 읽기 편할까요?

정답을 한 개 고르세요:

정답을 한 개 고르세요:

• var addUp = function(a, b) {
      var c = a + b;
      return c;
  };

• var addUp = function(a, b) {
  var c = a + b;
  return c;
  };

• var addUp = function(a, b) { var c = a + b; return c; };

• 


대부분의 JavaScript 코딩 스타일 가이드라인에 따르면, 본문은 함수를 정의하는 헤더와 다른 줄에 있어야 합니다.

다음 답안의 스타일은 가이드라인을 따르지 않으므로, 사용되면 안됩니다:

var addUp = function(a, b) { var c = a + b; return c; };

코드가 함수의 안 에 있다는 것을 보여주기 위해, 함수의 본문을 들여쓰기해줘야 합니다.

다음 답안의 스타일은 가이드라인을 따르지 않으므로, 사용되면 안 됩니다:

var addUp = function(a, b) {

var c = a + b;

return c;

};

모든 코딩 스타일 가이드라인을 따르므로, 올바른 답은 다음과 같습니다:

var addUp = function(a, b) {

    var c = a + b;

    return c;

};

JavaScript의 코딩 스타일 규칙에 의하면, 다음 중 어떤 코드가 가장 읽기 편할까요?

정답을 한 개 고르세요:

정답을 한 개 고르세요:

• for (var i = 0; i < 10; i++) {
      println(i);
  }

• for (var i = 0; i < 10; i++) { println(i); }

• for (var i = 0; i < 10; i++) { 
  println(i);
  }

• 


대부분의 JavaScript 코딩 스타일 가이드라인에 따르면, 본문의for 반복문은 for 반복문의 헤더와 다른 줄에 있어야 합니다.

아래의 답의 스타일은 가이드라인을 따르지 않으므로 사용하면 안 됩니다:

for (var i = 0; i < 10; i++) { println(i); }

코드가 for 반복문의 안 에 있는것을 보여주기 위해, for 반복문의 본문을 들여쓰기해줘야 합니다.

다음 답안의 스타일은 가이드라인을 따르지 않으므로, 사용되면 안 됩니다:

for (var i = 0; i < 10; i++) { 

println(i);

}

모든 코딩 스타일 가이드라인을 따르므로, 올바른 답은 다음과 같습니다:

for (var i = 0; i < 10; i++) {

    println(i);

}

JavaScript의 코딩 스타일 규칙에 의하면, 다음 중 어떤 코드가 가장 읽기 편할까요?

정답을 한 개 고르세요:

정답을 한 개 고르세요:

• if (x > 2) {
      println(x);
  }

• if (x > 2) {println(x);}

• if (x > 2) {
  println(x);
  }

• 


JavaScript 코딩 스타일 가이드라인에 따르면, if 문의 본문은 if문의 헤더와 다른 줄에 있어야 합니다.

다음 답안의 스타일은 가이드라인을 따르지 않으므로, 사용되면 안됩니다::

if (x > 2) {println(x);}

코드가 if 문의 안 에 있는것을 보여주기 위해, if 문의 본문을 들여쓰기해줘야 합니다.

다음 답안의 스타일은 가이드라인을 따르지 않으므로, 사용되면 안 됩니다:

if (x > 2) {

println(x);

}

모든 코딩 스타일 가이드라인을 따르므로, 올바른 답은 다음과 같습니다:

if (x > 2) {

    println(x);

}

JavaScript의 코딩 스타일 규칙에 의하면, 다음 중 어떤 코드가 가장 읽기 편할까요?

정답을 한 개 고르세요:

정답을 한 개 고르세요:

• ellipse(x,y,15,5);

• ellipse (x, y, 15, 5);

• ellipse(x, y, 15, 5);

• 


자바스크립트 코딩 스타일 지침에 따르면, 마지막 매개변수를 제외하고는, 함수 호출에는 각 매개변수 뒤에 띄어쓰기를 해줘야 합니다.

다음 답안의 스타일은 지침을 따르지 않으므로, 사용되면 안됩니다:

ellipse(x,y,15,5);

함수이름과 괄호 사이에 공백이 없어야 합니다.

다음 코드의 스타일은 가이드라인을 따르지 않기때문에, 사용되면 안됩니다:

ellipse (x, y, 15, 5);

모든 코딩 스타일 가이드라인을 따르므로, 올바른 답은 다음과 같습니다:

ellipse(x, y, 15, 5);

JavaScript의 코딩 스타일 규칙에 의하면, 다음 중 어떤 코드가 가장 읽기 편할까요?

정답을 한 개 고르세요:

정답을 한 개 고르세요:

• var x=5 * i;

• var x = 5*i;

• var x = 5 * i;

• 


대부분의 JavaScript 코딩 스타일 가이드라인에 따르면, 대입 연산자 (=) 앞 뒤에는 공백을 사용해야 하고, 수학 연산자 (* 같은) 앞 뒤에도 공백을 사용해야 합니다.

따라서, 다음과 같은 코드가 가장 읽기 편합니다:

var x = 5 * i;

JavaScript의 코딩 스타일 규칙에 의하면, 다음 중 어떤 코드가 가장 읽기 편할까요?

정답을 한 개 고르세요:

정답을 한 개 고르세요:

• if (x>5&&y<10) {
      rect(x, y, 10, 10);
  }

• if (x>5 && y<10) {
      rect(x, y, 10, 10);
  }

• if (x > 5 && y < 10) {
      rect(x, y, 10, 10);
  }

• 


대부분의 JavaScript 코딩 스타일 가이드라인에 따르면, 논리 연산자 (&& 같은) 앞 뒤에 공백을 사용해야 하고, 비교 연산자 (>, < 같은) 앞 뒤에도 공백을 사용해야 합니다.

따라서, 다음의 코드가 가장 읽기 편합니다.

if (x > 5 && y < 10) {
  rect(x, y, 10, 10);
}

다음 중 어떤 코드 조각이 가장 읽기 편하고 JavaScript의 이름 규칙에 적합할까요?

정답을 한 개 고르세요:

정답을 한 개 고르세요:

• var ss = 10;
  var sx = 200;
  var sa = 300;
  ellipse(sx, sy, ss, ss);

• var a = 10;
  var b = 200;
  var c = 300;
  ellipse(b, c, a, a);

• var sunSize = 10;
  var sunX = 200;
  var sunY = 300;
  ellipse(sunX, sunY, sunSize, sunSize);

• 


코드를 더 읽기 편하게 작성하게 하기 위해서는 변수의 이름을 변수가 담고 있는 내용과 관련이 있고, JS 변수 이름 가이드라인과 일치하게 (여러 단어에는 camelCase 사용) 지어야 합니다.

다음과 같은 코드 조각은 변수의 이름이 해당 변수가 담고 있는 내용을 반영하고 있고, camelCase가 사용되었기 때문에 가장 읽기 편합니다.

var sunSize = 10;
var sunX = 200;
var sunY = 300;
ellipse(sunX, sunY, sunSize, sunSize);

슈퍼맨이 화면을 가로질러 날아가도록 움직이는 프로그램을 작성한다고 해 봅시다. 다음 중 어떤 주석이 도입부에 오기 적당할까요?

정답을 한 개 고르세요:

정답을 한 개 고르세요:

• /* 슈퍼맨!!
  */

• /* 이 프로그램은 엄청 멋지니까 꼭 추천해 주세요.
  */

• /* 
  이 프로그램은 수퍼맨이 화면을 가로질러 날아가도록 움직입니다.
  속도는 최상단의 변수에 의해 조절됩니다.
  @Batman이 2015년에 작성.
  */

• 


프로그램의 도입부에 프로그램의 기능, 관련 있는 지시사항, 작성자 정보 등을 여러 줄의 주석을 달아놓는 것은 좋은 생각입니다.

주어진 것들 중 가장 적합한 주석은 다음과 같습니다.

/* 
이 프로그램은 슈퍼맨이 화면을 가로질러 날아가도록 움직입니다. 
 속도는 최상단의 변수에 의해 조절됩니다. 
 @Batman에 의해 2015년 작성.
*/

슈퍼맨-애니메이션 프로그램에는 슈퍼맨의 속도를 조절하는 코드가 있습니다. 어떤 주석이 가장 명확한가요?

정답을 한 개 고르세요:

정답을 한 개 고르세요:

• // 슈퍼맨이 날아가게 만듭니다!
  var supermanX = min(supermanX + speed, 100);

• // x를 변경함 
  var supermanX = min(supermanX + speed, 100);

• // x의 위치를 speed에 의해 최대 100 까지 증가
  var supermanX = max(supermanX + speed, 100);

• 


프로그램에서 다른 사람에게 헷갈리게 보일 수 있는 부분에 주석을 다는 것은 좋은 생각입니다. 특히 여러분이 초보 프로그래머와 코드를 공유한다면 말이죠. 만약 줄에 주석을 단다면, 주석은 사람의 언어로 코드를 정확하게 설명해야 합니다.

보기 중에서 다음과 같은 코드가 가장 명확합니다.

// x의 위치를 속도 만큼 최대 100 까지 증가
var supermanX = max(supermanX+speed, 100);