Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Java
- 어노테이션
- 생성자주입
- jointpoint
- @ResponseBody
- application.properties
- 비즈니스레이어
- AOP
- @Valid
- SpringBoot
- springjdbc
- c:if
- .xml
- spring
- 서비스레이어
- produces
- 스프링
- 바인딩변수
- MVC
- @
- 유효성검사
- gradle
- PointCut
- @RequestParam
- frontController
- 의존주입
- after-throwing
- springmvc
- @RequestMapping
- Model
Archives
- Today
- Total
메모장
29. 객체 예고 본문
728x90
반응형
여러분에게 제시할 객체의 얼굴 중 하나는 바로 정리정돈의 수단으로서의 객체 입니다. 프로그래밍을 하다보면 코드가 많아지고, 코드가 많아지면 잘 정리 정돈 하기위해 함수라는 것을 씁니다. 그러한 상황에서 서로 연관된 함수와 변수를 같은 이름으로 그루핑해서 잘 정리 정돈하기 위한 도구를 객체 라고 말씀드리고 싶습니다.
자바 스크립트를 만든 사람들은 이런 경우에는 사용하라고 객체라는 것을 장만 했습니다. 서로 연관된 함수와 변수를 그루핑 해서 정리정돈하기 위한 수납상자로서 객체라는것이 존재한다는 것입니다.
<script>
function nightDayHandler() {
var target = document. querySelector('body');
if(self.value === 'night'){
Body.setBackgroundColor = 'black';
Body.setColor = 'white';
self.value = 'day';
Links.setColor('powderblue');
}
} else {
Body.setBackgroundColor = 'white';
Body.setColor = 'black';
self.value = 'night';
Links.setColor('blue');
}
}
}
</script>
여기서 배우는 객체라고 하는 것 역시 아직 만드는 법은 배우지 않았지만 폴더라는 관점으로 보셔도 됩니다.
또 한가지 중요한것으로 document라는 것이 있습니다. document 역시 객체 라는것을 알 수 있습니다.
즉 , document.querySelector()의 형태를 보면 querySelector() 라는 것이 document 라는 객체에 속한 함수라는 것을 알 수 있습니다. 그리고 객체에 속한 함수는 함수라 하지 않고 메서드 라고 부릅니다.
지금 작성한 코드는 현재 동작하지 않는 코드입니다. 동작하는 코드로 바꾸는 것은 다음시간에 이어서 합시다.
728x90
반응형
'JavaScript > [생활 코딩 JS]' 카테고리의 다른 글
| 31. 객체와 반복문 (0) | 2024.04.26 |
|---|---|
| 30. 객체쓰기와 읽기 (0) | 2024.04.25 |
| 28. 함수의 활용 (0) | 2024.04.25 |
| 27. 함수 (return 문) (0) | 2024.04.25 |
| 26. 매개변수와 인자 (0) | 2024.04.25 |