본문 바로가기
반응형

전체 글

 (153)
2024.08.14. JS - event [ 대표적인 이벤트 종류 ]1) click : 마우스 클릭, dblclick : 마우스 더블클릭 2) mouseover : 마우스가 대상 위에 위치(= mouseenter 유사)     mouseout : 마우스가 대상에서 빠져나감(= mouseleave 유사) 3) focus : 대상이 선택됨(= 포커스가 위치함), blur : 대상 선택이 해제됨(= 포커스 잃음) 4) change : 대상 선택이 해제될 때(포커스 잃음) 대상 요소의 값(value 속성값)이 변경됨 5) load : 대상 요소가 로딩 완료됨, onload : 대상 요소 로딩 해제됨 6) keydown : 키보드의 키 누름, keyup : 키보드의 키 뗌, keypress : 키보드의 키 누름 7) submit : 폼 데이터 전송(su..
2024.08.14. JS - document 객체 : querySelector(), innerText, innerHTML * querySelector() - 요소가 1개인 대상에 접근(주로 id 선택자) ,   단, 요소가 복수개인 대상(class 또는 태그 선택자)도 접근 가능하나 1개의 요소(첫번째 요소)만 리턴됨* querySelectorAll()- 요소가 복수개인 대상에 접근(주로 class 또는 태그 선택자),  복수개의 요소가 NodeList 타입으로 리턴됨(배열처럼 사용)- 두 메서드에 전달하는 파라미터(선택자)에 따라 전달하는 전달인자 형태가 달라짐  1) id 선택자 : 선택자명 앞에 # 기호 붙임(ex. querySelector("#name"))  2) class 선택자 : 선택자명 앞에 . 기호 붙임(ex. querySelectorAll(".names"))  3) 태그 선택자 : 선택자명을 태그명으로 그..
2024.08.13. JS - history, location, document 객체 - getElementByXX * history 객체- 프로퍼티 : length - 현재 ㅡ라우저창의 history 목록에 있는 항목의 개수, 즉 방문한 사이트 개수저장.  ex. console.log(history.length);- 메서드 : back() - 이전페이지                forward() - 다음페이지                go() - 현재 페이지를 기준으로 상대적인 위치에 있는 페이지를 현재 화면으로 불러옴.                          ex. history.go(1) - 다음페이지                                history.go(-1) - 이전페이지 * location 객체- 현재 문서의 URL 주소 정보가 들어있음.- 프로퍼티 : href() - 전체 U..
2024.08.14. HTML - form 태그 * 폼 안에서 여러 구역 나누기 - : 하나의 폼안에서 여러구역을 나누어 표시할 때 사용.- : 태그로 묶은 그룹에 제목을 붙일 때 사용.- : 태그와 같은 폼 요소에 레이블을 붙일때 사용. 레이블은 입력란 가까이에 표시하는 텍스트. label 태그를 사용하면 폼 요소와 레이블 텍스트가 서로 연결되었다는 것을 웹브라우저가 알 수 있다.  사용방법1. 태그안에 폼요소를 넣어서 사용. 2. 떨어져 사용할때는 id속성값을 label 태그의 for 속성에게 알려줌. 아이디 글자를 클릭해도 input 태그 안으로 커서가 자동이동한다.   로그인 아이디(6자이상) : 아이디(6자이상) :  * 입력양식(컨트롤) 작성 : input 태그- size : 상자 너..
2024.08.12. 메서드 * 메서드(method)- 객체의 동작을 나타내는 최소 단위 - 메서드를 정의한 후에는 반드시 호출되어야만 사용가능. - main() 메서드도 메서드의 일종  => JVM에 의해 자동으로 호출되는 메서드 = 프로그램의 시작점. - 메서드를 호출할 때 전달하는 값을 전달인자(Argument)라고 하며   이 값을 메서드에서 전달 받기 위해 선언하는 변수를 매개변수(Parameter)라고 함.    => 이때, 메서드 호출 시 전달하는 값이 없을 수도 있다.    => 메서드를 호출할 때 반드시 선언부의 매개변수 타입과 갯수에 맞게 데이터를 전달하여 호출해야 한다. - 메서드 수행이 끝날 때 호출한 곳으로 전달할 값을 리턴값이라고 하며   리턴값에 해당하는 데이터 타입을 리턴 타입 부분에 명시해야 함.   ..
2024.08.13. 서브쿼리(subquery) - 단일행 서브쿼리, 다중행 서브쿼리 * 서브쿼리란?- 쿼리구문 안에 또다시 쿼리구문 이들어가 있는 형태. 모르는 값을 기준으로 쿼리구문을 작성해야 하는 경우 사용됨. - group by 절을 제외한 쿼리구문 전체에 사용 가능함. - 서브쿼리 유형 : 단일행 서브쿼리, 다중행 서브쿼리  [ 문법 ]select 컬럼1, 컬럼2, 컬럼3...from 테이블명[where 좌변 = ( select 컬럼. from 테이블명 [where 조건문] ) ] [group by 컬럼명] [having 조건문] [order by 컬럼명];-- Q. employees 테이블에서 Abel보다 급여를 더 많이 받는 사원은??select salary from employees where last_name = 'abel'; -- 아벨의 월급select e..
2024.08.13. 그룹함수, group by, having 절 * 그룹함수와 그룹화 *(1) 그룹함수 - 그룹함수란(=다중행함수)?  행그룹을 조작해서 하나의 결과값을 반환함. - 그룹함수 종류 : sum, avg, min, max, count  - 그룹함수 특징 : null값은 제외하고 작업함. - min(행그룹) : 행그룹에서 최소값을 반환함. 모든 데이터타입에 사용 가능함. - max(행그룹) : 행그룹에서 최대값을 반환함. 모든 데이터타입에 사용 가능함.-- 숫자select min(salary) as "최소 급여", max(salary) as "최대 급여" from employees;-- 날짜select min(HIRE_DATE) as "가장 오래된 입사일", max(HIRE_DATE) "가장 최근 입사일" from employees;-- 문자select m..
2024.08.12. 단일행함수 - 2. - 변환함수, 제어흐름함수, 시스템정보함수. select last_name, ifnull(commission_pct, 'No Commission')-- (==)select last_name, if(commission_pct is null, 'No Commission', commission_pct)-- (==)select last_name, if(commission_pct is not null, commission_pct, 'No Commission')from employees; (1) 변환함수 - date_format(날짜, 형식) : 날짜를 형식에 맞게 출력함. select now(), date_format(now(), '%Y/%M/%d') as Now;select now(), date_format(now(), '%y_%M_%d %W %H:%..
반응형

티스토리툴바