[2024-2 웹기초 스터디] 김지수 #3주차

 

변수와 상수

변수

 

상수

변수 이름 규칙

• 변수나 상수 이름의 첫 번째 글자는 영어, $, _ 만 가능(숫자로 시작하는 변수명은 허용되지 않음)
• 첫 글자 이외에는 숫자도 사용 가능
• 영어 소문자와 대문자는 구별됨
• let, const와 같은 자바스크립트 예약어는 사용 불가
• 이름에 공백은 허용되지 않음

---

원시 데이터 타입

객체가 아니면서 메서드도 가지지 않는 데이터

string, number, bight, boolean, undefined, null, symbol

 

숫자 (number)

 

문자열 (String)

 

Boolean

 

---

참조 데이터

 

배열 (Array)

 

객체 (Object)

 

---

연산자

산술 연산자

console.log(10 / 5);

console.log(10 % 5);

 

증감 연산자

let number = 10;

number++;
console.log(number);

 

비교 연산자

a = 123 이고, b= '123' 일때 

a == b 결과는 true (추상 비교)

a === b 결과는 false (엄격 비교)

 

const a = 10;
const a = 20;

console.log(a < b);

const a = 10;
const a = 20;

console.log(a === b);

 

논리 연산자

const a = 2 < 3;
const b = 30 > 50;

console.log(a && b)

const a = 2 < 3;
const b = 30 > 50;

console.log(a || b)

const a = 2 < 3;
const b = 30 > 50;

console.log(!a)

 

삼항 연산자

console.log(2 < 3 ? '참' : '거짓')

 

널리쉬 연산자

const a = underfined;
const b = null;
const c = '김지수'

console.log(a ?? b ?? c);

 

비트 연산자

• &
• |
• ~
• ^
• <<
• >>

대입 연산자

let number = 10;

number %= 2;

 

---

조건문

if

 

else 

 

else if 

 

하나의 조건문을 작성할 때 if, else는 한 번마 사용 

if로 시작, else로 끝나여 함(else는 없어도 됨)

 

switch

 

case, break

 

---

반복문

for문

 

for문, break

 

while

 

---

함수

함수 작성 예시

 

인자와 매개변수

인자 = 함수의 입력 값 = Arguments

 

지역변수와 전역변수

변수를 사용할 수 있는 번위 (scope)가 중괄호로 감싸진 블록 (block) 안으로 제한(함수뿐만 아니라 조건문, 반복문에서도 마찬가지다)

 

화살표 함수

 

---

문자열 메소드

문자열 메소드 종류

• toUpperCase(), toLowerCase()
• trim(), trimStart(), trimEnd()
• repeat()
• padStart(), padEnd()
• indexOf()
• includes()
• startsWith(), endsWith()
• replace(), replaceAll()
• subString()
• split()
• slice()

---

배열 메소드

배열 메소드 종류

• push()
• pop()
• unshift()
• shift()
• forEach()
• map()
• includes()
• find()
• findIndex()
• fill()
• silce()
• splice()
• join()
• concat()
• filter()
• reduce()

---

이벤트

addEventListener

 

removeEventListener