스킬(skills) 188

[자바스크립트] replace 정규식을 이용하여 replaceall 효과

예) str.replace("-",""); -> -를 공백으로 변경한다.하지만 첫번째 - 만 공백으로 변경하고 나머지는 변경이 되지 않는다. [정규식 이용해서 gi 로 감싸기]str.replace(/-/gi, ""); -> -를 감싼 따옴표를 슬래시로 대체하고 뒤에 gi 를 붙이면 replaceAll 과 같은 결과를 볼 수 있다. [정규식의 gi 설명]* g : 발생할 모든 pattern에 대한 전역 검색* i : 대/소문자 구분 안함* m: 여러 줄 검색 (참고)

자바스크립트 정규표현식 유효성 검사

// 모든 공백 체크 정규식 var regExp = /\s/g; // 숫자만 체크 정규식 var regExp = /^[0-9]+$/; // 이메일 체크 정규식 var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; // 핸드폰번호 정규식 var regExp = /^\d{3}-\d{3,4}-\d{4}$/; // 일반 전화번호 정규식 var regExp = /^\d{2,3}-\d{3,4}-\d{4}$/; // 아이디나 비밀번호 정규식 var regExp = /^[a-z0-9_]{4,20}$/; // 휴대폰번호 체크 정규식 var regExp = /^01([0|1|6|7|8|9]?)-?(..

테이블 넓이가 퍼센트로 지정되어져 있는데 pre 태그를 써야 할 경우

제목 그대로 테이블의 넓이가(width) 퍼센트로 지정 되어져 있는 경운데 td 안에 pre 태그를 써야 할 경우가 있다. 이럴 때 만약 pre 태그안에 내용이 무지 길다면 예)내용........................ 테이블이 가로로 쫙! 늘어나는 경우가 생긴다.이럴 경우를 방지 하고자 할때 pre 태그에 다음과 같이 스타일을 주면 된다. 내용

스킬(skills)/HTML 2015.12.22

값(수치)을 차트(그래프)로 표시하기

이거는... 그냥 개발 하다가 유용한 팁(?) 정도라서 포스팅을 할까 말까 고민하다가 일단 적어본다.그냥 나중에 나 혼자라도 살펴 볼 경우가 있을 지 모르니까.. 예를 들어 일별로 표시 되는 수치에 그래프를 다음과 같이 표시 해야 할 경우 대체 2015-12-02 는 뭐를 기준으로 해서 그래프가 꽉 찼고 나머지 일자는 대체 뭐를 기준으로 저렇게 표시가 됐단 말인가?정답은 최대 값이다.검색 기준일이 2015-12-01 부터 2015-12-20 이다.그러면 이 날중에 가장 최대 값을 구하는것이다. 보시다 시피 2015-12-02 날짜의 수치가 22로써 제일 크다.이렇게 맥스(max) 값을 구해놓고 퍼센트를 구하면 된다. 현재 값 / 최대 값 * 100 해당 퍼센트 값을 1px 짜리 그래프 이미지에다가 적용 ..

파일 다운로드 시 ClientAbortException: java.net.SocketException: Connection reset by peer: socket write error 팁

파일 다운받기 이후 취소 버튼을 누르면 다음의 메시지가 발생한다. ClientAbortException: java.net.SocketException: Connection reset by peer: socket write error 따라서 파일 다운받기 이후에 어떠한 비지니스 로직이 정상적으로 수행 안될수도 있다. 따라서 파일 다운받기 이전 단계에 비지니스 로직을 완성 시켜야 한다.