일상 정리하기

10. HTML - 시맨틱 태그 * 시맨틱 태그 - 태그: 머리말 지정하기 사이트 전체의 제목 부분, 본문의 제목 부분, 주로 페이지 맨 위나 왼쪽에 삽입 태그를 사용해 검색 창을 넣거나 태그를 사용해 사이트 메뉴를 넣음 - 태그: Navigation 링크 - 태그: 주제별 콘텐츠 영역 문서에서 주제별로 콘텐츠를 묶을 때 사용 섹션 제목을 나타내는 태그가 함께 사용(h1, h2, h3...) - 태그: 콘텐츠 내용, 독립적으로 배포하거나 재사용하더라도 하나의 콘텐츠로 인식됨 - 태그: 본문 이외의 내용 - 태그: 외부 문서 삽입 속성 설명 width, height 너비, 높이 name 이름 src 프레임에 표시할 문서의 주소 seamless 프레임의 테두리를 없애 본문의 일부처럼 보이게 한다. - 태그:..

7. 배경 스타일 * 색상 표현법 - 16진수 표기법 #ffffff 형식(000000(검은색) ~ ffffff(흰색))으로 6자리의 16진수 표기 앞 2자리 = 빨강, 중간 2자리 = 초록, 끝 2자리 = 파랑 2자리씩 중복될 경우 중복해서 사용할 수 있음(ffaacc -> fac) - hsl/hsla 표기법 color: hsl(240, 100% 50%) 표기 240(색상, hue), 100%(채도, saturation), 50%(밝기, light) 투명도를 조절할 때 마지막에 알파값 추가(알파값은 불투명도를 나타내는 값, 0 ~ 1) - rgb/rbga 표기법 color: rgb(255, 0, 0) 표기 빨강, 초록, 파랑 0은 하나도 섞이지 않음, 255 가득 섞임 투명도를 조절할 때 마지막에 알파값..

5. CSS기초 * 스타일, 스타일 시트 - 스타일: HTML 문서에서 자주 사용하는 글꼴이나 색상, 정렬, 각 요소들의 배치 방법 등을 결정짓는 요소 - 스타일 시트: 스타일을 관리하기 쉽게 집합시켜놓은 것 - 스타일 형식 p { text-align: center; } p: 선택자, { } 와 사이에 정의한 스타일 규칙이 적용될 대상 text-align: 스타일 속성 center: 속성 값, 속성과 속성값이 여럿일 경우 세미콜론으로 구분 - 스타일 주석: /* */ 사이에 주석 내용 입력 - 내부 스타일 시트 웹 문서 안에서 사용할 스타일을 문서 안에 정리한 것 모든 스타일 정보는 태그 안에서 정의 태그 사이에 작성 - 외부 스타일 시트 여러 웹 문서에서 사용할 스타일을 별도 파일로 저장해 놓고 필요할..

4. 폼 * 제작 - 사용자가 웹 사이트로 정보를 보낼 수 있는 요소 - 관련 작업: 정보를 저장하거나 검색, 수정 작업 - 폼에 입력한 정보를 처리하는 것은 ASP나 PHP 같은 서버 프로그래밍을 이용한다. 폼을 제작하는 기본 태그 예시) 여러 폼 요소 폼 요소에 레이블(텍스트)를 붙이는 태그 예시) 폼 요소를 그룹으로 묶는 태그 예시) ... 그룹으로 묶는 구역에 제목을 붙이는 태그 fieldset과 함께 쓴다. 예시) 로그인창 - 사용자가 입력하는 부분 - 입력하는 내용의 종류는 태그의 type 속성을 통해 지정 - id 속성을 이용해 여러 번 사용된 폼 요소를 구분하기 위해 사용한다. 예시) - 태그에서 사용하는 속성 속성 설명 method 사용자가 입력한 내용을 서버 프로그램으로 넘길 방법을 지..

