일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 웹접근성
- 기초
- 바닐라 자바스크립트
- git
- 프론트앤드키워드
- CSS
- asp
- 웹표준
- github
- JS
- Python
- sqld52회차
- 웹개발키워드
- 텍스트조절
- 코딩공부
- 마우스커서
- sqld
- JSP
- TweenMax.js
- 로또 회차
- 팝업레이어
- IP차단
- VANILLA
- SQL
- jQuery
- 바닐라자바스크립트
- 바닐라스크립트
- 애니메이션
- Slide
- SQLD후기
- Today
- Total
목록전체보기 (61)
단비의 코딩 공부 blog
1. 문서객체선택메서드 DOCTYPE html> JS - DOM 제목태그 제목태그 제목태그 제목태그 제목태그 //1. 아이디 선택방식 var title = document.getElementById('title') title.style.color = 'red'; //2. 태그명 선택방식 - 복수로 선택 - 배열로 선택 (복수일때 for문 사용) var h1 = document.getElementsByTagName('h1') for(var i=0;i JS - DOM 제목태그 제목태그 제목태그 제목태그 제목태그 //1. 이벤트속성(고전이벤트) : 객체선택.on이벤트타입 = 콜백함수; var title = document.getElementById('title'); title.onclick = function..
1. 문서객체선택1 제목태그 제목태그 2. 문서객체선택2 제목태그 제목태그 제목태그 3. 문서객체선택3 제목태그 제목태그 제목태그 4. 문서객체선택4 제목태그 제목태그 제목태그 5. 준비구문 제목태그 제목태그 제목태그 6. 문서객체생성 제목태그1 7. 문서객체생성 - 속성방식 8. 텍스트추가속성 테스트01 테스트02 테스트03 9. 태그속성관련 메서드 10. child관련 메서드 제목태그1 문단태그 11. 시계만들기 @import url('https://fonts.googleapis.com/css?family=Electrolize'); *{ padding: 0; margin: 0; font-family: 'Electrolize', sans-serif; } .clock{ width: 680px; heigh..
1. window 객체의 속성 2. window객체의 메서드 3. window객체의 메서드2 4. window객체의 매서드3 5. screen객체의속성 6. location객체의속성 7. location객체의메서드1 8. location객체의메서드2 9. navigator객체의속성 10. navigator객체의 메서드 11. 모바일기기인식코드 12. history객체의 속성 13. history객체의 매서드
- 객체 정리 ** 객체 : JS가 명령을 주는 모든 대상 - 속성 : 객체가 갖고 있는 특징을 기술한 것 값이 함수가 아닌 것 객체명.속성 - 메서드 : 객체가 갖고 있는 동작과 명령을 기술한 것 값이 함수인 것 객체명.메서드명() 1. 기본내장객체 : 첫글자를 대문자로 작성 - 생성자함수로 선언되었기 때문 1) String 2) Number 3) Nath 4) Array 5) Date 6) Object(개발자가 만드는 객체) 2. BOM (Browser Object Model) : 소문자로 작성 1) window : 창 객체 2) location : 주소표시줄 객체 3) history : 주소내역 객체 4) navigator :브라우저 정보 객체 5) screen : 운영체제 화면 객체 6) docu..
html - 텍스트 크기 + jquery $(document).ready(function() { $("div.button").click(function() { var $text_wrap = $("div.text_wrap"); var currentSize = $text_wrap.css("fontSize"); //alert(currentSize); var num = parseFloat(currentSize, 10); var unit = currentSize.slice(-2); if(this.id == "switcher-small"){ num *= 1.2; } else if(this.id == "switcher-large") { num /= 1.2; } $text_wrap.css("fontSize", num ..
1. 객체 선언 2. this 키워드 3. this 키워드2 4. 생성자 함수 5. 프로토타입 6. 생성자함수 (응용문제) 7. String 객체 선언 8. String 객체 속성 9. String 객체 속성 (응용문제) 10. String 객체 메서드1 11. String 객체 메서드 (응용문제) 12. String 메서드2 13. String 메서드2 (응용문제) 14. String 객체 메서드2 15. Number 객체 선언 16. Number 함수 17. Number 객체메서드 18. Math 객체 속성 19. Math 객체 메서드 1 20. Math 객체 메서드 2 21. Array 객체 선언 22. Array 객체 속성 23. Array 객체 메서드 1 24. Array 객체 메서드 2 25...
제 회