목록전체 글 (104)
에러 탈출 일지
- css를 적용할 때 사용하는 이름 - 태그(tag), 아이디(id), 클래스(class) 1. 아이디(id) - 태그에 id를 붙여서 스타일을 적용하도록 하는 것, 스타일에서 #을 붙여서 사용 - 아이디는 스타일 오버로딩과 상관없이 태그보다 우선적으로 적용 2. 클래스(class) - 태그에 클래스를 지정하여 스타일을 적용하도록 하는 것, 사용할때는 .을 붙여서 사용 3. 아이디와 클래스의 차이점 - 아이디: id의 이름은 유일하게 사용함. 같은 태그에서 여러 아이디를 사용 불가 - 클래스: 여러 태그에서 사용 가능하고, 같은 태그에서 여러 클래스를 사용 가능 4. 스타일의 범위의 우선 순위 인라인 > 내부, 외부 5. 선택자의 우선 순위 id > class > tag 6. 가상 클래스 - hover..
8. label - 텍스트를 레이블로 만들어 관리하는 태그 - 입력 박스의 id를 레이블 for로 연결하여 사용함. Q1. 학생의 이름을 입력하시오. 이름: Q2. 학생의 학년을 선택하시오. 1학년 2학년 3학년 4학년 Q2. 수강하는 과목을 모두 선택하시오. JAVA HTMl5 Javascript Oracle JSP Spring 9. fieldset 태그 - 같은 종류의 입력 항목끼리 테두리로 묶어서 나타내고자 할 때 사용 10. legend 태그 - fieldset 태그의 제목을 만들어 주는 태그 Q. 학생의 성별과 학년을 선택하시오. 성별 남성 여성 학년 1학년 2학년 3학년 4학년 11. email 입력 필드 - @를 입력하지 않으면, '이메일에 @를 포함해 주세요.' 라는 메시가 뜨는 입력 필드..
- name: 데이터를 전달할 때 값을 얻을 수 있는 속성 - value: 값을 지정 - size: 크기, 입력할 수 있는 글자 수, 기본값 20 - maxlength: 최대 문자수를 지정, 글자수를 넘어서면 입력되지 않음 - readonly: 읽기만 가능하고, 변경불가 1. text 텍스트 필드 - 일반적인 텍스트를 입력할 때 사용 2. password 비밀번호 - 입력 부분을 기호로 표시함 로그인 화면 아이디: 비밀번호: 3. 라디오 버튼 - 그룹평한 여러 선택 항목들 중에서 하나만 선택하도록 하는 태그 - name은 같아야 하고, value는 다른 값일 때 - chacked 속성 : 기본값으로 선택되도록 하는 속성 라이오 버튼 Q. 학생의 성별과 학년을 선택하시오. 성별: 남..
- 하이퍼링크를 거는 태그, anchor(닻) - 텍스트 또는 멀티미디어에 링크를 걸어 페이지를 이동하도록 하는 태그 1. href 속성 - hyperlink reference 2. target 속성 _self, _blank 이 두가지 속성을 사용함 - _self: 기본값, 해당 페이지에서 이동하는 속성 - _blank: 새페이지 열어서 이동하는 속성 - _parent: 해당 페이지의 부모 프레임에서 이동하는 속성 - _top: 현재 윈도우 전체로 이동하는 속성 w3schools Google 3. a 태그가 설정된 텍스트의 스타일 - 기본 스타일 링크: 밑줄, 파란색 - 활성화된 링크: 밑줄, 보라색 - 활성화된 링크: 밑줄, 빨간색 - form 태그 입력한 데이터를..
1. img 태그 이미지를 삽입하는 태그 inline-block 태그: inline 속성을 가지면서, widthm heght를 가짐 단일 태그 2. 속성: src(이미지의 위치), alt(대체 텍스트), width(가로), height(세로) 3. img 태그에서 사용 가능한 이미지 파일 - png, jpg, gif 파일. ex) bmp 파일은 사용 불가 1. 상대 경로: 현재 html 파일로부터 찾는 절대적인 위치 - 웹에서 대부분 상대 결로 사용 o 2. 절대 경로 - 웹에서는 절대 경로 거의 사용하지 x 1. 이미지 태그 제목
★★★ 1. 순서 없는 목록 - ul 태그 (unordered list) - type 옵션에서 - 블릿(bullet): disc(꽉찬 원, 기본값), circle(빈 원), square(꽉 찬 사각형) 2022년 프로야구 구단 리스트 SSG 랜더스 한화 이글스 2. 순서 있는 목록 - ol 태그 (ordered list) - type 옵션에서 숫자를 변경 - 숫자: 1(아라비아 숫자, 기본값), A(알파벳 대문자), a(알파벳 소문자), I(로마자 대문자), i(로마자 소문자) - start: 시작번호를 지정 - reversed: 숫자를 역순으로 표시 2022년 프로야구 순위 SSG 랜더스 LG 트윈스 KT 위즈 3. 설명 목록 태그 - dl: 설명 목록, description list - dt: 설명 ..
태그는 줄바꿈의 여부에 따라 2가지 유형으로 구분 - 블럭(block) 태그 - 인라인(inline) 태그: 줄바꿈을 하지 않는 태그 ★ - 자주사용 하는 태그 : hn, p, br, hr 1. hn 태그: 제목, h1 ~ h6, header, 굵은 글씨, 줄바꿈 처리, 글자크기: h1 > h6 2. p 태그: 문단(단락), paragraph, 일반적인 문단의 텍스트를 표시할 때 많이 사용 3. br 태그: 줄바꿈, 단독 태그, line break 4. hr 태그: 수평선, 단독 태그, horizontal line 5. pre 태크: 태그에 쓰는대로 화면으로 출력, 들여쓰기 속성과 글자크기 줄여서 출력, preformat, 필요에 따라 사..
1. charAt(idx): 인덱스에 해당하는 한 문자를 리턴함. 2. concat(s): 문자열을 연결하여 새로운 문자열을 생성. 3. contains(s): 문자열에서 찾고자 하는 문자열이 존재하는지 여부, 존재하면 true, 존재하지 않으면 false 4. endsWith(): 문자열이 특정 문자열로 끝나는지 여부. (true/false) String s1 = "Hello_Java_World.txt"; // 4. endsWith(): 문자열이 특정 문자열로 끝나는지 여부 System.out.println(s1.endsWith("txt")); System.out.println(s1.endsWith("hwp")); // 파일을 업로드하여 검증하는 방법 if(s1.endsWith("hwp")) { Sys..
1. == 연산자: 문자열의 참조를 비교함. Console 에 입력하면 항상 다른 인스턴스가 되고, 항상 다르다는 결과를 출력함 -> 문제점: 일반적으로 문자열의 값을 비교하게 됨. -> 해결책: 문자열 메소드를 통해서 값을 비교하도록 함. if(s1 == s2) { System.out.println("두 개의 문자열의 참조가 같습니다."); } else { System.out.println("두 개의 문자열의 참조가 다릅니다."); } 2. equals(): 두 문자열의 내용을 비교함. 영어 대소문자를 구분하여 비교함. if(s1.equals(s2)) { System.out.println("두 개의 문자열의 내용이 같습니다."); } else { System.out.println("두 개의 문자열의 내..
1. error(에러): 컴파일시에 발생하는 문제 2. exception(예외): 실행시에 발생하는 문제 3. 예외처리 - 예외를 처리하여 프로그램이 정상적으로 실행되도록 하는 것 4. Exception 클래스 - 모든 예외의 부모 클래스, java.lang 패키지 안에 존재 - try, catch는 1개 필수, 그 이상은 선택 - try 블럭 안: 예외가 발생할 수 있는 구문. 1번만 사용(필수) - catch 블럭 안: 예외가 발생했을 때의 처리. 1개는 필수, 그 이상을 선택. - finally 블럭: catch 블럭 아래에 1번만 사용 가능, 선택, 예외의 발생 유무와 상관없이 항상 실행 함. 1. try ~ catch(예외) 2. try ~ catc..