JS 선행(1)

1. 표기법

• dash-case(kebab-case) : 각 단어 사이에 - 사용 (HTML, CSS)
• snakecase : 각 단어 사이에 사용 (HTML, CSS)
  👉🏻 dash-case와 snake_case는 전부 소문자 사용
• camelCase : 첫글자 제외 각 단어의 첫 글자를 대문자로 (JS)
• PascalCase : 모든 단어의 첫 글자를 대문자로 (JS)

+) Zero-based Numbering : 번호 매길때는 0부터 시작!
+) 사실 명령어 끝에 세미콜론(;) 안붙여도 됨

2. 주석

// 한줄메모
/* 한줄 메모 */
/**
	* 여러줄
    * 메모
*/

3. 데이터 종류 (자료형)

• String(문자 데이터) : 따옴표 사용 " '
  • `(그레이브=백틱) 사용하면 보간법 사용 가능
  • 보간법 : 백틱 안에서 ${변수명}으로 다른 변수값을 문자로 출력 가능
• Number(숫자 데이터) : 정수 및 부동소수점 숫자
• Boolean(불린 데이터) : true/false 두 가지 값만 가지는 논리 데이터
• Undefined : 값이 할당되지 않은 상태 (실제로 값이 없음)
• Null : 값이 의도적으로 비어있음을 의미
  👉🏻 Undefined와 Null은 의도 유무의 차이
• Object(객체 데이터) : 데이터를 {key: value, key: value} 형태로 저장 -> 객체이름.key 형태로 접근
• Array(배열 데이터) : 데이터를 순차적으로 저장 ['data1', 'data2', 'data3'] -> 배열이름[2] 형태로 접근 (Zero-based Numbering)

🌟 Object는 key있는 중괄호{}, Array는 그냥 대괄호[] 꼭 기억하자!!!

4. 변수

• 변수 : 데이터를 저장하고 참조(사용)하는 데이터의 이름
• 변수 선언
  • let : 재사용 가능, 값(데이터)의 재할당 가능
  • const : 값(데이터)의 재할당 불가능

👉🏻 최근 var 사용 X, 대부분 const로 사용하고 재할당 필요해지면 let으로 바꾸기

// 재할당 예시
let a = 12;
a = 999; // O
 
const b = 12;
b = 999; // TypeError

• 예약어(Reserved Word) : 특별한 의미를 가지고 있어 변수나 함수의 이름 등으로 사용할 수 없는 단어 (this, if, break 등) -> 따로 외우지 말고 editor의 도움 받기!

5. 함수

(함수 호출과 변수의 활용, 조건문 등 이미 정확하게 숙지하고 있는 개념은 생략함)

• 함수(function) : 특정 동작(기능)을 수행하는 일부 코드의 집합
• 함수 선언

function Func(){
	// 명령;
}

• 함수 호출 시 넘겨주는 것은 인수(Arguments), 함수 선언부 및 내부로 받아가는 것은 매개변수(Parameters)
• 기명함수(이름 있는 함수) : 위와 같이 함수 선언
• 🌟 익명함수(이름 없는 함수) : let word = function(){}; 함수 표현, 보통 이처럼 변수에 할당해 변수 이름으로 호출
  👉🏻 function 키워드 뒤에 함수 이름 있으면 기명함수 / 없으면 익명함수
• 메소드(Method) : 객체 데이터 내부에 속성으로 할당된 함수 -> 함수 자체를 데이터처럼 사용