the Rabbit_Sand, IT Blog 🍀

오디오와 관련된 태그 controls autoplay 페이지를 열자마자 자동으로 재생이 되도록 한다. 단, 브라우저마다 다른데 크롬은 자동 재생이 되지 않고 익스플로러가 자동 재생이 된다. 이는 생략 가능하다. loop 오디오 재생 시간이 다 끝난 후 오디오를 또 반복하도록 한다. 이는 생략 가능하다. 비디오와 관련된 태그

이미지와 관련된 태그 width와 height로 가로 길이와 세로 길이를 조절할 수 있다. 이때, 고정 길이는 px로 지정하고, 가변 길이는 %로 지정한다. 고정 길이(px) → 기본값으로 설정. 화면 사이즈가 변동돼도 사진의 크기는 고정. 가변 길이(%) → 화면 사이즈에 따라 사진의 크기가 달라짐. 이미지 경로를 제대로 작성했을 때 1번 사진과 같이 해당 이미지가 뜬다. 그리고 이미지 경로가 제대로 작성되지 않았을 때, 즉 해당 경로에 이미지가 없거나 경로가 잘못 작성되었을 경우엔 2번 사진과 같이 엑박 표시와 함께 해당 이미지에 대한 설명 문구가 뜬다. width="가로크기(px/%)" height="세로크기(px/%)" 가로크기와 세로크기를 'px'로 설정하면 화면이 커지든 작아지든 사진 크기는 ..

표를 구성하는 태그 , , , 1) : 표를 생성한다. 2) : 표의 제목 셀을 나타낸다. - 글자를 굵게 표시하며, 가운데 정렬한다. 3) : 표의 한 행을 나타낸다. 4) : 표의 일반 셀을 나타낸다. 기본 형태의 표 생성하기 기본 형태의 표 생성하기 브라우저명 제조사 홈페이지 Internet Explorer Microsoft https://www.microsoft.com Chrome Google https://www.google.com Firefox Mozilla https://www.mozilla.com ① 표 생성하기 표를 생성하기 위해 태그를 사용한다. 에서 border는 표 바깥선 굵기는 나타내는 것이다. 속성값이 커질 수록 표 바깥선 굵기도 굵어진다. ② 표 내에서의 제목 셀 만들기 표 내..

: 목록을 나타낸다. 첫 번째 목록 두 번째 목록 : 목록의 순서가 없이 표시된다. ul 과일 사과 포도 채소 1. 과일 2. 채소 가 아니라 단순 도형으로 목록을 표시한다. 안에 를 사용하면 목록 내의 목록을 만들 수 있다. : 목록의 순서를 표시한다. - 속성값은 숫자가 기본값이고, 숫자 외에 a와 A, i, I가 있다. ol type 귤 사과 바나나 파인애플 start 귤 사과 바나나 파인애플 reserved 귤 포도 바나나 파인애플 type 에 type으로 목록의 순서(숫자/영어 대소문자/로마표기 대소문자)를 여러 가지로 나타낼 수 있다. type의 속성값을 'a'로 넣으면 abc순으로. 'A'로 넣으면 ABC순으로, 'i'로 넣으면 로마문자 ⅰⅱⅲ순으로, 'I'로 넣으면 ⅠⅡⅢ순으로 나타난다. ..

글자 크기 태그 : ~ 태그 태그 태그 태그 태그 태그 글자 크기 태그는 부터 까지 있으며, 이 가장 큰 글자이고 이 가장 작은 글자이다. 만약 을 사용하면 은 존재하지 않는 태그이므로 기본 글자 크기로 출력이 된다. 구분선 태그 : 구분선 위는 구분선 로 구분선을 만들 수 있다. 로 작성하면 구분선이 두 줄 생긴다. 문단 나누는 태그 , 이것은 문단 영역을 나누는 p 태그이다. 줄바꿈을 할 땐 줄바꿈 태그를 사용해야 한다. 하나의 공백만 표시할 수 있어서 별도의 기호 문구를 작성해야 한다. 이것은 문단 영역을 나누는 pre 태그이다. 줄바꿈 태그를 사용하지 않아도 줄바꿈이 된다. 여러 개의 공백을 표시할 수 있다. 와 는 문단을 나누는 태그이다. 이때 각각 특징이 다르다. 는 줄바꿈을 할 때 이라는 줄..

