본문 바로가기

개발209

HTML 태그 (tag) HTML5 페이지의 기본 구조 본문, 이미지, 테이블, 자바스크립트 코드, 동영상 등 HTML 태그의 속성은 대소문자 구분하지 않음 기본 TAG 헤드라인을 위한 태그(h1~h6) 'h1'의 글자 크기가 가장 크고 'h6'이 가장 작다 단락 나누기 (p) 단락을 나눌 수 있음 .. .. .. 줄 바꾸기(br) 줄을 바꿀 수 있음 기호 표현 태그 수평선 긋는 태그 IMG 태그 이미지를 표현할 때 사용 img 의 alt 속성 안에 텍스트를 넣었을 경우 이미지가 존재하지 않을 때 해당 텍스트가 출력 됨 리스트 (ul, ol, dl) ul, ol 안에 li 태그를 사용하여 값을 입력 ol 은 순서있는 리스트로 type을 붙일 수 있음 (1, 2, 3, 4 식으로 표현 가능) 물을 끓인다 라면과 스프를 넣는다 파를.. 2022. 5. 16.
(JSP) 33일차 HTTP 요청과 응답을 원활하게 수행하기 위한 요건을 표준화한 프로토콜 '무 상태 서버' Servlet (서블릿) Java에서 HTML을 표현하는 프로그래밍 HttpServlet 상속 필요 사용자 요청들을 서버 측에 클래스로 만들어둬야함 jsp를 요청하면 내부적으로 서블릿을 생성함 웹 컨테이너 자바 서블릿과 상호작용하여 웹컨테이너는 서블릿의 생명주기를 관리하고 URL과 특정 서블릿을 매핑하여 URL 요청이 올바르게 접근할 수 있도록 권한을 보장함 웹컨테이너는 결국 서블릿만 인식함 (JSP이 서블릿 클래스로 만들어짐) JSP (Java Server Page) HTML에서 Java를 표현하는 프로그래밍 서블릿의 단점을 보완하기 위해 개발되었음 자바언어를 이용하여 서버의 문서를 만들기 위한 기술 동적인 웹 문.. 2022. 5. 16.
(HTML, CSS ) 32일차 전체 선택자 와일드 문자(*) 사용하여 모든 태그에 적용시키는 셀렉터 * { color : green; } 속성 셀렉터 선택자 [type="text"] { color : red; } text 타입을 갖는 선택자를 의미 가상클래스 셀렉터 (콜론으로 시작) 어떤 조건이나 상황에서 스타일을 적용하도록 만든 셀럭터 선택자:hover { background : yellowgreen; } :hover -마우스가 올라갈 때 스타일 적용 :active - 마우스로 누르고 있는 상황에서 스타일 적용 :focus - 폼요소가 키보드아 마우스 클릭으로 포커스를 받을 때 :link - 방문하지 않은 링크에 스타일 적용 :visited 방문한링크에 스타일 적용 ;first-letter - 블록태그에서 (p, div) 첫글자를 .. 2022. 5. 12.
(HTML, CSS ) 31일차 태그, input type .... .... 나라 : 버튼만들기 (input, button) 확인2 확인3 체크박스 CheckBox JSP에서 받을 때 배열로 받아야 함(중복선택이 가능하기 때문에) getParameterValues("name") 사용 checked 옵션으로 기본 값 체크 가능 2022. 5. 11.
HTML 새 창으로 띄우기(환경설정X) onClick="window.open( ..... );" : width, height를 꼭 기입해줘야 창으로 띄워짐 (미 작성 시 새탭으로 띄어짐) 설문조사 2022. 5. 11.
(HTML, CSS ) 30일차 video 태그 [지원하지 않을 경우 출력 될 문자 입력 ] audio 태그 [지원하지 않을 경우 출력 될 문자 입력] HTML5의 문서 구조화 기존 HTML은 웹 문서 구조를 표현하는 태그가 없음(모두 div나 table로 구조화 되어 보이게 작성) 구조화를 위한 태그 (시맨틱 태그) 내용 탐색이 용이(태그마다 대략적인 용도가 있기에) 물론 해당 태그 자체의 기능은 없음 (단순 설명을 위함) header nav section aside footer 태그 이미지의 제목이나 이미지의 꼬리말(설명)을 표현할 수 있음 와 details로 전체 단락을 묶고, summary를 제목으로 표현 details와 summary Question1 웹 개발자가 알아야 하는 언어 3가지 Answer 1 HTML, CSS, J.. 2022. 5. 10.
(HTML, CSS ) 29일차 HTML5 페이지의 기본 구조 본문, 이미지, 테이블, 자바스크립트 코드, 동영상 등 HTML 태그의 속성은 대소문자 구분하지 않음 기본 TAG 헤드라인을 위한 태그(h1~h6) 'h1'의 글자 크기가 가장 크고 'h6'이 가장 작다 단락 나누기 (p) 단락을 나눌 수 있음 .. .. .. 줄 바꾸기(br) 줄을 바꿀 수 있음 기호 표현 수평선 긋는 태그 IMG 태그 이미지를 표현할 때 사용 img 의 alt 속성 안에 텍스트를 넣었을 경우 이미지가 존재하지 않을 때 해당 텍스트가 출력 됨 리스트 (ul, ol) ul, ol 안에 li 태그를 사용하여 값을 입력 ol 은 순서있는 리스트로 type을 붙일 수 있음 (1, 2, 3, 4 식으로 표현 가능) 물을 끓인다 라면과 스프를 넣는다 파를 썰어넣는다 .. 2022. 5. 9.
CSS 이미지 크기 화면에 맞게 자동 설정 가로/세로 비율을 살리면서 자동 설정 img { max-width: 100%; height: auto; } 2022. 5. 9.
자바 DATE 함수 비교 하는 방법 (BEFORE, AFTER) 자바 DATE 함수 비교 하는 방법 (BEFORE, AFTER) BEFORE ) 아래 예시에서 date1 = date2 일 경우 TRUE 반환 SimpleDateFormat sdformat = new SimpleDateFormat("yyyy/MM/dd"); Date date1 = sdformat.parse(checkin); Date date2 = sdformat.parse(checkout); if (date1.before(date2)) { } 2022. 5. 3.
(데이터 베이스) ERwin 데이터 모델러 ERwin 초기설정 1. Model - Model Properties 2. Logical, Physical 모두 IE로 설정 ERwin DDL 만들기 0. Physical로 변경 1. Tools - Forawrd Engineer/Schema Generation... 2. Preview 클릭 3. 필요 명령어만 복사하여 사용 ERWIN 저장 시 ERwin 3.5.2로 저장 필수 ERwin - Default, Check 조건 걸기 디폴드 값 설정 : Defalut - New - 필드명과 값 적어주기 Check 제약조건 걸기 : Valid - New - 필드명과 값 적어주기 적 용 완 료 2022. 5. 3.
(데이터베이스) 27일차 ERwin - Default, Check 조건 걸기 디폴드 값 설정 : Defalut - New - 필드명과 값 적어주기 Check 제약조건 걸기 : Valid - New - 필드명과 값 적어주기 적 용 완 료 prepared statement String sql = "INSERT INTO ROOM VALUES (?, ?, ?)"; PreparedStatement pstmt = conn.prepareStatement(sql); // ?의 순서대로 값을 설정 // 문자열 : setString(물음표위치, 값) // 정수 : setInt(물음표위치, 값) pstmt.setInt(1, r_no); pstmt.setString(2, r_type); pstmt.setInt(3, r_fee); pstmt.execu.. 2022. 5. 3.
(데이터 베이스) 모델링, 정규화 모델링 조직의 정보 구조를 개체, 관계, 속성, 식별자로 나타내는 것 데이터 모델링의 목적 데이터 품질 향상 (무결성, 확장성, 비중복성, 정확성 등) 연관 조직의 정보 요구에 대한 정확한 이해를 제공 개발자, 설계자, 분석가, 사용자 간에 의사 소통 수단 신규 및 개선 시스템에 대한 기반 제공 모델링 과정 개체파악 - 개체 및 관계 정의 식별자파악 - 식별자 정의 상세화 - 정규화 통합 - 사용자뷰 통합 검증 - 모델의 품질 검증 물리모델링 데이터베이스 구현 논리모델링의 구성 개체 관계 속성 식별자 논리 모델링의 체계 개체 정의 시 명칭을 사람이 이해할 수 있도록 설정 개체의 차수 유형 특징 1:n (대부분) 1:1 1:0 m:n (확실하지 않을 경우) 기호 설명 개체 정의 시 주의사항 단일 사례를 개.. 2022. 5. 2.
(데이터 베이스) 인덱스(index) 인덱스 특정 컬럼에 인덱스를 만들어 검색 속도를 향상시킬 수 있음 레코드의 수가 적을 때는 굳이 인덱스를 만들 필요가 없음. 당연히 레코드의 수가 많을 때 인덱스를 사용 인덱스를 만들었는데 레코드의 값이 변경이 된다면 인덱스 재구성 필요 PK 로 설정한 컬럼은 자동으로 인덱스가 생성 인덱스 생성 생성법 CREATE INDEX 인덱스명 ON 테이블명(컬럼명1, [컬럼명2]) 사용법 SELECT * FROM BOOK WHERE 컬럼명1 = 'xx' [AND 컬럼명2 = 'yy']; -> '컬럼명'을 검색(SELECT) 할 때에 검색속도 향상 인덱스 재구성 방법 ALTER INDEX 인덱스명 REBUILD; 인덱스 삭제 DROP INDEX 인덱스명; 인덱스 목록 보기 시스템에서 자동으로 생성한 인덱스는 SYS.. 2022. 5. 2.
(데이터베이스)26일차 용어정리 File system 상 file, record, key, field Data Modeling 상 Entity, Tuple, Identifier, Attribute R-DB 상 Table(Relation), Row(Instance), Key, column 모델링 조직의 정보 구조를 개체, 관계, 속성, 식별자로 나타내는 것 데이터 모델링의 목적 데이터 품질 향상 (무결성, 확장성, 비중복성, 정확성 등) 연관 조직의 정보 요구에 대한 정확한 이해를 제공 개발자, 설계자, 분석가, 사용자 간에 의사 소통 수단 신규 및 개선 시스템에 대한 기반 제공 모델링 과정 개체파악 - 개체 및 관계 정의 식별자파악 - 식별자 정의 상세화 - 정규화 통합 - 사용자뷰 통합 검증 - 모델의 품질 검증 물리모델링 .. 2022. 5. 2.
(데이터베이스)18일차 Join 관계형 데이터베이스에서 검색하고자 하는 컬럼이 두개 이상의 테이블에 있을 때에 조인을 사용 테이블과 테이블 간에 참조관계이 있을 경우 사용 가능 where 절에 아래와 같이 join식을 적어준다 WHERE .. .. .. AND A테이블.속성1 = B테이블.속성1 A테이블.속성2 = C테이블.속성2 연산의 우선순위를 주기 위해서 괄호를 꼭 잘 써줄 것 - 연산의 우선순위가 'and' > 'or' 이기 때문에 괄호 잘 묶어줄 것 - 'or' 연산 일 경우는 괄호 써주는 게 좋다 간단하게 웹 환경 구성하기 1. 톰캣 설치 (윈도우 환경으로 설치할 것임) https://tomcat.apache.org/ 2. 자바 경로 설정 (필자의 경우 OPEN JDK를 설치함) Installer 다운로드 후 nex.. 2022. 5. 1.
반응형