일상 정리하기

회사에서 Java, Oracle DB, WAS를 업그레이드하면서 생긴 몇가지 문제점과 알게된 것을 기록하기 위해 작성한다. 1. Java 1.7 -> 1.8 2. Oracle DB 10g -> 19c 3. WAS, 개발 프레임워크(개발 전용 프레임워크) 등 1. ORA-00904: "WM_CONCAT": invalid identifier - Oracle 19c에서는 기존에 사용하는 WM_CONCAT 함수를 지원하지 않는다. 따라서 LISTAGG 함수를 사용해야 한다. ex) WM_CONCAT(칼럼명) -> LISTAGG(칼럼명, ',') WITHIN GROUP 2. ORA-01017: Invalid Username/Password (톰캣으로 서버 구동 후, db연결할 때) 회사에서 사용하는 이클립스에서 ..

12. CSS3 선택자 * 연결 선택자: 선택자와 선택자를 연결해 적용 대상을 한정하는 선택자 - 하위 선택자: 부모 요소에 포함된 모든 하위 요소에 스타일이 적용 (예시) section 요소 안에 있는 모든 p 요소의 글자 색을 파란색으로 지정 section p { color: blue; } - 자식 선택자: 자식 요소에 스타일을 적용하는 선택자, '>'부등호를 표시해 부모와 자식 요소를 구분 (예시) section 요소 안에 포함된 p 요소 중 자식 p 요소에만 파란색으로 지정 section > p { color: blue; } - 인접 형태 선택자: 같은 부모를 가진 형제 요소 중 첫 번째 동생 요소에만 스타일 적용 (예시) h1 요소 다음에 오는 p 요소들 중 첫 번째 p 요소에만 밑줄 적용 h1..

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..