본문 바로가기

반응형

분류 전체보기

(144)
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:%..
2024.08.07. 단일행 함수 - 문자, 숫자 * 함수란? - 인수를 받아들여서 정해진 조작을 한 후 반드시 하나의 결과값을 반환함. - SQL 함수 종류 - 단일행 함수 : 행당 조작해서 하나의 결과값을 반환함.                            - 다중행 함수(=그룹함수) : 행그룹을 조작해서 하나의 결과값을 반환함.  * 문자함수- ascii(문자) : 문자의 아스키코드값을 반환함. - char(숫자) : 숫자(아스키코드값)의 문자를 반환함.select ascii('A'), ascii('a'), char(65), char(97) from dual;-- 단순한 함수결과나 계산을 출력해야하는 경우 접근할 테이블이 없을경우 dbms에서 제공해주는 테이블이 바로 dual이다.-- char함수는 결과에 BLOB라고 뜨는데 오류가 아님.--..

반응형