앞의 게시물에서 다뤘던 CSS 부분을 보도록 하겠다. 이전 예제 제거할 p 요소를 클릭하세요. p 요소 추가하기 p1 p2 p3 p4 p5 여기서 주의깊게 볼 부분은 이 부분이다. 위 예제의 결과는 다음과 같다. 우선 커서부터 살펴보자. 1. cursor 그동안 예제를 풀며 click에 대한 이벤트 리스너를 많이 활용했었는데 커서 변경을 한번도 하지 않았었다. 하지만 실제 웹페이지에서는 클릭 위치를 커서 변경을 통해 많이 보여준다. 위 에제에서 커서 모양이 손가락 모양으로 바뀐 것을 볼 수 있다. 따라서 cursor: pointer 가 위 모양의 커서로 만들어줌을 확인할 수 있다. 다양한 커서 모양과 활용은 이곳에서 확인하면 좋을 것 같다. http://www.homejjang.com/09/cursor...
this는 자신이 속한 객체의 참조값을 가리킨다. global area에서 this는 Window, 즉 웹 브라우저의 창을 가리킨다. 다음 예제는 오브젝트에서 this를 사용해본 모습이다. 예제1 - object에서 this 사용하기 javascript에서 this 예약어에 대한 이해 결과 this.name으로 각각 car1과 car2객체의 name값이 출력된 모습을 확인할 수 있다. 따라서, this는 각각 car1과 car2를 가리킴을 알 수 있다. 디버깅을 해보자. 다음과 같이 car1.drive(); 구문에 breakpoint를 두고 디버깅을 시작하면, 아직 car1 시행전이므로 global영역으로 this는 Window이다. car1으로 들어가면, local 영역으로 들어가 다음과 같이 this..
- Total
- Today
- Yesterday
- 백준
- 큐
- 브루트 포스
- jsp
- 장고
- 스프링
- python
- 프로그래머스
- 고득점 키트
- 단계별로풀어보기
- javascript
- 자바스크립트
- 덱
- Java
- brute force
- 문자열
- append
- Oracle
- R
- CSS
- bootstrap
- html
- Case When
- 파이썬
- jQuery
- 정렬
- web
- baekjoon
- 자바
- Django
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |