dash-case(kebab-case)
ex) hello-world
snake_case
ex) hello_world
camelCase
ex) helloWorld
PascalCase
ex) HelloWorld
String(문자형): 따옴표를 사용해야함.
Number(숫자형): 정수 및 소수점 숫자를 나타낸다.
Boolean: true, false 두 값만 존재한다.
undefined: 값이 할당되지 않은 상태.
null: 값이 비어있음을 의미.(의도적으로 비워놨다는게 포인트!)
object(객체 데이터): 여러데이터를 저장하는 것.
array(배열데이터): 여러데이터를 순차적으로 [ ] 안에 넣어 저장하는 것.
DOM = HTML의 내용들을 의미, API는 일종의 명령들을 의미한다. 그래서 DOM API란 자바스크립트로 HTML을 제어할때 사용하는 명령들이라고 할 수 있음.
JavaScript 정리
const boxEl = document.querySelector('.box'); // 요소가 1개일때
const boxEls = document.querySelcector('.box'); // 요소를 다 찾을때
boxEl.addEventListener('click', function() {
console.log('Click~!');
});
// boxEl요소를 클릭하면 콘솔에 Click~!을 나오게 하라는 의미.
const a = 'Hello~';
const b = a.split('').reverse().join('');
console.log(a); // Hello~
console.log(b); // ~olleH
npm install -parcel-bundel -D
// 뒤쪽에 꼭 대문자 D를 붙여서 다운로드 해야함!
npm install lodash
// 따로 무엇가를 붙일 필요가 없음.
버전마다 의미를 부여하여 나타내는것을 의미.
Major.Minor.Patch
E.g,12.14.1
- Major(12): 기존 버전과 호환되지 않는 새로운 버전을 의미.
- Minor(14): 기존 버전과 호환되면서 새로운 기능이 추가된 버전을 의미.
- Patch(1): 기존 버전과 호환되면서 버그 및 오타 등이 수정된 버전을 의미.
^Major.Minor.Patch
E.g,^12.14.1
- ^(캐롯)기호: Minor, Patch버전이 언제든지 최신버전으로 업데이트 할 수 있다는걸 의미.
드디어 내가 국비수업을 들었을 때부터 제일 어려워하던 자바스크립트 부분으로 들어왔다. 선행학습이긴 했지만 어려운건 어쩔 수 없는 것 같다. 복습도 하고 스타벅스 예제를 하면서 나혼자 스스로 공부도 해야할 것 같다.