말 많은 키보드

영역 관련 태그블럭요소 : 한 줄 단위로 영역을 차지함 줄바꿈이 적용되어 이미 존재하는 다음줄에 다음영역이 잡힘                  (p, pre, "div", h ...)인라인요소 : content(내용) 영역에 해당하는 부분만 영역을 차지하는 요소                     줄바꿈이 적용되지 않아 다음영역에 바로 옆으로 다음영역이 잡힘                    (b, mark, s, img, "span", ...) - div태그와 span태그의 차이점1 : 줄바꿈 작용 div태그는 블럭요소로 한줄 단위로 영역을 차지(이미 존재하는 태그 다음줄에 영역이 잡힘)div style="background: red;">첫번째 영역div>    div style="background:..

src속성img src = 삽입하려는 이미지의 경로 [alt = "이미지 설명문구"] width = "가로길이" height = "세로길이" alt속성이미지의 경로가 잘못됐거나 이미지를 제대로 표현해줄 수 없을 때 대체 텍스트로 사용시각장애인들을 위한 스크린리더에서 이미지를 읽어주는 설명문구 img src="https://search.pstatic.net/common/?src=http%3A%2F%2Fblogfiles.naver.net%2FMjAyNDA2MTJfMTE3%2FMDAxNzE4MTY5MjEzODA0.qy3bWl33Hoy2NA6HID69_SRnC3DFXd8wLm4eBbL2zs4g.uuVarKKw1XkWeAQPEVgS5gJqhTq6X8e9PJEsKDVMgP8g.JPEG%2FIMG_7928.jpeg&..

표 : 웹문서에서 자료를 정리할 때 주로 사용 행과 열로 이루어져있고, 행과 열이 만나는 지점을 셀이라고 한다.표를 만들기 위한 태그 : , , , : 기본적인 표를 생성해주는 태그 : 표의 한 행을 나타내는 태그 : 표의 제목 셀을 나타내는 태그 -> 글자 굵게, 가운데 정렬 : 표의 일반 셀을 나타내는 태그border : 표의 테두리 두께                                                                                                                                                                  (기본적인 틀) h1>기본적인 표 만들기h1>    table border="..

ul : 순서없는 목록태그li: ul의 자식요소, ul의 각 항목 나열에 사용 123456 ul>            li>HTML/li>            li>CSS/li>            li>javascript/li>            li>jQUery/li>        /ul> cs  ol : 순서가 있는목록태그li: ol의 자식요소, ol의 각 항목 나열에 사용 123456        ol>            li>HTML/li>            li>CSS/li>            li>javascript/li>            li>jQUery/li>        /ol>cs type속성을 통해서 순서표현방식을 변경할 수 있다.(A, a, i ...)start속성을 이..

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778!DOCTYPE html> html lang="ko">    head>        meta charset="UTF-8">        meta name="generator" content="VScode">         meta name="author" content="one">         meta name="description" content="html학습용 문서">         title>글자태그관련/title>    /head>  ..

하나의 SQL문 안에 포함된 또 다른 SELECT문메인 SQL문을 위에 보조 역할 하는 쿼리 예시1)노옹철 사원과 같은 부서에 속한 사원들을 조회 1234SELECT EMP_NAMEFROM EMPLOYEEWHERE DEPT_CODE = 'D9'; cs 노옹철 사원은 어떤 부서일까? 123SELECT DEPT_CODEFROM EMPLOYEEWHERE EMP_NAME = '노옹철';cs 위에 두 쿼리를 하나의 쿼리로 변경하자12345SELECT EMP_NAMEFROM EMPLOYEEWHERE DEPT_CODE = (SELECT DEPT_CODE                    FROM EMPLOYEE                    WHERE EMP_NAME = '노옹철');cs 서브쿼리의 구분서브쿼리를..

두개 이상의 테이블에서 데이터를 조회하고자 할 때 사용되는 구문조회 결과는 하나의 결과(RESULT SET)를 반환한다. 관계형 데이터베이스에선는 최소한의 데이터를 각각의 테이블에 담고 있음(무작정 다 조회해 오는게 아니라 각 테이블 간 연결고리(외래키)를 통해 데이터를 매칭시켜 조회해야한다.) JOIN은 크게 "오라클 전용구문" "ANSI 구문"으로 나뉜다.         [용어정리]오라클 전용 구문ANSI 구문등가조인(EQUAL JOIN)내부조인(INNER JOIN => JOIN USING/ON)포괄조인LEFT, RIGHT외부조인LEFT, RIGHT, FULL자체조인비증가 조인JOIN ON 1. 등가조인(EQUAL JOIN / 내부조인(INNER JOIN)    연결시키는 컬럼의 값이 일치하는 행들만..

그룹기준을 제시할 수 있는 구문(해당 그룹기준별로 여러 그룹을 묶을 수 있음)여러개의 값들을 하나의 그룹으로 묶어서 처리하는 목적으로 사용 EX)각 부서별로 급여 총합각 부서들이 전부 그룹1234SELECT DEPT_CODE, SUM(SALARY)FROM EMPLOYEEGROUP BY DEPT_CODE; cs그룹에 대한 조건을 제시할 때 사용되는 구문(주로 그룹함수식을 가지고 조건을 만든다) EX)각 부서별 평균급여가 300만원 이상인 부서들만 조회(부서코드 평균급여) 12345SELECT DEPT_CODE, ROUND(AVG(SALARY))FROM EMPLOYEEGROUP BY DEPT_CODEHAVING AVG(SALARY) >= 3000000; Colored by Color Scriptercs   ..

ABS숫자의 절대값을 구해주는 함수 1SELECT ABS(-10), ABS(-6.3) FROM DUAL;cs MOD두 수를 나눈 나머지값을 반환 1SELECT MOD(10,3) FROM DUAL;cs ROUND반올림한 결과를 반환ROUND(NUMBER, [위치]) 1SELECT ROUND(123.456) FROM DUAL;cs CEIL올림처리를 위한 함수CEIL(NUMBER)1SELECT CEIL(123.456) FROM DUAL;cs FLOOR, TRUNC버림처리함수TRUNC(NUMBER, [위치]) 1SELECT TRUNC(123.952) FROM DUAL;csSYSDATE : 시스템의 현재 날짜 및 시간을 반환 1SELECT SYSDATE FROM DUAL;csMONTH_BETWEEN : 두 날짜 ..

SELECT로 가장 마지막 줄에 작성, 실행순서 또한 가장 마지막에 실행한다. [표현법]SELECT 조회할 컬럼FROM 조회할 테이블WHERE 조건식ORDER BY정렬기준될 컬럼 | 별칭 | 컬럼순번 [ ASC | DESC ] [ NULLS FIRST | NULLS LAST ] ASC : 오름차순(작은 값으로 시작해서 값이 점점 커지는 것) -> 기본값 DESC : 내림차순(큰값으로 시작해서 값이 점점 줄어드는 것)      NULL은 기본적으로 가장 큰 값으로 분류해서 정렬한다. NULLS FIRST : 정렬하고자 하는 컬럼값에 NULL이 있을 경우 해당데이터 맨 앞에 배치(DESC일 때 기본값) NULLS LAST : 정렬하고자 하는 컬럼값에 NULL이 있을 경우 해당데이터 맨 마지막에 배치(ASC일..