1. CASE 함수 IF-THEN-ELSE 논리와 유사한 방식으로 표현식을 해독한다. * 일반 프로그램 IF SAL > 2000 THEN REVISED_SALARY = SAL ELSE REVIESD_SALARY = 2000 END IF * CASE 문 SELECT JOB, CASE WHEN SAL>2000 THEN SAL ELSE 2000 END as REVISED_SALARY FROM EMP; 2. SUM(DECODE) 모델링의 제1정규화로 인해 반복되는 칼럼의 경우 구분 칼럼을 두고 여러 개의 레코드로 만들어진 집합을 정해진 칼럼 수만큼 확장해서 사용하는 기법 * 부서별로 월별 입사자의 평균 급여 구하기 SELECT DEPTNO, AVG(DECODE(MONTH, 1, SAL)) M01, AVG(DEC..

6. SET OPERATOR * SET 연산자 수행 - UNION의 경우 합치고 중복된 결과 중 중첩된 라인을 단일화하기 위해 UNIQUE 정렬을 실행한다. - UNION ALL의 경우 단일화와 정렬을 수행하지 않아 성능이 좋다. - 모든 SET 연산자의 실행 우선 순위는 동일하다. - SET 연산자에 의해서 조회되는 문자형 결과의 자료형은 두 질의문에서 모두 문자형이 조회된다면 문자형으로 출력되고, 두 질의문 혹은 하나의 질의문에서 가변 문자형이 사용되면 가변 문자형으로 출력된다. * SET 연산자 장단점 - 두 질의문의 결과를 대상으로 수학적인 개념의 집합 연산을 수행할 수 있게 한다. - UNION ALL은 칼럼 개수와 자료형만 동일하면 N개의 질의문을 결합할 수 있는 수단이 된다. - INTERS..

1. 개념 * HTML이란? 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어 * 웹 표준 - 웹 사이트를 제작할 때 지키는 규칙 - 웹 표준을 지켜 제작한다면 장소나 브라우저와 상관없이 웹을 볼 수 있음 * HTML5, CSS3 의의 - 최신 웹 표준에 맞는 웹 사이트 제작 도구 - 앱을 디자인하기 위한 기초 - 인터랙티브(사용자의 동작에 결과물을 보여줄 수 있는)한 사이트 제작 - 사이트와 블로그의 수정을 쉽게 함 * HTML 기본 문서 구조 Main Title Hello World~~~ - 현재 문서가 HTML5 언어로 작성된 웹 문서 - : 처리할 문서의 유형을 알려주는 태그 ~ - 웹 문서의 시작과 끝을 나타내는 태그 - lang 속성: 문서에서 사용할 언어 지정( ex: lang="ko" ..

1. Nested Loop Join - 정의: 2개 이상의 테이블에서 하나의 테이블을 기준으로 순차적으로 상대방 테이블의 Row를 결합하여 원하는 결과를 추출하는 테이블 연결 방식 - 성능: Driving Table의 Row를 어느 정도 줄일 수 있는가에 따라 NL 조인의 성능이 결정된다. - 사용 케이스: 조인된 결과가 두 테이블의 카테시안 곱에 비해 10~15% 이하라면, 인덱스에 의한 조인에서 발생하는 랜덤 액세스의 오버헤드가 전체 테이블을 검색하는 비용보다 적게 되어 조인이 더 효율적으로 된다. - NL 조인에서의 튜닝: 드라이빙 테이블을 선정하는 기준과 드리븐 테이블에 사용된 적절한 인덱스의 선정 cf) Unique 인덱스 -> Index Unique Scan Non-Unique 인덱스 -> I..

* 목적: DB의 객체로써 조회의 속도를 빠르게 하기 위해 사용. 단, 오라클의 경우 인덱스를 생성할 수 있는 수의 제한은 없지만, 너무 많은 인덱스를 제작할 경우 SQL문의 실행 속도가 떨어질 수 있다. * 인덱스는 그 대상인 테이블과느 별도의 형태로 독립적인 저장 공간을 가지고 존재한다. 1. B*TREE INDEX * 구조 https://ko.wikipedia.org/wiki/B_%ED%8A%B8%EB%A6%AC#%EC%82%BD%EC%9E%85 B 트리 - 위키백과, 우리 모두의 백과사전 전산학에서 B-트리(B-tree)는 데이터베이스와 파일 시스템에서 널리 사용되는 트리 자료구조의 일종으로, 이진 트리를 확장해 하나의 노드가 가질 수 있는 자식 노드의 최대 숫자가 2보다 큰 트리 ko.wikip..

※ 튜닝의 전제조건: 최대한 하나의 SQL문으로 처리하고, 동일 데이터를 중복해서 읽지 않는 것 1. 실행계획 * 실행 계획(Execution Plan): 사용자가 작성한 SQL이 요구한 데이터를 추출하기 위해 옵티마이저가 작업의 방법과 순서를 결정하는 것 1) EXPLAIN PLAN SQL문장을 해석하고 실행계획을 수립하여 실행계획 테이블에 저장해주는 명령(PLAN 테이블이 만들어져 있어야 함) (예시) EXPLAIN PLAN INTO PLAN_TABLE FOR SELECT A.ENAME, A.DEPTNO, B.DNAME FROM EMP A, DEPT B WHERE A.DEPTNO = B.DEPTNO; SELECT LPAD(' ', 2*(LEVEL-1))||OPERATION AS OPERATION, N..