자바스크립트

HTML과 CSS로 만들어진 웹페이지를 동적으로 변경해주는 언어

변수와 상수

변수 = var,let 값이 변할 수 있음
상수 = const 값이 변할 수 없음

선언 (변수의 이름을 알려주는 행위)

let apple -> apple 이라는 변수가 생성되었습니다.

할당 (변수에 데이터를 담아주는 행위)

apple = "맛있는 사과" -> apple이라는 변수에 "맛있는 사과" 라는 데이터가 담겼습니다.

선언 + 할당

let apple = "맛있는 사과"
선언부 -------- 할당부

여기서 = 는 같다는 의미가 아닌 할당을 의미

배열(Array)

배열을 사용할 때는 대괄호[ ] 안에 데이터를 쉼표 , 로 각 데이터를 구분

const numbers = [2, 10, 7, 3.3] <= 숫자로 이루어진 배열
const classmates = ["가나", "초코"] <= 문자로 이루어진 배열

배열 특징(index)

index는 0부터 시작한다.
하지만,
length는 1부터 시작한다

배열의 메서드와 속성 -기초

배열 만들기
const blanks = [] 비어있는 배열
const numbers = [2, 10, 7, 3.3] 숫자들로 이루어진배열
const classmates = ["철수", "영희", "훈이"] 문자들로 이루어진 배열

배열의 길이 구하기 _ length
classmates.length // 3배열의 값 꺼내기
classmates[0] // "철수"
classmates[1] // "영희"

배열의 맨 뒤에 추가하기 _ push
classmates.push("민지") // ["철수", "영희", "훈이", "민지"]

배열의 맨 마지막 삭제하기 _ pop
classmates.pop() // ["철수", "영희", "훈이"]

배열의 요소 정렬하기, 거꾸로 뒤집기 _ sort
classmates.sort() // ["영희", "철수", "훈이"]

배열이 가지고있는 데이터 확인하기 _ includes
classmates.includes("철수") // true
classmates.includes("영구") // false

객체

객체는 다양한 데이터를 하나로 묶는 그룹
키와 값으로 구성된 데이터를 하나의 객체로 묶는 방법은 중괄호 { } 를 사용하여 콤마(,)로 묶어준다.

객체 선언하기
const classmate = {
name: "철수",
age: 8,
school: "꽃샘초등학교"
}

객체의 값 꺼내기
classmate.name // 철수
classmate['name'] // 철수

객체의 키&값 삭제하기
delete classmate.name
classmate = {
age:8,
school: "꽃샘초등학교"
}

오늘마무리..아직은 쥬뷴 하다