2021/12/21 클래스와 자바스크립트 객체

이제 기초가 아니다 ㅎㅎㅎ oop
eomcs 자바 변경했으니 다시 삭제하고 받자

메서드끝
이제는 클래스 다루기

유투브로 검색해서 -머릿속에 그림그릴 수 있도록

03 클래스

복합데이터 - 여러개의 항목으로 구성된 데이터 (ex : 회원정보, 영화정보)
낱개의 변수를 사용하여 다루는 것보다 별도의타입으로 정의하여 한 단위로 묶어서 정의하는게 편함.

자바에서 제공하지 않는 데이터타입은 클래스문법을 이용하여 개발자가 정의할 수 있다.

반찬그릇,국그릇,밥그릇 vs 식판
1) 관리하기 편함
2) 용도별

CLASS 등장 이유

규모가 작으면 따로해도 상관없으나
규모가 커지면서 코딩 라인수가 많이지면서 코드를 체계적으로 관리할 필요가 생겨서
묶게됨

객체지향기능들이 포함

C언어 -구조체
시뮬라
스몰톡

C++ - 클래스 = > 자바
object of C (애플)

실습으로 먼저 배우자 객체지향프로그래밍 oop

mylist-boot
연락처 정보를 한 단위로 묶어서 다룰 새 데이터타입 정의

ContactClass 정의

클래스를 사용하는 목적
1) 데이터타입 정의 (user-defined 0Data Type) - 현재프로젝트
2) 메서드 분류

#class

(일반변수선언과 다름)

메모리 설계도
"new 명령을 실행하면 클래스에 정의된 대로 변수가 준비된다."

#클래스를 이용하여 새 데이터타입의 메모리만들기*******

Contact c = new Contact();

		1)데이터타입명 = 클래스명 
		2)클래스 설계도에 따라 변수준비 (메모리를 준비한다.)  => Heap 영역에 준비 : new라는 명령으로 만드는 것만 존재
		3)인스턴스(instance) = 객체(object)
		4) 메모리 주소를 c 에 집어넣는다. 레퍼런스(reference)
cf. 자바스크립트의 문법과 다름 new함수();
	자바 - 생성자임  new Contact();

#레퍼런스 배열

배열 사용 전
Contact 설계도에 따라 준비한 메모리 => Contact의 인스턴스(객체)
시작주소를 레퍼런스에 저장

인스턴스를 여러개 담으려면 레퍼런스도 여러개 있어야한다.

전화는 문자열로 표현해야한다. 0,010 (숫자가 아니다)

**** 자바문법에는 인스턴스배열을 만드는 문법이 없다.
객체의 주소를 담을 변수가 준비된것.

instance 끼리 연속된 메모리인지 보장안함. 만들때마다 메모리가 있으면 만드는것.

2) 레퍼런스 배열을 만들었다고 인스턴스존재하는게 아니다. 레퍼런스배열만 준비된것.

실무에서는 롬복이라 불리는 api가 있음(자동화) -> 우리는 getter setter를 먼저 쓰자

쿼리스트링의 파라미터이름과 세테메서드의관계 (Spring boot가 하는 역할)

Controller.java 게터와 세터를 지우면 ? 값이 들어가지않는다.

why?
class Contact {

String name;
String email;
String tel;
String company;

//변수명은 쿼리스트링의 파라미터와 아무상관없다.
//쿼리스트링의 파라미터값을 넣으려면 필요한건 세터메서드!

void setName(){...}
void setEmail(){...}
void setTel(){...}
void setCompany(){...}

}

수정 전
contacts[size++] = createCSV(name, email, tel, company)

수정 후
contacts[size++] = contact;

#레퍼런스와 인스턴스 변수

1) 인스턴스 변수에 값저장
c에 저장된 주소로 찾아가서 해당변수명에 값을 집어넣어라.

2) 인스턴스 변경

레퍼런스는 언제든지 다른 인스턴스의 주소 저장가능
기존 인스턴스의 주소를 알고있는게 없으면 garvage

30분부터 다시보자

낱개로 데이터를 다루는게 아니라
하나로 묶어서 사용하는 방법 (json객체)

백엔드 개발 끝

주소가 넘어온다.

서버에서 보내는 데이터가 달라짐
csv문자열 배열을 보냈음

지금은 객체 형식으로 보낸다.

배열 json
[{"프로퍼티변수명": "값"}, ]

parsing (자바스크립트)

index.html
view.html

넘어온게 자바스크립트 객체임으로 "," 따로 자를필요없어

fetch(/contact/get?email=${email})
.then(function(response) {
return response.json();//json 응답데이터를 자바스크립트객체로

.then(function(contact) {
  var values = contact.split(",");

  // 4) 연락처 상세 정보를 화면에 출력한다.
  xName.value = values[0];
  xEmail.value = values[1];
  xTel.value = values[2];
  xCompany.value = values[3];
});