본문 바로가기

개발일지

(233)
[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() 초 해당 컴퓨터에 찍힌 날짜와 시간을 읽어서 출력하는 거라서 날짜와 시간은 실제와 다를 수 있다.
[js] frame 화면나누기 복습 및 홈페이지 연결 첫화면이 이렇다 왼쪽은 셀렉트메뉴 오른쪽은 다른 프레임 영역으로 왼쪽에서 선택을 하면 오른쪽에 다른 파일이나 홈페이지가 뜬다. 나의 소개를 누르면 이런 창이 뜬다. 인천시청이나 서울시청을 누르면 오른쪽 프레임에 뜨는 걸 볼 수 있다. 필요한 파일은 총 4개이다. 메뉴를 선택하세요 안녕하세요 ㅇㅇㅇ입니다. 메뉴를 선택하세요 나의 소개 인천시청 서울시청 1. select문으로 먼저 선택메뉴를 만들어준다. id 대신 name을 쓸 수 있고 onclick과 onChange은 비슷한 메소드다 this.form 이건 위쪽 함수에서 사용하게 될 변수명 셀렉트 옵션에서는 하이퍼링크 대신에 value안에 주소를 넣어 줄 수 있다. 2. 함수를 만들어준다. 클릭했을 때 다음에 나오는 index 화면에서 나올 수 있도록 f..
[js] 현재창과 바로 전 창 닫기(self.close/opener.close) 하이퍼텍스트를 클릭하면 오른쪽의 새 창이 뜬다. 현재 윈도우 닫기를 누르면 오른쪽의 새 창이 없어지고, 바로 전 윈도우 닫기를 누르면 왼쪽 창이 닫힌다. 공지사항 창 열기 창열고 닫기 1. 페이지를 간단하게 만들어준다. 태그를 이용해 하이퍼링크를 만들어주었다. 주소는 자바스크립트의 openWin 함수를 가르키고 있다. 2.새창을 만든다. 함수 선언을 하고 window.open 객체와 메소드를 사용하면 끝이다. 가로의 첫번째 큰 따옴표(")는 url주소 넣는 자리, 두번째는 창의 이름, 세번째는 창의 효과들을 써주면 된다. css와 비슷한 구간이다. 새로 생성된 윈도우 단기 window.open에 걸어준 파일로 가보면.. self.close() 현재 창을 닫는다. opener.close() 바로 전 창을 ..
[js] window.open() 공지사항 창 만들기 홈페이지에 들어갔을 때 왼쪽 그림의 하이퍼링크를 누르면 오른쪽에 있는 공지사항 창을 뜰 수 있도록 만든다. 공지사항 입니다 이번 코로나로 인하여 원격 수업을 할 수 밖에 없습니다. 다소 어려울 줄 알고 있습니다. 우리 함께 힘 냅시다. 오른쪽 그림에 있는 창부터 html로 만들어준다. 공지사항 창 열기 공지사항 열기 1. 태그를 이용해 하이퍼링크 창을 만들어준다. 누르면 "Javascript:openWin()"로 이동 --> Javascript라는 LANGUAGE 안에 있는 openWin 함수 2. 새로운 창을 열기 위해서 변수를 선언한다. 기본형은 window.open("url경로", "창이름", "옵션설정"); window는 객체, open은 메소드 주의 해야 할 점은 옵션설정 쌍 따옴표 부분 안에 ..