[JS 선행 개요]
*표기법
-dash-case(kebab-case)
-snake_case
-camelCase
-ParcelCase
*dash-case(kebab-case)
-HTML, CSS에서 주로 사용
- the-quick-brown-fox-jumps-over-the-lazy-dog
- dash(-) 기호를 사용
*snake_case
-HTML, CSS에서 주로 사용
- the_quick_brown_fox_jumps_over_the_lazy_dog
- 언더스코어(_) 기호를 사용
*camelCase
-JS에서 주로 사용
- theQuickBrownFoxJumpsOverTheLazyDog
-첫 글자가 대문자로 시작
*PascalCase
-JS에서 주로 사용
-TheQuickBrownFoxJumpsOverTheLazyDog
-가장 앞에 있는 단어 첫 글자도 대문자로 시작
-new라는 키워드를 가지고 있는 생성자 함수 이름을 명시할 때 사용
*Zero-based Numbering
-0 기반 번호 매기기!
-특수한 경우를 제외하고 0부터 숫자를 시작!
*주석
-Comments
- // 한줄메모
- /* 한 줄 메모 */
- /**
*여러 줄
*메모
*/
[데이터 종류]
*데이터 종류(자료형)
-String
-Number
-Boolean
-Undefined
-Null
-Object
-Array
*String(문자 데이터)
-따옴표를 사용
-let myName = "Kim";
-let hello = `Hello ${myName}`;
-console.log(hell); // Hello Kim
*Number(숫자 데이터)
-정수 및 부동소수점 숫자
-let number = 123;
-console.log(number);
*Boolean(불린 데이터)
-true, false 두 가지 값밖에 없는 논리 데이터
-let checked = true;
-let isShow = false;
-console.log(checked); // true
-console.log(isShow); // false
*Undefined
-값이 할당되지 않은 상태
-let undef;
-let obj = { abc : 123 };
-console.log(undef); // undefined
-console.log(obj.abc); // 123
-console.log(obj.xyz); // undefined
*Null
-어떤 값이 의도적으로 비어있음을 의미
-let empty = null;
-console.log(empty); // null
*Object(객체 데이터)
-여러 데이터를 Key:Value 형태로 저장. { }
-let user = {
// Key: Value,
name: 'Kim',
age: 0,
isValid: true
};
-console.log(user.name); // Kim
-console.log(user.age); // 0
-console.log(user.isValid); // true
[변수, 예약어]
*변수
-데이터를 저장하고 참조(사용)하는 데이터의 이름
-let, const (var는 권장사항 아님)
*let
-변수선언(let이라는 키워드를 이용해서 변수의 이름을 명시하고 어떠한 데이터를 넣는 것을 변수를 선언한다 라고 한다)
-재사용이 가능!
let a = 2;
let b = 5;
console.log(a + b);
console.log(a * b);
-값(데이터)의 재할당 가능!
let a = 12;
console.log(a); // 12
a = 999;
console.log(a); // 999
*const
-값(데이터)의 재할당 불가!
const a = 12;
console.log(a); // 12
a = 999;
console.log(a); // TypeError..
*예약어(Reserved Word)
-특별한 의미를 가지고 있어, 변수나 함수 이름 등으로 사용할 수 없는 단어
-let this, let if, let break.. => SyntaxError(문법 에러)
[함수]
*함수(function)
-특정 동작(기능)을 수행하는 일부 코드의 집합(부분)
//함수 선언
function helloFunc() {
//실행 코드
/console.log(1234);
}
//함수호출
helloFunc(); //1234
-매개변수(Parameters)
//함수 선언
function sum(a, b) { // a와 b는 매개변수(Parameters)
return a + b;
}
//재사용
let a = sum(1, 2); // 1과 2는 인수(Arguments)
let b = sum(7, 12);
let c = sum(2, 4);
console.log(a, b, c); // 3, 19, 6
