09.11(form)
2020. 6. 11. 20:37
프로그래밍/HTML
form 사용자로부터 입력 받을 수 있는 HTML 입력 폼(form)을 정의할 때 사용 요소는 다음과 같은 요소들을 하나 이상 포함할 수 있음 이름 : 학번 : 학과 : 의 속성 속성 속성값 설명 action URL 폼 데이터가 서버로 제출될 때 해당 데이터가 도착할 URL명시 autocomplete on off 요소에서 자동 완성 기능을 사용할지 여부를 명시함 enctype application/x-www-form-urlencoded multipart/form-data text/plain 폼 데이터가 서버로 제출될 때 해당 데이터가 인코딩되는 방법을 명시함 (단, 요소의 method 속성값이 “post”인 경우에만 사용할 수 있음) method get post 폼 데이터가 서버로 제출될 때 사용되는 H..
09.10(link, 미디어 관련 태그)
2020. 6. 10. 20:02
프로그래밍/HTML
link 태그 주로 외부 스타일 시트를 연결 할때 사용 요소는 빈 태그이며, 속성만을 포함 audio 태그 음악이나 오디오 스트림과 같은 사운드 정의할 때 사용 요소는 현재 MP3, WAV, Ogg의 세 가지 포맷 파일을 지원 당신의 브라우져는 음원재생을 지원하지 않습니다. 브라우져를 업데이트 해주세요 video 태그 무비클립이나 비디오 스트림과 같은 비디오를 정의할 때 사용 요소는 현재 MP4, WebM, Ogg의 세 가지 포맷 파일을 지원 당신의 브라우져는 비디오를 재생할 수 없습니다. audio태그와 video태그의 공통속성 속성 속성값 설명 autoplay autoplay 실행될 준비가 끝나는 대로 자동으로 실행됨을 명시함 controls controls 플레이 버튼이나 정지 버튼과 같이 오디오 ..
06.09(div와 span, iframe)
2020. 6. 9. 20:54
프로그래밍/HTML
block요소 한 줄에 한 개 div, p, pre, hx 태그 block요소 첫번째 영역 두번째 영역 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eos repudiandae aperiam earum alias neque ab debitis incidunt illo! Beatae itaque aliquid non, voluptates officia blanditiis cumque animi excepturi asperiores omnis. inline요소 한 줄에 여러개 나열 span, 각 phrase Tag inline요소 첫번째 영역 두번째 영역 Lorem ipsum dolor sit amet, consectetur adipisicing e..
06.08(table)
2020. 6. 8. 20:28
프로그래밍/HTML
table 구성요소 태그 설명 테이블을 만드는 태그(테이블 관련 최상위태그) 테이블의 헤더부분을 만드는 태그 테이블의 행을 만드는 태그 테이블의 열을 만드는 태그 작성예시 브라우져 제조사 홈페이지 IE MS http://www.microsoft.com Chorme Google https://www.google.com Safari Apple https://www.apple.com FireFox Mozilla https://www.mozilla.com 테이블 디자인 속성 설명 border 테이블의 테두리 bordercolor 테이블의 테두리 색상 width 테이블 가로 크기 height 테이블 세로 크기 align 정렬 bgcolor 배경색 colspan 가로 합병(열 합병) rowspan 세로 합병(행 합..
06.05(목록관련 태그와 표관련 태그)
2020. 6. 5. 20:03
프로그래밍/HTML
목록태그 순서가 필요하지 않은 목록 만들때 사용 리스트 앞에 특정모양이 출력( default : • ) 해당 모양은 CSS를 이용하여 수정할 수 있음. 순서가 있는 목록 만들때 사용 속성으로 문자(abc… / ABC), 숫자(123…), 로마자(ⅠⅡⅢ..ⅰⅱⅲ..) 설정 CSS로 순서를 설정 가능 (작성방법) 내용1 내용2 내용3 용어나 문장에 대한 정의(definition) 리스트 설정 자동으로 들여쓰기가 됨 (작성방법) 정의제목 정의내용 정의내용 목록태그 사용 예시 목록 관련 html5 css3 javascript:ecmascript6 jquery html5 css3 javascript:ecmascript6 jquery 한국어 안녕하세요 잘가 영어 일본어 html5 hyper text markup l..
06.04(HTML의 기본 구조와 Text 관련 태그)
2020. 6. 4. 20:30
프로그래밍/HTML
HTML 주의사항 태그는 대소문자를 구분하지 않음(소문자 권장) 시작태그로 시작하면 반드시 종료태그로 종료( 태그와 같이 종료태그가 없는 경우도 있음) 문자의 공백은 한 개만 인식하기에 공백을 추가하기 위해서는 특수기호를 이용해야 함( ) HTML 기본 구조 Text 태그 제목 입력시 사용하는 태그로 폰트의 크기가 h태그 뒤 숫자에 따라 정해짐 h1~h6까지 있음 문장을 줄 바꾸기(개행)할 때 사용 페이지에 가로로 밑줄을 만들어 줄 때 사용 한 개의 단락을 만들 때 사용 자동으로 문장 개행 후 한 줄 공백을 줌 입력한 그대로 출력할 때 사용 띄어쓰기, 들여쓰기 줄 바꿈이 입력된 그대로 출력 또는 문장에서 문자를 강조하여 굵게 표시할 경우에 사용 화면 낭독기에서 태그는 해당 부분이 강조되었다고 알려주나, ..
06.03(coding 절차 및 사용 예시)
2020. 6. 3. 20:50
프로그래밍/JDBC
코딩 절차 및 사용 예시 //필드선언 String url = "jdbc:oracle:thin:@127.0.0.1:1521:xe"; //db서버의 컴퓨터 주소 //jdbc:oracle:thin:드라이버 타입 String username = "testSQL"; //접속할 sql데이터의 사용자 이름 String password = "test"; //비밀번호 1. DriverManager에 해당 DBMS Driver 등록 2. 해당 Driver로부터 Connection instance 획득 3. Connection instance로부터 Statement instance 획득 4. Statement method를 이용하여 SQL문 실행 5. 실행 후 결과를 ResultSet(Select) 혹은 int형 변수(DM..
06.02(JDBC coding 절차 및 용어 설명)
2020. 6. 2. 20:41
프로그래밍/JDBC
JDBC coding 절차 1. DriverManager에 해당 DBMS Driver 등록 2. 해당 Driver로부터 Connection instance 획득 3. Connection instance로부터 Statement instance 획득 4. Statement method를 이용하여 SQL문 실행 5. 실행 후 결과를 ResultSet(Select) 혹은 int형 변수(DML)로 받아서 처리 6. 사용한 자원 반납 용어 설명 DriverManager 데이터 원본에 JDBC 드라이버를 통하여 커넥션은 만드는 역할 Class.forName()메소드를 통해 생성되며, 반드시 예외처리를 해야 함 직접 객체 생성이 불가능하고, getConnection()메소드를 사용하여 객체를 생성할 수 있음 Conne..