1. Chrome으로 디버깅을 하려고 한다. 다음 중 잘못된 설명을 모두 고르시오?

    1. 디버깅은 스크립트내 에러를 검출하나 제거하지는 않는다.
    2. 중단점을 만나거나 debugger문을 만나면 스크립트 실행이 중단된다.

    Untitled

    c. 위의 개발자 도구에서 line 4, 8은 건너뛴다.

    d. 개발자 도구에서 step over 버튼은 함수 안으로 들어가지 않고, 다음 명령어를 실행한다.

  1. 스타일 가이드 준수 여부 자동 확인 및 스타일 개선과 관련된 제안을 해주는 도구는 a 이다.

  2. 다음 코드를 가독성이 좋아지도록 수정하시오

    if(n<0){alert(`Power ${n} is not supported`);}
    
  3. 다음 중 주석에 관한 설명으로 옳은 것은?

    1. 주석에는 많은 설명을 적어서 모두가 이해할 수 있도록 하는 것이 좋다.
    2. 아키텍처의 수준과 상관없이 주석으로 설명하는 것이 좋다.
    3. 이전에 했던 실수를 방지하기 위한 주석은 개인적인 것이므로 적지 않는것이 좋다.
    4. JSDoc 문법을 사용해서 함수에 관한 문서를 작성할 수 있다.
  4. 다음에 작성된 코드 중 잘 된 부분은?

    1. let im = 1000;
    2. let data13 = [apple, orange, mango];
     ```jsx
     let user = authenticateUser();
     
     function render() {
       let user = anotherValue();
     	...
     	...
     	...
     }	
     ```
    
    1. let inputMoney = 1000;
  5. 다음은 BDD에 관한 설명이다. 빈칸에 들어갈 말을 작성하시오

    1.   `a`        : 구현하고자 하는 기능에 대한 설명이 들어가며, it 블록을 모아주는 역할도 한다.
      
    2.   `b`        : 특정 유스케이스에 대한 설명과 테스트 함수가 들어간다.
      
    3.   `c`        : 예상한대로 동작하는지 확인해준다. 
      
  6. 다음 빈칸에 알맞은 말을 작성하시오.

    1. 특정 엔진에서 지원하지 않는 기능을 사용할 때 사용할 수 있는 트랜스파일러인 a 은 모든 자바스크립트 코드를 구 표준을 준수하는 코드로 바꿔준다.
    2. `b`      은 변경된 표준을 준수할 수 있게 함수의 동작 방식을 수정하거나, 새롭게 구현한 함수의 스크립트를 지칭한다. 즉, 누락된 새로운 기능을 메꿔주는 역할을 한다.
      
  7. 다음 빈칸에 알맞은 말은?

    1. DOM 프로퍼티와 메서드는 대소문자를 a
    2. HTML 속성은 대소문자를 b . 또한 값은 c 이다.
    3. 커스텀 속성은 d 를 사용해서 쉽게 변경할 수 있어서 클래스보다 선호된다. 또한, e 속성은 커스텀 데이터를 안전하고 유효하게 전달해준다.
  8. 아래의 스크립트가 제대로 동작하지 않는다. 제대로 동작하도록 오류를 수정하시오

<body>
  <script>
    document.body.style.margin = 20;
    alert(document.body.style.margin); // '' (빈 문자열이 출력됨)
  </script>
</body>
  1. 다음 그림의 음영에 들어갈 말은?

    Untitled

  2. 스크롤 상태를 변경하고자 한다. 알맞은 값을 입력하시오.

    (현재 요소는 elem으로 지칭하도록 한다)

    1. 현재 포지션을 기준으로 오른쪽으로 5px, 아래쪽으로 20px 내린것 처럼 움직이게 하기
    2. 버튼을 누르면 버튼 상단이 창 밑으로 붙도록 하기
    3. 문서 스크롤을 처음 상태로 되돌리기