오늘의 공부 09

[질의응답]
*The quick brown fox 위 문장을 camelCase(낙타 표기법)로 작성하시오
-theQuickBrownFox 

*let fruits = ['Apple', 'Banana', 'Cherry']; 위 데이터를 활용해 'Banana'를 콘솔 출력 하시오!
-console.log(fruits[1]);

*불린 데이터(Boolean)에서 거짓을 의미하는 데이터는?
-false

*'값이 의도적으로 비어있음'을 의미하는 데이터는?
-null

*null과 undefined의 차이점?
-null과 undefined는 등록, 저장 여부이다.
-null은 값은 값이지만 값으로써 의미없는 특별한 값이 등록되어 있는 것이고, undefined는 등록이 되어있지 않기 때문에 초기화도 정의되지도 않은 것이다.
-undefined는 미리 선언된 전역변수(전역 객체의 프로퍼티)이며, null은 선언, 등록을 하는 키워드인 것이다.
-따라서, undefined는 변수를 선언만 하더라도 할당되지만 null은 변수를 선언한 후에 null로 값을 바꾼다는 점이다.

*{ } 위 데이터의 종류는?
-Object(객체 데이터)

*let obj = { abc : 123};
 console.log(obj.xyz);
 위 코드를 통해 콘솔 출력될 값(데이터)은?
-undefined

*값(데이터)을 재할당할 수 없는 변수 선언 키워드는?
-const

*함수에서 값(데이터)을 반환하기 위해 사용하는 키워드는?
-return

*sum(2, 4); 위 함수 호출에서 2, 4를 무엇이라 하는가?
-인수(Arguments)

*function sum(a, b) {
 return a+b;
 }
 위 함수 선언의 a, b와 같이 함수 호출에서 전달받은 인수를 함수 내부로 전달하기 위한 변수를 무엇이라 하는가?
-매개변수(parameters)

*이름이 없는 함수를 무엇이라 하는가?
-익명함수(Anonymous Function)

*hello 이름의 함수 표현을 작성하고 호출하시오
-const hello = function() {};
 hello();

*const user = {
  getName: function() {}
 }
 위 코드의 getName과 같이, 함수가 할당된 객체 데이터의 속성(Property)을 무엇이라 하는가?
-메소드(Method)

*조검이 참(true)인 조건문을 작성하시오
-if(true) {}

*가져온 JS 파일을 HTML 문서 분석 이후에 실행하도록 지시하는 HTML(Attribute)은?
-defer

*<div class="box">Box!!</div> 위 HTML 요소의 내용(Content)을 콘솔 출력 하시오!
-const boxEl = document.querySelector('.box');
 console.log(boxEl.textContent); 

*값(데이터)을 재할당할 목적의 변수 선언 키워드는?
-let

*const boxEl = document.querySelector('.box'); 위 코드의 boxEl 요소에(Click) 이벤트를 추가해, 클릭 시
 'Hello~'를 콘솔 출력하시오
-boxEl.addEventListener('click', function() {
 console.log('Hello~');
 }); 

*<div>1</div> <div>2</div> 위 2개의 DIV 요소에 JS로 class="hello"를 추가하시오
-const divEls = document.querySelectorAll('div');
 divEls.forEach(function (divEl) {
  divEl.classList.add('hello');
 });  

*'HEROPY'.split('').reverse().join(''); 위와 같이, 메소드를 이어 작성하는 방법을 무엇이라 하는가?
-메소드 체이닝(Method Chaining)

*const boxEl = document.querySelector('.box');
 위 코드의 boxEl 요소에 HTML 클래스 속성의 값으로 'active'가 포함되어 있으면, '포함됨'을 콘솔 출력 하시오
-if(boxEl.classList.contains('active')) {
  console.log('포함됨');
 }