✅혼자 공부하는 자바스크립트
| # | 진도 | 기본 미션 | 선택 미션 |
|---|---|---|---|
| 5주차(2/6 ~ 2/12) | Chapter 06 | 객체, 속성, 메소드가 무엇인지 설명하기 | p.288 확인 문제 3번 풀고, 풀이 과정 설명하기 |
Chapter 06 객체
기본미션
▶ 객체, 속성, 메소드가 무엇인지 설명하기
객체(object)
- 객체란 한 마디로 정의하면 '실제로 존재하는 사물'을 의미하고 이름과 값으로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입이다.
- 여러 자료들을 다룰 때는 객체를 사용한다.
- html에서 사용되는 문서의 이미지, 폼들과 같은 요소를 객체라고 한다.
- 객체는 사용자가 작성할 수 있으며 이미 자바스크립트에서 제공하는 time, array등과 같은 내장 객체들도 있다
속성(property)
- 배열 내부에 있는 값을 요소라고 한다. 반면 객체 내부에 있는 값은 속성이라고 한다.
- 배열의 요소와 마찬가지로 객체의 속성도 모든 형태의 자료형을 가질 수 있다
- 속성은 속성값을 가지고 있다. 객체와 속성을 연결할 때는 . 으로 연결하고 속성값은 = 으로 값을 전달한다.
객체. 속성 = "속성값"
document.bgColor="yellow";메소드(method)
-
속성이 객체의 기본값이라고 하면 메소드는 이러한 행동과 동작을 유발하는 동적개념이다. 객체의 속성 중 함수 자료형인 속성을 메소드라고 부르기도 한다.
-
메소드의 사용목적은 반복되는 동작을 실행할 때 이를 명령어로 계속 표현하는 것을 줄이고 좀더 간결하게 나타내기 위해 사용된다
객체.메소드(값);
- ()안에는 메소드의 대상이 되는 function으로 구성된 함수를 호출하여 명령문들을 수행 후 다시 호출한 메소드 다음 문장으로 되돌아 온다
이때 인수라고 하는 전달 값이 있으면 ()안에 넣은 변수 또는 직접 값을 나타낼 수 있으며 전달값이 없더라도 ()를 붙여서 나타나야 한다.
선택미션
▶ 모질라 문서에서 Math 객체와 관련된 내용을 읽고 사인 90도의 값을 구해보세요. 참고로 사인 90도는 1입니다. 아주 단순하게 생각해서 구현하면 0.8939966636005579라는 결과가 나옵니다.
0.8939966636005579가 나왔다면 왜 그런지, 그리고 이를 어떻게 해야 제대로 사용할 수 있는지 구글 검색 등을 활용해서 알아보고 코드를 수정하세요.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math (모질라 문서 Math객체 참고)
Math.sin() 위의 함수가 x라는 숫자의 사인값을 반환하지만 x는 각도가 아니라 라디안을 인자값으로 가지게 되므로 우리가 원하는 90도의 사인값이 아닌 90라디안의 사인값을 얻게 된 결과이기 때문에 0.8939966636005579라는 값이 나옵니다.
우리가 원하는 정답 1이 나오게 하려면 Math.sin()메소드는 괄호 내부에 라디안 단위를 넣어야 합니다.
자세한 보충설명
Math.PI => 원주율, 즉 파이값.
원주율=원주/지름 , 즉 원의 지름길이 대 원의 둘레 길이 비율
3.1415.......
왜 Math.PI를 설명하냐면, 이걸로 각도값을 구하기 때문입니다.
원주율은 길이를 나타낸게 아니라, 비율을 말하는 것이며, 원주는 원의 둘레값을 말합니다.
Math.PI = 원주값/2반지름(즉, 지름값) 이걸 원주값 구하는 공식으로 바꾸면 원주값 = 2Math.PI/반지름 값이 되겠죠. 원의 총둘레길이를 360이라고 하면, 원주값/360이 1도 값이 나옵니다. 2*Math.PI가 360도란 뜻이 되겠고요.즉, Math.PI/180 이 1도의 값입니다.