1) : 문서 유형을 나타낸다. html 문서로 작성한다는 뜻이다. 2) : html 문서의 시작과 끝을 표시한다. ① lang은 언어(language)를 뜻한다. ② : html 문서의 설정 언어는 한국어('ko')이다. - 설정 언어 코드 : de(독일어), en(영어), fr(불어), ja(일본어), ko(한국어), zh(중국어) 3) : 머리 부분을 담당하며, 문서의 각종 정보와 문서 자체에 대한 설명을 작성한다. - 이 부분에서 , , , , 등이 들어간다. 4) : 몸체 부분을 담당하며, 화면에 출력해서 보여주는 모든 정보를 작성한다. - 에서 들어가는 태그들을 제외한 모든 태그들을 쓸 수 있다. 5) : 주석을 뜻하며, 코드에 대해 설명할 때 사용한다.

Properties : key와 value를 String 타입으로 담는 Map 계열의 컬렉션이다. 주로 외부 설정 파일을 읽어오거나 파일 형태로 출력할 때 사용한다. - Properties를 사용하는 이유 : 기존 방식은 SQL문을 수정하려면, Java 내에 작성된 코드를 변경해야 하므로, 사용자가 프로그램을 실행하는 와중에 프로그램 실행을 중단시켜야 하는 불편함이 있다. 그러나 Properties를 이용해 외부에서 파일을 읽어오는 형태로 바꾸면 프로그램 실행을 중단시킬 필요 없이 외부 파일에서 SQL문을 변경시키면 그 즉시 프로그램에 적용되어 유지보수에 편리해진다. Run public class Run { public static void main(String[] args) { // 1. 폴더 생성하기..

MVC ① [Run 클래스] 실행시키기 위해 View를 호출한다. ② [View 클래스] 사용자가 Scanner로 전달값을 입력하면서 Controller를 호출한다. ③ [Controller 클래스] View에서 전달받은 값을 가공 처리한 후 Service로 전달 및 호출한다. ④ [Service 클래스] Connection을 생성하여 DB에 접속하고, Connection 객체와 Controller에서 전달받은 데이터를 Dao에 전달한다. ⑤ [Dao 클래스] SQL문을 실행해서 DB에 직접 접근하고, ResultSet이나 int형 변수로 결과를 받아 Service로 리턴한다. ⑥ [Service 클래스] Dao로부터 결과를 받아 트랜잭션 처리한 후 결과를 Controller로 리턴한다. ⑦ [Contr..

PreparedStatement : SQL문을 바로 실행하지 않고 잠시 보관한다. - 미완성된 SQL문을 먼저 전달하고, 실행하기 전에 완성 형태로 만든 후 실행한다. - 미완성된 SQL문 만들기 → 사용자가 입력한 값들이 들어갈 수 있는 공간을 위치홀더 '?'로 확보한다. → 각 위치홀더에 맞는 값을 세팅한다. - Statement의 자식 객체이다. - Statement와의 차이점 ① Statement는 완성된 SQL문을 작성하는 반면, PreparedStatement는 미완성된 SQL문에 위치홀더 '?'를 사용하여 작성한다. ② Statement로 작성 시: 'stmt = conn.createStatement();' PreparedStatement로 작성 시: 'pstmt = conn.prepared..

MVC 흐름 ① [Run 클래스] 실행하여 View 클래스 호출 ② [View 클래스] 사용자가 전달값을 입력(Scanner)한 후 Controller 클래스 호출 ③ [Controller 클래스] 사용자의 요청을 전달받은 후 데이터를 가공 처리하여 Dao에 전달 및 호출 ④ [Dao 클래스] ⓐ Connection을 생성하여 DB에 접속 ⓑ SQL 구문 실행 ⓒ 해당하는 결과 받기 - SELECT문의 경우: ResultSet으로 - DML문의 경우: int형 타입으로 ⓓ DML문일 경우엔 트랜잭션 처리(commit(); / rollback();) ⓔ 결과를 Controller 클래스로 리턴 ⑤ [Controller 클래스] Dao 클래스로부터 반환받은 결과에 따라 View(성공 또는 실패 화면) 결정 ..