단비의 코딩 공부 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..