HTML - 블록 레벨(Block level)요소와 인라인(Inline) 요소 1. 블록 요소 1. DIV, H1, P 2. 사용가능한 최대 가로 너비를 사용한다. 3. 크기를 지정할 수 있다. 4. (width: 100%; height: 0; 로 시작) 5. 수직으로 쌓임 6. margin, padding 위, 아래, 좌, 우 사용가능하다. 7. 레이아웃 2. 인라인 요소 1. SPAN, IMG 2. 필요한 만큼의 너비를 사용한다. 3. 크기를 지정할 수 없다. 4. (width: 0; height: 0; 로 시작) 5. 수평으로 쌓임 6. margin, padding 위, 아래 사용을 할 수 없다. 7. TEXT 3. display: block; ☞ 강제로 블록요소 처럼 만든다. display: in..
index.html Personal Open Source Business Explore main.css body{ margin: 0; padding: 0; } .header { background: white; border-bottom: 1px solid lightgray; } .container{ width: 980px; margin: auto; } .container-left{ padding-top: 20px; padding-bottom: 20px; } .logo{ float: left; margin-right: 5px; } .logo img{ display:block; } .menu{ float: left; } .menu-item{ float: left; padding: 8px 10px; } .cl..
1) 정리 1. HTML 뼈대 2. CSS 이쁘게 3. JS 생동감 있게 2) 웹 표준: Web Standard: 웹에서 사용되는 W3C의 권고안에서 나온 기술들, 표준기술이나 규칙 크로스브라우징: 여러 브라우저에서 동일한 사용자 경험을 줄수있도록 제작하는기술, 방법 요소 element -> , 문단 paragraph 태그에 속성과 값을 사용 할 수있다. 기능의 확장 source -> src alternative -> alt 만약에 이미지가 출력이 안될때 대체되는 텍스트가 출력된다. 이미지를 삽일할때 쓰는 태그 div 분할 -> division 의미없는 분할 홍길동 class="별명" 닫히는 태그가 없으면 빈 태그라고 한다. Empty Tag 부모와 자식요소 과일 목록 -> h1태그 ->ul태그 사과 -..
목표: 목록페이지에서 검색 추가 - 옵션: 제목, 작성자 - 검색어 - 옵션상태, 검색어 상태유지 코드: NoticeListController.java 전체 코드 package com.newlecture.web.controller; import java.io.IOException; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; import java.util.ArrayList; import java.util.Date; import java.util.List; import javax.servlet.Se..
문제 설명 ANIMAL_INS 테이블은 동물 보호소에 들어온 동물의 정보를 담은 테이블입니다. ANIMAL_INS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, INTAKE_CONDITION, NAME, SEX_UPON_INTAKE는 각각 동물의 아이디, 생물 종, 보호 시작일, 보호 시작 시 상태, 이름, 성별 및 중성화 여부를 나타냅니다. NAMETYPENULLABLE ANIMAL_ID VARCHAR(N) FALSE ANIMAL_TYPE VARCHAR(N) FALSE DATETIME DATETIME FALSE INTAKE_CONDITION VARCHAR(N) FALSE NAME VARCHAR(N) TRUE SEX_UPON_INTAKE VARCHAR(N) F..
문제 설명 ANIMAL_INS 테이블은 동물 보호소에 들어온 동물의 정보를 담은 테이블입니다. ANIMAL_INS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, INTAKE_CONDITION, NAME, SEX_UPON_INTAKE는 각각 동물의 아이디, 생물 종, 보호 시작일, 보호 시작 시 상태, 이름, 성별 및 중성화 여부를 나타냅니다. NAMETYPENULLABLE ANIMAL_ID VARCHAR(N) FALSE ANIMAL_TYPE VARCHAR(N) FALSE DATETIME DATETIME FALSE INTAKE_CONDITION VARCHAR(N) FALSE NAME VARCHAR(N) TRUE SEX_UPON_INTAKE VARCHAR(N) F..
문제 설명 ANIMAL_INS 테이블은 동물 보호소에 들어온 동물의 정보를 담은 테이블입니다. ANIMAL_INS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, INTAKE_CONDITION, NAME, SEX_UPON_INTAKE는 각각 동물의 아이디, 생물 종, 보호 시작일, 보호 시작 시 상태, 이름, 성별 및 중성화 여부를 나타냅니다. NAMETYPENULLABLE ANIMAL_ID VARCHAR(N) FALSE ANIMAL_TYPE VARCHAR(N) FALSE DATETIME DATETIME FALSE INTAKE_CONDITION VARCHAR(N) FALSE NAME VARCHAR(N) TRUE SEX_UPON_INTAKE VARCHAR(N) F..
목표: NoticeService클래스를 완성한다. 기존의 목록 리스트를 만들었던 코드를 활용한다. 크게 다르지 않다. 코드: - NoticeService.java 전체 코드 package com.newlecture.web.service; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; import java.util.ArrayList; import java.util.Date; import java.util.List; import com.ne..