Javascript : 웹에 쓰이는 프로그래밍 언어
Native 란? : 앱스토어에 있고, 다운로드가 가능하다는 건가?
Specification ( 스페씨피케이션 ) 이란? : 체계 매뉴얼 (안내책자) 이나 설명문 같은 것이다.
ES5 을 지원했던 것에서 ES6 을 지원한다고 한다는 것은, ES5 라는 버전의 안내문에서 Es6 라는 새로운 안내문을 발행했다고 이해하면 쉽다.
바닐라 자바스크립트
업데이트가 되지 않아 오래된 javascript 버전은 임시방편으로 떼워야 하는 경우가 있다.
변경되거나, 변경될수 있는 것.
Javasciprt 는 오류를 허용한다는 것이 단점이다. ( 마치 훈육을 하지 않은 부모님처럼. )
모든 표현식은 한 줄에 있어야 한다. 그리고 표현식이 끝나는 곳을 선언하는 방법은 ;
( 세미콜론 ) 을 붙이면 된다.
[ ]
( 대괄호 ) 로 묶는 것이다.객체 라는 데이터를 저장하는 자료구조
각 value 에 이름을 줄수 있다.
여러 value 와 값을 { }
( 중괄호 ) 로 묶는 것이다.
객체 안의 값을 동적으로 바꿀수 있다.
``
( 백틱 )으로 감싼다. const title = document.querySelector('#title');
const clicked_class = 'clicked'
function handleClick() {
const hasClass = title.classList.contains(clicked_class);
console.log(hasClass); // title 의 class 이름에 clicked_class 을 포함하는게 있는지 확인. => false
if(hasClass){
title.classList.remove(clicked_class)
} else{
title.classList.add(clicked_class);
}
}
function init() {
title.addEventListener('click', handleClick);
}
init()
==> add 메서드 와 remove 메서드를 쓸바에야 toggle 메서드를 쓰는게 좋다.
const title = document.querySelector('#title');
const clicked_class = 'clicked'
function handleClick() {
title.classList.toggle(clicked_class);
}
function init() {
title.addEventListener('click', handleClick);
}
init()