[혼공js-12기] 5주차 Chapter 06(08/05~08/11)

벌써 방학 한주가..눈깜짝할 사이 지나가 버렸네요..

아무튼 언제 지나간질 모를 방학에 미련은 버리고 남은 2주 박차를 가해 봅니다.

근데..객체라....객체...객체..어려워요...

 

혼자 공부하는 자바스크립트

#	진도	기본 숙제(필수)	추가 숙제(선택)
1주차 (7/1 ~ 7/7)	Chapter 01 ~ 02	p. 54의 <파일 만들고 저장해 실행하기>에서 'Hello World' 출력하기	Ch.01(01-1) 확인 문제 1번 상세하게 적고 인증하기
2주차 (7/8 ~ 7/14)	Chapter 03	p. 139 의 확인 문제 3번 문제 풀고 완전한 코드 만들어 비쥬얼 스튜디오 코드에서 실행 결과 인증하기	p. 152의 <태어난 연도를 입력받아 띠 출력하기> 예제 실행하여 본인의 띠 출력한 화면 캡처하기
3주차 (7/15 ~ 7/21)	Chapter 04	비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기	p. 173 확인 문제 3번 문제 풀고, 풀이 과정 설명하기
4주차 (7/22 ~ 7/28)	Chapter 05	p. 202 <윤년을 확인하는 함수 만들기> 예제를 실행하여 2022년이 윤년인지 확인하는 결과 인증하기	p. 240 확인 문제 1번 풀고, 풀이 과정 설명하기
여름방학 (7/29 ~ 8/4)	럭키비키 즐거운 여름방학이잔앙
5주차 (8/5 ~ 8/11)	Chapter 06	객체, 속성, 메소드가 무엇인지 설명하기	p. 288 확인 문제 3번 풀고, 풀이 과정 설명하기
6주차 (8/12 ~ 8/18)	Chapter 07 ~ 08	p. 315의 <직접 해보는 손코딩>을 실행한 후 출력되는 고양이 이미지 캡처하기	p. 352 누적 예제를 활용하여 본인의 할 일 목록을 만들어 캡처하기

 

---

• 기본숙제
  - 객체: 객체(Object)란 실제로 존재하는 사물을 의미하고, 이름과 값으로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입.( 어떠한 속성값과 행동을 가지고 있는 데이터.)
  - 속성: 객체는 내부에 있는 값을 속성
  - 메소드: 객체의 속성 중 함수 자료형인 속성

---

• p. 288 확인 문제 3번 풀고, 풀이과정 설명하기
  -풀이

 

 

 

 

구글 검색 결과..

[문법]

메소드(속성)	의미	반환(타입)
Math.PI	원주율	숫자
Math.cos(값)	코사인 (cos)	숫자
Math.sin(값)	사인 (sin)	숫자
Math.tan(값)	탄젠트 (tan)	숫자
Math.acos(값)	코사인 역함수 (acos)	숫자
Math.asin(값)	사인 역함수 (asin)	숫자
Math.atan(값)	탄젠트 역함수 (atan)	숫자
Math.atan2(y좌표, x좌표)	(x, y) 좌표가 이루는 각도	숫자

* 반환값 숫자의 단위는 라디안(Radian)이다.

(주1)

자바스크립트 10진수의 유효 자릿수는 15자리(IEEE 754규격)이므로, 실제 cos90도와 tan45도의 값(0과 1)과 비교했을 때 오차가 발생한다.

---

[예시2]

Math.cos()와 Math.acos()에 전달하는 값의 단위는 라디안(Radian)이다.

원주의 길이는 \pi  로 표시하기 때문에 도수를 라디안으로 변환하는 편이 사용하기 쉽다.

이 도수의 변환식은 다음과 같다.

 

---

• Chapter 06-1  객체
• 객체
  - 객체(Object)란 실제로 존재하는 사물을 의미하고, 이름과 값으로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입.( 어떠한 속성값과 행동을 가지고 있는 데이터.)
   배열도 하나의 객체로서 typeof로 실행해 보면 Object로 출력됩니다. (interger를 typeof하면 number가 나옵니다.)
   이는 배열도 객체라는 의미 입니다.
  배열은 인덱스와 요소를 가지고 있습니다. 배열에 요소에 접근하려면 인덱스를 사용하지만. 객체는 Key를 사용해야 합니다.
• 속성과 메소드
  배열내부에 있는 값을 요소라고 합니다. 반면 객체는 내부에 있는 값은 속성이라고합니다. 속성 중 함수 자료형인 속성을 특별히 메소드라고 합니다.
   메소드 내에서는 자신이 가진 속성을 출력하고 싶을 때는 자신이 가진 속성임을 분명하게 표시해야 합니다. 
  자기 자신이 가진 속성이라는 것을 표시 할때는 this키워드를 사용합니다

 

• 동적으로 객체 속성 추가/제거
  객체를 처음 생성한 후에 속성을 추가하거나 제가한는 것을 '동적으로 속성을 추가한다'
  또는 '동적으로 속성을 제거한다'라고 표현합니다.

동적으로 객체 속성 제거 시에는 delete키워들를 사용합니다.
delete 객체.속성

 

 

• 06-2 객체의 속성과 메소드 사용하기
• 객체 자료형
  속성과 메소드를 가질 수 있는 모든 것은 객체입니다.
   배열도 객체, 함수도 객체
• 기본 자료형
  자바스크립트에서 실체가 있는 것(undefined와 null 등이 아닌것) 중에서 객체가 아닌것은 기본 자료형이라고 한다.
  숫자, 문자열, 불형
  이러한 기본 자료형은 객체가 아니므로 속성을 가질수 없다.
• 기본 자료형을 객체로 선언하기
  자바스크립트는 기본자료형을 객체로 선헌 하는 방법으로 자료형을 변환하는 함수(Number, String, Boolean)를 사용합니다.
  사용법은 다음과 같습니다.

 

• 프로토타입으로 메소드 추가 하기
  어떤 객체의 prototype객체에 속성과 메소드를 추가 하면 모든 객체(와 기본자료형)에서 해당 속성과 메소드를 사용할 수 있습니다.
• JSON 객체
  JSON은 JavaScript Object Notation의 약자로 자바스크립트의 객체처럼 자료를 표현하는 방식입니다.
  JSON  형식의 규칙
  
  1. JSON 객체는 중괄호 블록 "{", "}" 으로 표기합니다.
  2. JSON 배열은 대괄호 블록 "[", "]" 으로 표기합니다.
  3. 속성(Key)과 값(Value) 쌍으로 이룹니다.
  4. 속성과 값이 쌍을 이룰 때 콜론으로 구분하며 속성 : 값 형태로 표기합니다.
  5. 속성은 쌍따옴표(")로 묶어 표기하며, 값은 자료형에 따라 표기 방법이 달라집니다. ex) "age" : 3
  6. 속성이 여러개인 경우 ,(콤마)로 구분합니다.