단비의 코딩 공부 blog

1. 변수키워드 DOCTYPE html> ES6 문법 //1. var : 초기 변수 키워드 - 함수를 기준으로 전역변수와 지역변수로 나뉨 var test1 = 10; var test1 = 20; //재선언이 가능 test1 = 30; //재할당 가능 //2. let - 코드블록 { }을 기준으로 전역변수와 지역변수로 나뉨 let test2 = 10; //let test2 = 20; //재선언이 불가능 test2 = 30; //재할당 가능 //3. const - 코드블록 { }을 기준으로 전역변수와 지역변수로 나뉨 const test3 = 10; test3 = 30; //재선언, 재할당 불가능 2. 화살표 함수 DOCTYPE html> ES6 문법 //1. 선언적 함수 function test1(){ } ..

1. var 키워드 DOCTYPE html> JS - ES6 //var : 변수를 선언하는 키워드 //1. 재선언 허용 var cup = '물'; var cup = '콜라'; //에러가 없음 //2. 지역변수랑 전역변수를 함수를 기준으로 처리 var a = 10; //전역변수 function test(){ var b = 20; //지역변수 } if(a == 10){ var c = 30; //전역변수 } 2. let 키워드 DOCTYPE html> JS - ES6 //let : 변수를 선언하는 키워드 //1. 재선언시 에러 let cub = '물'; //let cub = '콜라'; //2. 전역변수와 지역변수의 기준은 {}코드블록 let a = 10; //전역변수 console.log(a); //호출잘됨 ..

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...