| 클라이언트사이드 |
객체(object) 개념 이해
(객체가 끝나면, HTML CSS JS간의 연동~)
속성- 메소드 (항상 떠올리자)
1. 객체(object) <<<<배열이랑 비슷하지만 객체랑은 다름
여러 개의 자료형을 한 번에 저장하는 자료형
자료(속성 property)와 처리 가능(메소드 method)를 하나의 개념으로 묶은 것
문제 해결을 위한 코딩의 단위를 개체로 한정 시켜 집중할 수 있음.
배열 VS 객체
학생
-> 이름, 나이, 학번, 학과 등의 속성들로 모델링
배열로 한다면
-> 이름 나이 학번 학과 속성값들만 나열하고, 인덱스로 접근
let st = ['홍길동,20202020200,'컴퓨터과'];
배열명[인덱스]형식으로 속성값 읽음
인덱스를 사용하기 때문에 속성 length로 요소 개수 정보 제공
이름 st[0] 나이 st[1] ->필요한 속성 값의 인덱스를 기억해야 함
객체로 한다면
-> 이름 나이 학번 학과등의 정보를 속성명:속성값 을,로 구분 나열하고 {}로 묶어 표현
{
속성명 : 속성값 ,
속성명: 속성값 ,
... ,
속성명:속성값 => 마지막 속성 뒤에는 ,를 찍지 않음
}
객체의 속성명을 속성값을 찾는 키(key)로 사용
참조 방법 : 이름 st[`name`] st.name등
문자열 속성명
->속성명을 식별자가 아닌 '문자열'로 지정하면 식별자 규칙을 지키지 않아도 됨
속성 값 참조 방법 이름 st["student name"]
나이 1. st["age"] 2.st.age
메소드(method)
->속성값이 함수인 경우, 해당 속성은 메소드가 된다.