본문 바로가기

분류 전체보기336

이벤트 용어 정리 (2) - 포커스 / 그림 / 폼 / 윈도우 이벤트는 키보드, 마우스를 누르는 등의 사용자의 행동 신호를 말함 구분 이벤트 내용 포커스 focus 입력 양식의 필드로 포커스(깜빡이는 커서)가 들어왔을 때 발생 blur 입력 양식에서 포커스가 다른 곳으로 이동 했을 때 발생 그림 abort 이미지를 읽다가 사용자가 중단 시켰을 때 발생(다운로드 중단) error 문서나 이미지를 읽다가 에러가 발생 했을 때 발생 폼 reset 입력 양식에서 리셋할 경우 발생 select 입력 양식의 한 필드를 선택할 때 발생 submit 입력 양식을 서버로 전송할 때 발생 윈도우 ready 윈도우 준비 완료 load 윈도우를 불러 들일 때 사용하고 모든 엘리먼트가 로딩 마쳤을 때 발생 unload 윈도우를 닫을 때 발생 scroll 윈도우를 스크롤 할 때 사용 res.. 2022. 1. 17.
이벤트 용어 정리 (1) - 키보드 / 마우스 이벤트는 키보드, 마우스를 누르는 등의 사용자의 행동 신호를 말함 구분 이벤트 내용 키보드 keydown 키를 입력했을 때 발생 keypress 키를 눌렀을 때 발생 keyup 키를 눌렀다가 놓았을 때 발생 마우스 mousedown 마우스 버튼을 누를 때 발생 mouseup 마우스 버튼을 놓았을 때 발생 click 마우스를 클릭할 때 발생 dblclick 마우스를 더블클릭할 때 발생 mouseenter 마우스가 요소의 경계 외부에서 내부로 이동할 때 발생 mouseleave 마우스가 요소의 경계 내부에서 외부로 이동할 때 발생 mouseover 마우스가 요소 안으로 들어올 때 발생 mouseout 마우스가 요소를 벗어날 때 발생 mousemove 마우스를 움직일 때 발생 dragdrop 마우스를 클릭한 .. 2022. 1. 17.
[HTML] 태그 정리(6) - <blink> / <cite> / <em> / <kbd> / <sub> / <sup> / <strong> 태그 설명/예시 화면 출력 blink태그는 깜빡이는 태그였으나 지원 종료된 태그 cite 태그는 인용이나 참조할 때 쓰이는 태그로 기울어진 이태릭체로 보임 i 태그가 이태릭체 태그라면 em 태그는 이태릭체와 강조 의미를 갖고 있다. 출력 화면엔 차이가 없다. kbd 태그는 키보드 입력을 한걸 code 코드처럼 고정폭 글꼴로 나타냄 sub 태그는 아래 첨자 태그로 글자 아래에 놓이는 작은 글자를 말한다. 수학/화학식 등에 사용됨 H2O sup 태그는 위 첨자 태그로 글자 위에 놓이는 작은 글자이고 각주 등에 사용됨 확고의 뜻은 무엇일까?1) strong 태그는 글자를 굵게 표시해 준다 ▼ (전 게시물) 태그 정리(5) - 아래 링크 이동 [HTML] 태그 정리(5) - / / / / / / / / 태그 설.. 2022. 1. 13.
[HTML] 태그 정리(5) - <pre> / <address> / <b> / <i> / <small> / <big> / <center> / <tt> / <u> 태그 설명/예시 화면 출력 pre 태그는 스페이스, 공백을 인식하는 태그로 이렇게 줄 바꾸기를 하더라도 화면 그대로 웹 페이지에 출력함 address 태그는 메일 주소, 연락처 등 기록하는 태그 TEL. 02.1234.5678 / 경기 성남시 분당구 판교역로 © Kakao Corp. b 태그는 지정된 내용을 굵게 함 i태그는 기울어진 이태릭체 태그 small 태그는 기본 글자 크기보다 한 단계 더 작은 글자로 출력하는 태그(지원 중) big 태그는 기본 글자 크기보다 한 단계 더 큰 글자로 출력하는 태그인데 현재 HTML 표준에서 제외됨 center 태그는 본문의 중앙에 배치하는 태그 HTML 표준에서 제외됨 tt 태그는 타자기가 친 것처럼 보여주는 태그 HTML 표준에서 제외됨 u태그는 밑 줄 태그 H.. 2022. 1. 12.
[HTML] 태그 정리(4) - 시맨틱 요소 (<p> / <div> / <hgroup> / <header> / <nav> / <section> / <article> / <aside> / <footer>) 시맨틱 요소 종류 (단락 구분 태그) 설명 화면 출력 앞/뒤로 빈 줄 1개가 생김 (연달아서 쓸 경우 빈 줄 2개 아닌 1개만 표시) HTML5 전에 사용하던 단락 구분 태그 현재에도 많이 사용하고 있음 HTML5 표준에서 제외된 항목으로 사용하지 않음 (header 요소에 포함 여러 개의 제목을 그룹화시킨 영역) (문서의 제목 영역) 확고의 블로그 (주 메뉴 영역) Java, HTML, JavaScript... (본문 영역 - 포괄적) 용어 정리 (본문 영역 - 개별적/세부사항) Java란? (본문 영역 - 개별적/세부사항) HTML이란? (본문 영역 - 개별적/세부사항) JavaScript란? (머리글/본문/하단과 상관없이 별도 분리 영역) 배너광고나 사이드바 위치 (문서 하단 영역) 저작권, 연락처.. 2022. 1. 11.
[JavaScript] Math.random 메서드 (Java와 비교 설명) 0보다 크거나 같고 1보다 작은 임의의(= 난수 : 무작위로 추출된 수) 실숫값을 반환함 실행 결과 설명 var hg = Math.random( ); document.write(hg); 0.81544166668456 0보다 크거나 같고 1보다 작은 임의의 실숫값 출력 (실행할 때 마다 결과값이 랜덤) var hg = Math.floor(Math.random( )*16 +15 ) ; document.write(hg); 30 ① Math.random( )*16 + 15 → 실숫값 반환 ② Math.floor( ) : 소수점 버림 메서드 ( )안에 ①을 넣어줘서 → 정숫값 반환 15부터 30까지의 임의의 정숫값 출력 (실행할 때마다 결괏값이 랜덤) var hg = parseInt(Math.random( )*1.. 2022. 1. 10.
[Java] Math.random 메서드 0보다 크거나 같고 1보다 작은 임의의(= 난수 : 무작위로 추출된 수) double 값(=실수)을 반환함 실행 결과 설명 double hg = Math.random( ); System.out.println(hg); 0.8943960393779845 0보다 크거나 같고 1보다 작은 임의의 double 값 출력 (실행할 때 마다 결과값이 랜덤) double hg = (Math.random( )*100) + 1; System.out.println(hg); 35.219977657426384 1부터 100까지의 임의의 double 값(실수) 출력 (실행할 때 마다 결과값이 랜덤) int hg = (int)Math.random( )*100 + 1; System.out.println(hg); 99 1부터 100까지.. 2022. 1. 10.
Tomcat v9.0 서버 실행 오류/포트 번호 변경 방법 문구 해석 해결 방법 several ports(9999,8888) required by Tomcat v9.0 Server at localhost are already in use. The server may already be running in another process, or a system process may be using the port. To start this server you will need to stop the other process or change the port number(s). Tomcat v9.0에 필요한 여러 포트(9999,8888) localhost의 서버가 이미 사용 중입니다. 서버가 이미 다른 프로세스에서 실행 중일 수 있습니다. 또는 시스템 프로세스가 포트를 .. 2022. 1. 10.
[HTML] 태그 정리(3) - HR태그 (속성 size / width / align / noshade / color 구분 설명 사용 예시 태그 정의 ※ 가로 수평선으로 내용을 분리시킬 때 사용 - 종료 태그 없는 홀 태그 형식(종료 태그를 사용해도 문제없음) - 구역을 나타내는 블록 레벨 요소 → 가로 수평선 두께 2, 길이 100, 오른쪽 정렬, 음영 효과 없이 분홍색으로 만들어라 ※ 속성에 값을 넣을 때 큰따옴표 또는 작은따옴표 사용/생략할 수 있음 size 속성 ※ 선의 두께 지정 width 속성 ※ 선의 가로 수평 길이 지정 align 속성 ※ 수평선의 정렬 방식 지정 - 정렬 종류 : center(중앙) / left(왼쪽) / right(오른쪽) - 기본 정렬 방식 : center(중앙) noshade 속성 ※ 음영 효과 제거 (size를 늘릴수록 음영효과가 보이는데 이러한 음영 효과를 제거) color 속성.. 2022. 1. 8.
728x90
반응형

티스토리툴바