IT & 일상기록/HTML14 [정규 표현식] 정의 / 용도 / 작성법 / 활용 예시 / 도식화 사이트 소개 (1) 정의 : 문자열의 패턴을 수식으로 표현한 것 (2) 용도 : 유효성 검사에 사용(=오류 검증) / 주민등록번호, 이메일, 전화번호 등이 규칙대로 잘 작성되었는지 체크함 (3) 작성법 : 슬래시(/) 사이에 기호를 넣어서 작성 대표적 기호 최소 최대 설명 ^ - - 문자열의 시작을 의미 $ - - 문자열의 끝을 의미 | - - 좌우 패턴 중 하나 (= OR) [문자들] - - [ ]내의 문자 1개와 일치해야 함 [Hh]ello : Hello or hello [^문자들] - - [ ]내의 문자 제외한 문자 1개와 일치해야 함 * 여기서 캐럿(^)은 not을 의미 ^[문자들] - - [ ]내의 문자로 시작해야 함 [문자들]$ - - [ ]내의 문자로 끝나야 함 [문자1-문자2] 문자1 문자2 문자1과 .. 2022. 3. 13. [HTML] 태그 정리(8) - table 속성(가로/세로 병합) 태그 설명 사용방법 colspan 열/가로 병합 열(세로줄) 병합해서 가로 길이 늘릴 때 사용 (예시) 셀 만드는 태그(th, td) 속성으로 넣어줌 colspan="2"이와 같이 따옴표 안에 병합할 열 개수를 넣음. 2개의 열을 병합하겠다는 뜻 rowspan 행/세로 병합 행(가로줄) 병합해서 세로 길이 늘릴 때 사용 (예시) 셀 만드는 태그(th, td) 속성으로 넣어줌 rowspan="3"이와 같이 따옴표 안에 병합할 행 개수를 넣음. 3개의 행을 병합하겠다는 뜻 ▼ (전 게시물) 태그 정리(7) - 아래 링크 이동 [HTML] 태그 정리(7) - 테이블 생성 태그 / / / 태그 설명 테이블 생성할 때 table 태그를 사용한다. 단독으로 사용되지 않고 행을 만드는 tr 태그와 셀을 만드는 태그(.. 2022. 2. 7. [HTML] 태그 정리(7) - 테이블 생성 태그 <table> / <tr> / <th> / <td> 태그 설명 테이블 생성할 때 table 태그를 사용한다. 단독으로 사용되지 않고 행을 만드는 tr 태그와 셀을 만드는 태그(th 태그 또는 td 태그)를 같이 사용한다. 기본적으로 테두리가 보이지 않게 생성되므로 테두리 설정하는 속성을 사용해 줘야 한다. 예시에서는 table 태그에 테두리 크기 1로 설정함.(border="1") 한 행(Row)을 만들 때 tr 태그를 사용하는 데 셀을 만드는 태그(th 태그 또는 td 태그)와 같이 사용한다. th 태그는 tr 태그 내에서 사용되고 table의 header 부분에 셀을 만들 때 사용한다. (자동 가운데 정렬 + 굵은 글씨체로 표현됨) header 부분에 반드시 th를 사용해야 하는 건 아니고 td를 사용해도 상관없다. td 태그는 tr 태그 내에서 사용.. 2022. 2. 7. [HTML] 태그 정리(6) - <blink> / <cite> / <em> / <kbd> / <sub> / <sup> / <strong> 태그 설명/예시 화면 출력 blink태그는 깜빡이는 태그였으나 지원 종료된 태그 cite 태그는 인용이나 참조할 때 쓰이는 태그로 기울어진 이태릭체로 보임 i 태그가 이태릭체 태그라면 em 태그는 이태릭체와 강조 의미를 갖고 있다. 출력 화면엔 차이가 없다. kbd 태그는 키보드 입력을 한걸 code 코드처럼 고정폭 글꼴로 나타냄 sub 태그는 아래 첨자 태그로 글자 아래에 놓이는 작은 글자를 말한다. 수학/화학식 등에 사용됨 H2O sup 태그는 위 첨자 태그로 글자 위에 놓이는 작은 글자이고 각주 등에 사용됨 확고의 뜻은 무엇일까?1) strong 태그는 글자를 굵게 표시해 준다 ▼ (전 게시물) 태그 정리(5) - 아래 링크 이동 [HTML] 태그 정리(5) - / / / / / / / / 태그 설.. 2022. 1. 13. [HTML] 태그 정리(5) - <pre> / <address> / <b> / <i> / <small> / <big> / <center> / <tt> / <u> 태그 설명/예시 화면 출력 pre 태그는 스페이스, 공백을 인식하는 태그로 이렇게 줄 바꾸기를 하더라도 화면 그대로 웹 페이지에 출력함 address 태그는 메일 주소, 연락처 등 기록하는 태그 TEL. 02.1234.5678 / 경기 성남시 분당구 판교역로 © Kakao Corp. b 태그는 지정된 내용을 굵게 함 i태그는 기울어진 이태릭체 태그 small 태그는 기본 글자 크기보다 한 단계 더 작은 글자로 출력하는 태그(지원 중) big 태그는 기본 글자 크기보다 한 단계 더 큰 글자로 출력하는 태그인데 현재 HTML 표준에서 제외됨 center 태그는 본문의 중앙에 배치하는 태그 HTML 표준에서 제외됨 tt 태그는 타자기가 친 것처럼 보여주는 태그 HTML 표준에서 제외됨 u태그는 밑 줄 태그 H.. 2022. 1. 12. [HTML] 태그 정리(4) - 시맨틱 요소 (<p> / <div> / <hgroup> / <header> / <nav> / <section> / <article> / <aside> / <footer>) 시맨틱 요소 종류 (단락 구분 태그) 설명 화면 출력 앞/뒤로 빈 줄 1개가 생김 (연달아서 쓸 경우 빈 줄 2개 아닌 1개만 표시) HTML5 전에 사용하던 단락 구분 태그 현재에도 많이 사용하고 있음 HTML5 표준에서 제외된 항목으로 사용하지 않음 (header 요소에 포함 여러 개의 제목을 그룹화시킨 영역) (문서의 제목 영역) 확고의 블로그 (주 메뉴 영역) Java, HTML, JavaScript... (본문 영역 - 포괄적) 용어 정리 (본문 영역 - 개별적/세부사항) Java란? (본문 영역 - 개별적/세부사항) HTML이란? (본문 영역 - 개별적/세부사항) JavaScript란? (머리글/본문/하단과 상관없이 별도 분리 영역) 배너광고나 사이드바 위치 (문서 하단 영역) 저작권, 연락처.. 2022. 1. 11. Tomcat v9.0 서버 실행 오류/포트 번호 변경 방법 문구 해석 해결 방법 several ports(9999,8888) required by Tomcat v9.0 Server at localhost are already in use. The server may already be running in another process, or a system process may be using the port. To start this server you will need to stop the other process or change the port number(s). Tomcat v9.0에 필요한 여러 포트(9999,8888) localhost의 서버가 이미 사용 중입니다. 서버가 이미 다른 프로세스에서 실행 중일 수 있습니다. 또는 시스템 프로세스가 포트를 .. 2022. 1. 10. [HTML] 태그 정리(3) - HR태그 (속성 size / width / align / noshade / color 구분 설명 사용 예시 태그 정의 ※ 가로 수평선으로 내용을 분리시킬 때 사용 - 종료 태그 없는 홀 태그 형식(종료 태그를 사용해도 문제없음) - 구역을 나타내는 블록 레벨 요소 → 가로 수평선 두께 2, 길이 100, 오른쪽 정렬, 음영 효과 없이 분홍색으로 만들어라 ※ 속성에 값을 넣을 때 큰따옴표 또는 작은따옴표 사용/생략할 수 있음 size 속성 ※ 선의 두께 지정 width 속성 ※ 선의 가로 수평 길이 지정 align 속성 ※ 수평선의 정렬 방식 지정 - 정렬 종류 : center(중앙) / left(왼쪽) / right(오른쪽) - 기본 정렬 방식 : center(중앙) noshade 속성 ※ 음영 효과 제거 (size를 늘릴수록 음영효과가 보이는데 이러한 음영 효과를 제거) color 속성.. 2022. 1. 8. [HTML] 태그 정리(2) - DOCTYPE / <html> / <head> / <title> / <body> 종류 설명 사용 예시 문서의 종류와 버전으로 최상단에 위치 본문내용 문서의 맨 처음과 맨 끝에 위치 HTML 문서의 큰 제목 부분(요소를 담는 컨테이너) 웹 페이지의 제목 지정(브라우저의 창 제목) 본문 내용 ▼ (전 게시물) 태그 정리(1) - 아래 링크 이동 [HTML] 태그 정리(1) - / / ~ / / 주석 처리 / , / , 종류 설명 사용 예시 출력 화면 ① 문서의 문자 셋트(다국어 지원) ② 문서의 키워드, 부가 설명 정보 지정 (검색 엔진에서 이 내용을 참조하여 홈페이지 분류) ③ 지연 시간 이후에 이동할 주소 j-growthdiary.tistory.com ▼ (후 게시물) 태그 정리(3) - 아래 링크 이동 [HTML] 태그 정리(3) - HR태그 (속성 size / width / al.. 2022. 1. 8. 이전 1 2 다음 728x90 반응형
