상수 키워드 : const JS는 변수 선언 할 때 대부분 상수로 선언 함 문자열 감싸는법 선언방법이 여러가지가 있는 이유 : 문자열 안에 문자열을 처리하기 위해서 1. const str1 = 'Hello'; 2. const str2 = "Hello"; 예) const str4 = " 빨강"; const str5 = ' 빨강'; 3. const str3 = `Hello`; //템플릿 문자열 템플릿 문자열 사용방법 let style = "red"; let content = "불합격"; const str6 = `${content}`; JS의 getter, setter const count = document.querySelector("#count").innerHTML; >getter document.quer..

데이터 타입 : 컬럼이 저장되는 데이터 유형을 의미함. PK는 대부분 char타입 가변길이 란 실제 입력된 데이터 길이에 따라서 크기가 변하는 것을 의미 숫자형 데이터 타입: 대부분 NUMBER형 사용(P는 소수점 포함 자리수, 크기에 맞게) NUMBER : 가변숫자/P(1~38, 디폴트 : 38)/S(-84~127, 디폴트 : 0)/최대 22byte 날짜 데이터 타입: 일반적으로 DATE타입 사용 LOB데이터 타입 : Large Object로 대용량 데이터 저장 BLOB는 테이블에서 분리해서 따로 놓음 SQL의 종류 DDL(Data Definition Lenguage): 데이터 정의어 데이터베이스를 정의하는 언어이며, 테이블 생성, 수정 삭제등 데이터 전체 골격을 결정하는 언어 .CREATE 객체를 생..

오라클(DB)설치 방법 Express Edition 오라클 DB다운로드 1.오라클 소프트웨어 다운로드 페이지접속 2. 상단 리소스>다운로드> Oracle Database접속 3.하단 Oracle Database Express Edition 접속 4.Oracle Database 21c Express Edition for Windows x64 다운로드 오라클 sql Developer 다운로드 1.상단 리소스 Downloads 카테고리 Developer Downloads(개발자 다운로드)접속 2.Developer Tools(개발자 툴) 접속 3.SQL Developer 접속 4.Windows 64-bit with JDK 11 includeded 다운로드 오라클 DB설치, 설치확인 1.setup.exe 실행 2..

(text)속성선택자 HTML 삽입 미리보기할 수 없는 소스 예제) text 속성 선택자 활용 text 선택자 모든 텍스트 텍스트 매칭 속성 리스트 매칭 속성 범위 텍스트 매칭 속성 텍스트 시작 매칭 속성 텍스트 끝 매칭 속성 텍스트 패턴 매칭 속성 출력 box-shadow : 수평 그림자(필수) 수직그림자 그림자흐림 그림자번짐 그림자색상 삽입효과; 예제)box-shadow활용 박스 그림자 스타일링 예제 박스 그림자 스타일링 예제 박스 그림자 스타일링 예제 박스 그림자 스타일링 예제 출력 HTML 삽입 미리보기할 수 없는 소스

required > input 필수입력 속성(공백도 값으로 인식) placeholder="text" > input박스에 보이는 값 설정(input 값으로 인식 안함) HTML 삽입 미리보기할 수 없는 소스 예제)추가요소 활용 1.required,placeholder 활용 코드 회원 로그인 ID : PW : 개인정보 입력 이름 : 나이 : 출력 HTML 삽입 미리보기할 수 없는 소스 2. 날짜관련 추가요소 활용 코드 선택사항을 직접 입력하세요 전공분야를 입력하세요 소프트웨어 로봇 시스템 서비스 교육 오늘 날짜 입력 오늘날짜 : 프로젝트 기간 시작 : 끝 : 생일(년/월)입력 생일 : 주간계획(연/주) 입력 주간계획 : 현재시간 시간 : 생일(년,월,일,시간) 입력 생일 : 체크1 넘버 출력 HTML 삽입 ..

class 선택자 class 속성은 일련의 태그를 그룹핑해서 하나처럼 제어하기 위해서 사용 class 속성에는 공백으로 구분된 여러개의 class가 표시될 수 있음 css선택자에서는 '.'을 사용해서 class 임을 표시 예제)class선택자 활용 11111 22222 Hello Html Hello Html 출력 하위 선택자 특정 엘리먼트 하위에 나오는 엘리먼트를 사용하는데 사용 부모가 먼저 나오고 자식이 나중에 나옴 공백을 통해서 부모와 자식을 구분 예제)하위선택자 활용 홈 제품소개 고객센터 홈 제품소개 고객센터 출력 하나의 CSS선언을 여러 개의 선택자에 적용 하나의 css선언을 여러 엘리먼트 셀렉터에 적용하고 싶을 때 사용 선택자와 선택자를, (콤마)로 구분 예제) 다수선택자 활용 하나의 CSS선언..