본문 바로가기

전체 글

(252)
[jquery] 기본 명령어 예제 몇 가지 ② 안에 들어 있는 텍스트1 안에 들어 있는 텍스트2 안에 들어 있는 텍스트3 안에 들어 있는 텍스트4 $('#div3').text('인천시청'); 텍스트로 인식 $('#div4').html('인천시청'); 태그 명령이 실행 ↓ 비우자 empty(), html(' '), text(' ') 박스 안의 글씨를 비우는 명령입니다. $('#div1').empty(); $('#div1').html(''); $('#div1').text(''); html과 text의 경우 (' '); 를 해주어야 하는 이유는 작은 따옴표(') 안에 들어있는 띄어쓰기 부분이 빈공간을 대체하기 때문입니다. hide와 다른 점은? $('#div1').hide(); hide()의 경우에는 네모선까지 모든 게 숨겨지는 기능 입니다. $(func..
[jquery] 명령어 기본규칙과 예시들① fox cat fish dog bird $(function(){ $(".cat").css("background","pink"); $("#dog").css("background","yellowgreen"); }); html+css과 비슷한 점이 이런 점이다. 아이디 선택자 : id로 설정한 것은 #로 받아준다. 클래스 선택자 : class로 설정한 것은 온점(.)으로 받아준다. 가운데의 온점(.)을 기준으로 왼쪽 $달러 부분은 가져올 부분이고, 오른쪽 css로 시작하는 부분은 속성값을 주는 부분이다. class. cat을 갖고 와서 배경색 핑크를 해주고, id dog를 갖고 와서 배경색 옐로우그린을 해줘라. 라는 뜻이라고 보면 된다. 한국 미국 영국 중국 $(function(){ $("body").css(..
[jquery] 다운로드 주의 사항 + 기본 사용법 www.jquery.com 들어가서 다운로드 해주는데 일반 다운로드 하듯이 하면 안 됨 최상단에 있는 파일로 다운을 받아야 하는데 일반적인 상황에서는 클릭을 하지만.. 클릭을 하면 안 된다. 마우스 오른쪽 클릭 후 다른 이름으로 링크 저장 head 사이에 파일명만 붙여주고, 뒤에 js만 붙이면 된다. 같은 폴더에 있으면 "jquery-3.6.0.min.js"만 해줘도 되는데 전 폴더에 있어서 ../ 트리구조를 이용했음 이 div를 지우고 싶다 제이쿼리를 사용하기 위한 기본형 (문법) ① $(document).ready(function(){ }); ② $(function(){ }); body 영역에 모든 문서 객체들을 로딩한 후에 실행문을 실행하는 방법입니다. 둘 중에 하나만 해주면 되는데 빠지면 실행을 ..
[js] canvas에 그림 그리기(선, 사각형, 삼각형, 글씨 등) ~javaScript 기능들 맛보기~ obj.moveTo(50,150); 50,150 시작위치 obj.quadraticCurveTo(150, 50, 200, 250); 150, 50의 위치에서 끌어당김 200, 250 끝위치 20, 100 시작점 200, 100 내려가는 원부분 200, 20 끝점 직사각형 obj.fillRect(0, 0, 150, 75); 0, 0 왼쪽 위 모서리 150, 75 오른쪽 아래 모서리 obj.fill(); //칠해 obj.stroke(); //선 둘이 바꿔주면 이런 모양이 된다 둘 다 한 번에 사용하면 선과 색 함께 칠할 수 있음 obj.fillText("안녕하세요", 50, 100); 50, 100 글씨 시작점의 좌표
[js] 새 창 열기 & 연 창을 닫기 & 새 창에서 인쇄 (window 객체 사용) window.print() 현재 창의 내용을 다른 창에서 프린트하기 window.open("url"); 새로운 윈도우창 열기 if(window != null) 널값이 아니라면(창이 없는 게 아니라면) windo.close(); 창닫기
[js] 타이머 setTimeout setTimeout("출력글자", 시간); 여기서 잠깐! ··· 5초인데 왜 값이 5000일까? 1초 = 1000(msc) 1분(60초) = 1000 * 6 1시간(60분) = 1000 * 6 * 6 1일(60분*24) = 1000 * 6 * 6 * 24 밀리초로 계산해야한다.
[html] body에서 style 불러와서 사용하기 여백 지정하기 텍스트나 이미지의 여백을 원하는 만큼 지정할 수 있습니다. css로 상 하 좌 우 여백을 자유롭게 지정하여 보기 좋은 문장을 만들 수 있습니다. body에서 스크립트 부분을 작성해도 되는 것처럼 style 태그를 불러와서 사용할수도 있다.
[js] 현재 날짜와 시간을 찍는 메소드 var today = new Date(); //가지고 있는 정보를 이항해줌 .getFullYear() 연도 .getMonth()+1 월 .getDate() 일 .getHours() 시 .getMinutes() 분 .getSeconds() 초 해당 컴퓨터에 찍힌 날짜와 시간을 읽어서 출력하는 거라서 날짜와 시간은 실제와 다를 수 있다.