19-10-07, 클라이언트 사이드 프로그래밍

클라이언트사이드

객체(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)

->속성값이 함수인 경우, 해당 속성은 메소드가 된다.