낙타 표기법
theQuickBrownFox
let fruits = ['Apple', 'Banana', 'Cherry']; 바나나 콘솔 출력하기
console.log(fruits[1]);
불린 데이터에서 거짓을 의미하는 데이터는?
false
'값이 의도적으로 비어있음'을 의미하는 데이터는?
null
{ }로 나타내는 데이터
: 객체데이터 (object)
없는 속성 출력
: undefined
값을 재할당 할 수 없는 변수 선언 키워드
: consts
함수에서 데이터를 반환하기 위해 사용하는 키워드
: 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)
조건이 참인 조건문을 작성하시오
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.ad('hello');
});
'HEROPY'.split('').reverse( ).join('');
위와 같이, 메소드를 이어 작성하는 방법을 무엇이라 하는가?
메소드 체이닝(Method Chaining)
다시 숙지하기
const boxEl = document.querySelector('box');
위 코드의 boxEl 요소에 HTML 클래스 속성의 값으로 'active'가 포함되어 있으면,
'포함됨!'을 콘솔 출력하시오
if(boxEl.classList.contains('active')){
console.log('포함됨!');
}
만약 'active'가 있으면 true, 없으면 false가 나올것이고, true가 나오면 하나의 조건이 되는 것이고 조건문을 통해 중괄호 내용이 실행되면서 포함됨!이 콘솔에 출력됨
