바탕화면 바로가기 체크 실행 *visual studio 원 목적 : 메모장 자바스크립트-visual studio file-new file-’test.html’ 바탕화면에 생성 *확대/축소 :ctrl+’+/-’ open folder-바탕화면 폴더선택 yes선택 test.html 파일 선택 shift+!+enter : 기본틀 자동생성 ctrl+, : 설정파일 - 폰트크기 설정 plug-in 설정 live server install prettier-code formatter install 한국어 (선택사항) HTML CSS Support install Auto Rename Tag install Auto Close Tag install HTML Enter++ intstall - 띄어쓰기 !개발준비끝 [eclip..
분류 전체보기
text-align:글자 수평 정렬 text-decoration: 글자의 줄들 text-indent: ; (영문)대소문자 변환 text-overflow: ; 글자 들여쓰기 text-shadow: ; 글자의 그림자 text-transform: ; 영역밖의 글자 처리법 text-로 시작하는 글자 속성들 text-align: ; 글자 수평 정렬 text-decoration : ; 글자의 줄들 text-transform : ; (영문)대소문자 변환 text-indent : ; 글자 들여쓰기 text-shadow : ; 글자의 그림자 text-overflow : ; 영역밖의 글자 처리법 1. text-align : ; 글자 수평 정렬 text-align : left; 글자 수평 정렬 text-align : cen..
font-size:n; 글자 크기 지정 font-weight: ; 글자 두께 지정 font-style: ; 글자 기울기 지정 font-family: ; 글자 폰트 지정 font-size:n; 글자 크기 지정 px : 글자크기 em : 배수(상위요소의 크기에 영향을 받음) rem : 배수 (상위요소의 크기에 영향을 받지않음)(r=root) em은 배수이기 때문에 자신을 둘러싼 상위 속성을 기준으로 그 배수의 크기로 바뀜 (상대적인 크기) rem은 상위요소의 크기에 영향을 받지않음 1.font-size:n; 글자 크기 지정 [px로 크기지정] font-size:16px; 글자 크기 font-size:12px; 글자 크기 font-size:20px; 글자 크기 [em으로 크기지정] em : 배수 단위 (상위요..
pre 태그를 사용하지 않고 공백 살리기 html 파일과 css 파일 연결 [basic.html] title 밑에 선택자 { 속성:속성값; } [basic.css] .pre {white-space: pre; } // pre 태그 사용하지 않고 공백 살리기 .fs15 {font-size: 1.5em;} // 글자 크기 1.5배 .bld {font-weight: bold;} // 볼드체 span 태그 span 태그는 줄이 바뀌지 않고 문자 일부를 선택할 수 있음 선택자 { 속성:속성값; } .red {color: #f00;} 특정 글자를 선택할 시 문구가 나오게하기 선택자 { 속성:속성값; } span 태그는 줄이 바뀌지 않고 문자 일부를 선택할 수 있음 #hid { background-color : #8f..
header 머리말 상단영역 주로 로고나 로그인, 검색 등이 위치 article 독립적, 완성형의 컨텐트 영역.(블로그나 기사 등) section 주제 등으로 나눠지는 컨텐트 영역. (절, 장) aside 페이지의 주된 내용과 별개의 컨텐트 영역. 주로 배너나 퀵링크 등이 위치 footer 하단영역. 주로 카피라이트나 개인정보방침, 주소나 연락처 등이 위치 layout-tag.html 단축키 ctrl+spqce = 자동완성 ctrl+f11 = 미리보기 ctrl+f5 = 새로고침 layout tag header - 머리말. 상단영역. 주로 로고나 로그인, 검색 등이 위치 article - 독립적, 완성형의 컨텐트 영역.(블로그나 기사 등) section - 주제 등으로 나눠지는 컨텐트 영역. (절, 장) ..
css 파일 만들기 general > web browser 2. web > css files > 3. Create a Dynamic Web project webapp : 최상위 폴더 서버 ctrl f11
INLINE VIEW란? 가상의 테이블 오브젝트인 VIEW를 서브쿼리로 구현하는 활용방법이다. VIEW와 마찬가지로 테이블을 연산하여 만들어 활용하는 형태이고 서브쿼리의 출력 결과가 가상의 데이터로 구성된다. 데이터 값들은 모두 기반이 되는 테이블의 데이터를 가공하여 사용한다. 함수나 표현식과 같은 연산을 사용하는 경우, 컬럼명으로 사용할 수 없기 때문에 이 경우 COLUMN ALIAS를 활용하여 컬럼명을 바꾸어 출력하도록 작성한다. 또한 JOIN과 같이 테이블을 대체하는 경우 인라인 뷰에서는 테이블 명이 없기 때문에 TABLE ALIAS를 필수적으로 추가해서 사용해야 한다. 사원들 중 본인이 근무하는 부서의 평균 급여값보다 더 높은 급여를 받는 직원의 last_name, salary, departmen..
SUBQUERY란? 쿼리를 보조해주는 기능의 쿼리를 서브쿼리라한다. 사원 'Abel' 보다 더 많은 급여를 받는 직원을 출력 현재 'Abel'의 급여를 알 수 없기 때문에 별도로 조회하는 것이 필요함. 외부에서 조건값을 얻어 올 수 있겠지만 오차를 줄이기 위해서는 데이터베이스 내부에서 바로 필요한 조건을 얻어오는 것이 좋음. 따라서 현재 시점의 'Abel' 급여값을 쿼리 내부에서 또 다른 쿼리가 조회할 수 있도록 서브쿼리 방식으로 얻어온다면 원하는 시점의 정확한 데이터를 얻을 수 있다. 순서 상 메인쿼리보다 서브쿼리가 먼저 실행된다. SELECT employee_id, last_name, salary ← 메인쿼리, outer query FROM employees WHERE salary > ( SELECT..