본문 바로가기

프로그래밍/Html CSS JavaScript13

2021년 10월 2일 - 이미지 움직이기 복습 ★ 이미지 움직이기 ☆ setTimeOut & setInterval & clearInterval ◎ 함수에 따옴표 붙일것!!! - 안그러면 밀리 세컨드를 인식하지 못함 /* 프로그램 실행시 바로 발동되는 함수 */ window.onload=function (){ /* 2초뒤에 색변환 로직 */ /* 함수에 따옴표 붙일것!!! - 안그러면 밀리 세컨드를 인식하지 못함*/ setTimeout("colorChange()",2000); /* 0.5초마다 자동이동 */ setInterval(autoMove(),500); } 2021. 10. 2.
2021년 9월 29일 - 점점 차오르는 progress bar & 달력 만들기 & Canvas & Canvas로 그림판 만들기 & Jquery 기초 보호되어 있는 글 입니다. 2021. 9. 29.
2021년 9월 28일 - marquee setTimeout & setInterval & 아스키코드 확인 보호되어 있는 글 입니다. 2021. 9. 28.
2021년 9월 27일 - 클릭시 이미지 변경 & getElementById & 이미지 점점 커지게 + 작아지게 + 이미지 배열출력 & 폰트점점 커지게 + 작아지게 + 굵기 조절 보호되어 있는 글 입니다. 2021. 9. 27.
2021년 9월 26일 - 데이터 폼 전송 복습 ★ 데이터 폼 전송 복습 ◎ HTML과 달리 CSS에는 반드시 단위를 붙인다 https://sas-study.tistory.com/159 [CSS] 수치표현 (pt,px,em,%,rem,ex,mm,cm,pc, in) HTML 수치 표현 1. 숫자 : px , 문자수 2. 숫자% : 부모를 기준으로 하는 상대값. CSS 수치 표현 - 반드시 수치 뒤에는 단위를 표시해야 한다. 1. pt : 포인트(글꼴 단위) 1/72 단위 2. px : 픽셀(화소) 크기,글 sas-study.tistory.com ◎ window.open 가운데는 name 마지막은 ''하나로 width와 height를 묶어서 설정한다 window.open('2021_09_26_dataSend.html','name', 'width=300, .. 2021. 9. 26.
2021년 9월 25일 - 1~100 난수 맞추기 게임 복습 ★ 1~100 난수 맞추기 게임 수업 중에 1~99까지 있던 내용을 100까지 더해 다시 만들어보았다 이상한 값을 입력하면 경고메시지를 출력하는 범위를 넓혔다(0이하, 100초과, 숫자외의 값 입력시) 그 외에도 onkeypress 등 수업시간에 다루지 않았던 기능들을 이용해, 수업 시간에 구현한 기능은 유지하면서 대체해보았다 ◎ onkeydown 뿐만이 아니라 onkeypress 로도 Enter 키 이벤트가 잘 작동한다 https://blog.naver.com/welovebb/110103476750 onKeyPress와 엔터키이벤트사용 [ onKeyPress ] 키보드에서 키를 눌렀을때 발생하는 이벤트 핸들러 onKeyDown과는 달리 키보드를 누르... blog.naver.com ◎ padding &.. 2021. 9. 25.
2021년 9월 24일 - 배열 push & pop & shift & Prompt + 배열 & 배열로 랜덤수 배정 - 이미지 출력 & InnerHTML로 출력 & onchange & setTimeOut & setInterval & clearInterval & onkeydown : Enter 이벤트 보호되어 있는 글 입니다. 2021. 9. 24.
2021년 9월 23일 - List Inner & document.body.innterHTML & window.onload=function(){} & 함수 호출하는 버튼 이벤트 & Set Time Out & Select Change 3가지 방법 & 이미지 변경 & 배열 for문 (feat. 난수) 보호되어 있는 글 입니다. 2021. 9. 23.
2021년 9월 17일 - 고정 그리드 레이아웃 & 유동형 그리드 레이아웃 & JavaScript & Media Query & var & 암시적, 명시적 형변환 & prompt & function 보호되어 있는 글 입니다. 2021. 9. 17.