1cm

2021. 10. 28 > CSS 선택자 우선순위 -> 적용 방법에 따른 순위 -> 태그 스타일 -> class 스타일 -> id 스타일 -> 인라인 스타일 -> important -> 소스 순서에 따른 순위 -> 나중에 작성된 스타일 적용 > 실습 코드와 출력 결과 -> 03_선택자우선순위.html 선택자 우선순위 기본적으로 CSS 속성은 위에서부터 아래로 적용이 되지만, 같은 태그에 다양한 선택자로 CSS 속성이 설정된 경우에는 우선순위에 따라 스타일이 적용된다. 태그 선택자 텍스트 스타일 - 크기 기본 단위 구성 구분 단위 내용 상대 크기 em 부모 요소의 ..

2021. 10. 27 > CSS -> Cascading Style Sheets > style과 stylesheet -> style은 정해진 속성을 입력하여 웹 페이지를 꾸미는 것, stylesheet는 웹 페이지에서 반복적으로 쓰는 style을 모아놓은 것. > CSS적용 -> 내부 스타일 시트 : 내부에 스타일 정보를 저장하는 방법 -> 외부 스타일 시트 : 태그를 이용하여 css파일을 읽어와서 스타일 적용 -> 인라인 스타일 시트 : 태그 내부에 스타일 정보를 지정하는 방법 > CSS 선택자 구분 내용 전체 선택자 * 태그 선택자 태그(h1, p, li 등) 아이디 선택자 #아이디명 클래스 선택자 .클래스명 후손 선택자 선택자 선택자 자손 선택자 선택자 > 선택자 속성 선택자 선택자[속성=값] / ..

2021. 10. 26 > , -> 폼 요소를 그룹으로 묶고, 묶은 폼 요소에 명칭을 붙이는 태그 -> 속성 -> name : fieldset의 이름 지정 -> form : fieldset이 속한 form의 이름 지정 > -> 사용자로부터 data를 입력 받기 위한 태그 -> 속성 -> type : 입력 창의 타입을 결정하는 속성(text, checkbox, radio 등) -> value : input요소의 기본 값 표시 -> name : input을 구별할 수 있는 명칭 -> min / max / step : 허용하는 범위 최소값 / 최대값 / 값의 증감값 -> autocomplete : 자동 완성 기능 -> height / width : 입력 창의 높이와 너비 -> readonly : 읽기 전용 필..

2021. 10. 25 > 이미지 태그 - -> 웹 페이지에 사진이나 그림을 삽입할 때 사용하는 태그 -> -> 이미지 태그 속성 -> src : 삽입할 이미지 경로를 지정하는 속성 -> alt : 이미지 설명해주는 텍스트 속성, 이미지가 출력이 되지 않으면 표시됨 -> width, height : 이미지의 크기를 설정하는 속성 -> 웹 페이지 사용 가능한 확장자 -> GIF : 파일 크기가 작아 아이콘이나 불렛 기호에 많이 사용, 투명한 배경이나 움직이는 이미지를 만들 수 있다. -> JPG/JPEG : 사진을 위해 개발, 저장을 반복하다 보면 화질이 떨어질 수 있음.(압축률 좋음) -> PNG : 네트워크용으로 개발되어 요즘 많이 이용 > 이미지 맵 - , -> 이미지를 구역 별로 나누어 링크를 걸어..

2021. 10. 22 > 표 관련 태그 - -> 웹 문서에서 자료를 정리할 때 주로 사용. -> 행과 열로 이루어져 있고 행과 열이 만나는 지점을 셀이라고 한다. -> ex. 내용1 내용2 내용3 ------------------------------------------------------------------------------- 내용1 내용2 내용3 ... ------------------------------------------------------------------------------- -> : 한 개의 행(ROW)을 만드는 태그 -> : 한 개의 열을 만드는 태그 -> : 열에 대한 제목을 표시하는 태그로 중앙 정렬 및 굵게 표시됨 -> : 테이블의 제목이나 내용을 추가하는 태그,..

2021. 10. 21 > VScode 설치 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com > HTML5 - 웹 통신 기초 - 인터넷 -> 전 세계의 컴퓨터들이 네트워크를 통해 연결되어 정보를 공유하는데 목적을 두며(거대한 통신망), 프로토콜(통신규..

2021. 10. 20 > SQL 응용 평가 -> 스스로 오답노트 -> 제약 조건 중 CHECK와 DEFAULT 서술 -> CHECK 제약 조건은 컬럼의 값을 어떤 특정 범위로 제한(설정)하는 것이며, 조건을 만족하는 값만 기록할 수 있게 해주는 제약 조건이고, DEFAULT는 데이터를 입력하지 않아도 NULL값이 들어가는 것이 아닌 지정된 값을 기본 값으로 입력되도록 하는 제약 조건이다. -> 데이터베이스 계정을 생성하기 위한 세션 권한 부여시 DCL을 통해 권한을 부여하고, ID / PWD 이름 제대로 확인 후 권한 부여하기..! > 스스로 간단정리 * DDL / DML / DCL 이란? * DDL : Data Definition Language - 데이터 정의어 : 데이터베이스를 정의하는 언어이며,..

2021. 10. 19 > 학원에서 준 데이터로 실습문제 + 풀이 몇 문제 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 ..

2021. 10. 18 > CURSOR -> 결과가 여러 개의 행으로 구해지는 SELECT문을 처리하기 위해 실행 결과를 저장해놓은 객체 -> CURSOR - OPEN - FETCH - CLOSE 단계로 진행된다. -> FOR IN LOOP를 이용하면 LOOP 반복 시 자동으로 CURSOR를 OPEN하고 행 인출(FETCH) LOOP 종료 시 자동으로 CURSOR CLOSE된다. -> FOR IN문을 사용하면 커서의 선언도 생략이 가능하다. 속성 설명 %NOTFOUND 커서 영역의 자료가 모두 FETCH되어 다음 영역에 존재하지 않으면 TRUE %FOUND 커서 영역에 아직 FETCH되지 않은 자료가 있으면 TRUE %ISOPEN 커서가 OPEN된 상태이면 TRUE %ROWCOUNT 커서가 얻어 온 레코..

2021. 10. 15 > PL/SQL 반복문 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 /* 2-2) 반복문 1) BASIC LOOP [표현법] LOOP 반복적으로 실행시킬 구문 [반복문을 빠져나갈 조건문 작성] 1) IF 조건식 THEN EXIT; END IF; 2) EXIT WHEN 조건식; END LOOP; */ -- 1 ~ 5까지 순차적으로 1씩 증가하는 값을 출력 DECLARE NUM NUMBER := 1; BEGIN LOOP DBMS_OUTPUT.PUT_LINE(NUM); NUM := NUM + 1; -- IF NUM > 5 THEN -- EXIT; -- END IF; EXIT WHEN NUM >..