전체 글 34

[Javascript] 정규식 사용 아이디 유효성 검사

아이디나 비밀번호 유효성 검사할때 jQuery 정규식 표현을 사용하여 유효성을 검사 할 수 있다 자주쓰는 정규표현식 숫자만 입력 가능 : /[^0-9]$/ ^는 문자의 시작 부분에 대응하여 $는 끝 부분과 대응하여 숫자만 입력 했는지 검사할 수 있다 한글만 입력가능 : /[^가-힣]$/ 영어만 입력 가능 : /[^a-zA-Z]$/ a-z는 소문자 A-Z는 대문자를 의미하며 소문자와 대문자만 있는지 검사할 수 있다 아이디 유효성 검사 예시 function fn_validateId(str) { var id = str; //특수문자가 있는지 확인 var spe = id.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi); // 한글이 있는지 확인 var korean = id.search(/[ㄱ..

Web/Javascript 2021.01.19

[JSTL] JSTL?

JSTL(JSP Standard Tag Library) 커스텀 태그 중 자주 사용되는 태그를 모아 표준화한 라이브러리 커스텀 태그: JSP에서 필요에 따라 새로운 태그를 추가할 수 있는 기능 태그라이브러리 별 선언문 - 기능사용을 위해 추가해야한다 1. Core (prefix : c) 일반 프로그래밍에서 제공하는 것과 유사한 변수선언 실행 흐름의 제어 기능을 제공 페이지 이동 기술 제공 2. Formatting (prefix : fmt) 숫자, 날짜, 시간을 포매팅하는 기능을 제공 국제화, 다국어 지원 기능 제공 3. DataBase (prefix : sql) DB의 데이터를 입력 / 수정 / 삭제 / 조회 하는 기능을 제공 4. XML (prefix : x) XML문서를 처리할 때 필요한 기능 제공 5..

Web/JSTL 2021.01.13

[웹접근성] 대체 텍스트 제공

텍스트가 아닌 콘테츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다 1. img태그 등의 이미지 요소에 대해 alt속성을 제공하지않거나 alt속성을 선언되어있으나 그 내용이 img 내용을 대체할수 없으면 안된다 2. img태그 에 title만으로 대체 텍스트를 제공해서는 안된다 3. 이미지맵을 사용할 경우 대체 텍스트로 설명하고 순서가 잘 맞도록 작성하여야한다 4. 게시판에 콘텐츠를 등록 하는 것처럼 사용자가 직접 대체 텍스트가 필요한 콘텐츠를 등록할 때 해당 컨텐츠의 대체 텍스트를 제공해야 한다

Web/웹접근성 2020.12.21

[웹접근성] label 태그

스크린리더와 같은 통신 기기는 label 태그를 통해 input 태그를 인식한다 label 태그는 양식 입력 창의 요소들을 위한 캡션 명시적, 암시적 코드 작성 방법이 있다 주로 input 태그와 함께 사용 텍스트 label의 for 속성을 input의 id 속성으로 연결 명시적 작성 방식 텍스트 암시적 작성 방식 텍스트 두 방식 모두 사용하더라도 문제가 없는 것이 표준이지만 일부 통신 기기에서 암시적 방식을 지원하지 않기 때문에 명시적 방식을 사용하는 것이 좋다 디자인 상 label이 제공되기 어려운 경우는 input 태그에 title 속성을 사용 input의 placeholder의 경우 스크린리더에서 읽혀지는것을 보장할수 없으므로 title 속성도 사용

Web/웹접근성 2020.12.08

[웹접근성] 키보드 접근성 고려 tabindex 사용

tabindex? 키보드의 Tab키를 눌렀을 때 포커스의 이동 순서를 임의로 조정할 수 있는 HTML의 속성 마크업 순서가 논리적으로 잘 구성되어 있다면 대체로 사용할 필요가 없지만 웹페이지를 구성할 때 디자인 요소 등 때문에 순서대로 배치되어 있지 않을 때 사용해 자연스럽게 페이지를 탐색할 수 있도록 구성한다 1. tabindex="1" 문서 안에서 가장 먼저 초점을 받을 수 있다 먼저 초점을 받기 때문에 사용 시 주의가 필요하다 2. tabindex="0" 키보드 초점을 받을 수 없는 div, span과 같은 요소도 초점을 받을 수 있도록 만들어 준다 초점 받는 순서는 마크업 순서를 따른다 2. tabindex="-1" 키보드 초점을 받을 수 있는 요소도 초점을 받을 수 없도록 한다

Web/웹접근성 2020.12.02

[Linux] Apache HTTP/HTTPS 리다이렉트

RewriteCond %{HTTPS} on/off 설정을 이용하여 프로토콜 별로 처리 Rewrite를 추가하는 부분에서 SSL 인증서를 사용하고 있다면 [P] 옵션을 사용하기 때문에 (P=Proxy) SSLProxyEngine On SSLProxyEngine On 추가 Proxy를 사용하지 않아도 될 경우에는 [P,R,L] -> [R=301,L] 사용 HTTP를 HTTPS로 리다이렉트 RewriteEngine On RewriteCond %{HTTPS} off RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [P,R,L] ex) ... 식으로 VirtualHost를 사용한다면 VirtualHost문 안에 작성 HTTPS를 HTTP로 리다이렉트 SSLProxyEngi..

Linux/Linux(CentOS) 2020.11.26

[Linux] Tomcat 설치

1. Tomcat 설치 톰캣 사이트에서 다운로드 주소 복사 tomcat.apache.org/ Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Java Servlet, JavaServer Pages, Java Expression Language and Java WebSocket technologies. The Java Servlet, JavaServer Pages, Java Expression Language and Java WebSocket specifications ar tomcat.apache.org 자신이 원하는 경로로 이동 후 ex) /usr/local wget http://ap..

Linux/Linux(CentOS) 2020.11.15

[Linux] Apache 설치

yum list installed | grep httpd 위 명령어를 통해 아파치가 설치 되어있는지 확인 yum install -y httpd 설치되어 있지 않다면 위 명령어로 설치 설치가 완료되면 /etc/httpd 의 경로로 설치됨 설치 완료후 방화벽 설정을 해준다 firewall-cmd --permanent --add-service=http firewall-cmd --permanent --add-service=https firewall-cmd --reload http(80)와 https(443) 를 추가해준다 서비스를 활성화 시키고 부팅시 실행되도록 설정한다 systemctl enable httpd systemctl start httpd 아파치를 실행시키고 주소창에 ip를 입력해 접속하면 위와같은 ..

Linux/Linux(CentOS) 2020.11.15