Spring-Java/Front-End11 Day45_Interval 함수, Date(), Timer예제 2023.10.20 Day45 세 줄 요약 setInterval() : 설정한 시간을 간격으로 함수 내용 반복 실행 setTimeout() : 설정한 시간이 지나면 함수 내용 실행 padStart() : 문자열의 앞부분을 '특정길이' 만큼 '특정문자' 로 채움 Interval 관련 함수 setInterval() 단위 시간 동안 해당 내용 반복 변수 하나를 선언하고 해당 변수에 담아서 사용 함수내용 다음에 ms(millisecond) 단위로 단위 시간 설정 let myTime; myTime = setInterval(() => { 함수내용 }, 1000);// 1초(1000ms)마다 실행 clearInterval() 특정 변수에 담긴 Interval 내용을 초기화 clearInterval(myTime); s.. 2023. 10. 22. Day44_계산기, ATM 예제 2023.10.19 계산기 html 0 0 AC = 7 8 9 + 4 5 6 - 1 2 3 * 0 . / css fieldset { background-color:chocolate; text-align:center; border-radius:10px; padding:10px; width: 360px; } div { border-radius:10px; margin:10px } .group1 { background-color: aquamarine; color:blue; font-size: 20px; height:50px; line-height: 50px; } .functions { background-color: chartreuse; border-radius: 10px; font-size:18px; widt.. 2023. 10. 21. Day43_객체 2023.10.18 Day43_세 줄 요약 객체의 선언 방식은 배열의 선언 방식과 유사 객체는 key값과 value값 두 가지로 구성 for(let 변수 in 객체명) 방식으로 객체정보 반복적으로 받아오기 가능 객체 Object key값과 value값으로 구성된 변수type의 한 종류 두 가지 선언 방식이 있음 - let obj = {}; - let obj = new Object(); 기존에 없는 key : value를 추가하거나, 기존에 있던 값에 덮어쓸 수 있음 source code 실행결과 2023. 10. 21. Day42_배열, 배열의 다양한 기능 2023.10.17 Day42 네 줄 요약 push와 unshift를 통해 배열에 값을 추가로 삽입할 수 있다. pop과 shift를 통해 배열에 값을 제거할 수 있다. join = array to string, split = string to array delete는 값만 삭제되고 index는 유지, splice는 해당 index 자체가 삭제됨 배열 값 추가 삭제 push 배열의 마지막 index에 값 추가 pop 배열의 맨 마지막 index 값을 삭제 shift 배열의 첫 번째 index 값을 삭제 unshift 배열의 첫 번째 index에 값 추가 source code [push] result [pop] result [shift] result [unshift] result join / split j.. 2023. 10. 21. Day41_자바스크립트, 자료형, 변수와 함수(addEventListener, jQuery) 2023.10.16 Day41 네 줄 요약 자바스크립트(JS)는 웹 페이지상에서 동적인 처리를 담당한다. 변수의 type에는 var, let, const가 있다. document.getElementById() 메소드를 통해 웹 페이지(body)의 특정 id의 value를 받아올 수 있다. jQuery를 사용해 js 문법을 간소화 할 수 있다. 자바스크립트 JavaScript(JS) 웹 페이지의 동적인 처리를 담당 ", "" ], "description": "기본구조" } } 위와 같은 형식으로 기본구조에 2) addEventListener 사용해서 함수 구현 버튼을 클릭해보세요 결과 버튼 실행결과 jQuery jQuery js 문법을 간소화 시켜주는 환경 설정 - document.getElementByI.. 2023. 10. 21. Day40_상속, 넘침 2023.10.13 Day41 세 줄 요약 부모요소(상위 태그)로 부터 style 속성을 물려받는 것을 '상속'이라 한다. 각 선택자마다 점수가 있어 우선순위에 따라 어떤 속성을 가질지 결정된다. 넘침(overflow) 속성이 scroll이면 scrollbar 생성 상속 inherit(상속) 부모요소로 부터 물려받는 속성 1) font-style : 기울기 2) font-weight : 굵기 3) font-size : 크기 4) line-family : 서체 5) color : 글자색 6) text-align : 정렬 /* inherit.css */ .ecosystem { font-size:30px; text-align: right; } .animal{ font-style: italic; font-siz.. 2023. 10. 16. 이전 1 2 다음