개발자의 끄적끄적

[javascript] 이메일 체크 정규식 예제 var mail_regExp = /^[A-Za-z0-9_\.\-]+@([a-zA-Z0-9]{1,10})\.([a-zA-Z]{1,10})+$/; var email_val = $("#"+ id).val(); rtn_result = email_val.match(mail_regExp); 예를들어, aaa@aaa.com.com 과 같은 이메일 형식은 불가능하고 aaa.aaa@aaa.com 과 같은 이메일 형식은 허용하는 정규식입니다. 위 정규식을 참고하여 적용하시고, rtn_result 값만 체크하는 로직을 연동하시면 바로 사용 가능하실껍니다! 오류가 있을 수 있으니 꼭 체크해보시고 사용하세용!!

[javascript] 자바스크립트에서 Image 썸네일 만들기 [펌] javascript 에서 업로드한 file 을 썸네일로 만들어 보겠습니다. 모바일 작업을 하는 중에 스마트폰에서 업로드 하는 이미지는 용량이 꽤 크기 때문에 웹 메모리상에 부하가 너무 심해서 썸네일로 줄여볼 방법이 없을까 하다가 찾게 되었습니다. FileReader 객체를 사용합니다. 지원 범위는 다음과 같습니다. 출처 : http://caniuse.com/#feat=filereader Jquery Import는 기본입니다. 먼저 파일 태그와 썸네일을 배치할 div 태그를 만듭니다. 1 2 3 Colored by Color Scripter cs 다음으로 Img File을 업로드한 후 작업 소스입니다. (javascript) 1 2 3..

[javascript] color picker [펌] 자바스크립트로 color picker 를 구현해야 되는 내용이 생겨서 찾아보던 중 tinycolorpicker 라는 color picker 가 있어서 퍼왔습니다! 내용확인용으로만 참고하시구요! 자세한 내용은 아래 출처 링크 들어가서 확인해 보셔야 됩니다!! 도움들 되시길! Top 5 : Best javascript and jQuery color picker plugins JULY 7TH 2020 89.7K 11 COMMENTS A color tool, color picker, or color chooser in an application, is an utility that is usually but not necessarily found within ..

[JS/Calendar] 바닐라 자바스크립트로 달력 구현하기 [펌] 오늘은 바닐라 자바스크립트로 캘린더 구현하는 방법을 포스팅해보려고 한다. 캘린더 모양은 대충 이렇게 생겼고, 오늘 날짜는 노란색 동그라미로 표시된다. 그리고 특정 날짜를 클릭하면 해당 날짜가 다른 색깔로 표시되고 왼쪽 사각형에 있는 날짜와 요일이 클릭한 날짜로 바뀌어야 한다. 해당 기능을 구현한 코드는 위에 codepen으로 올렸고, 몇 가지 코드만 어떻게 구현했는지 적으려고 한다. const init = { monList: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December..

[Javascript] 날짜 및 시간 설정, 경과 시간 계산, 비교 [펌] Date 개체를 사용하여 날짜 비교 및 경과 시간 계산을 할 수 있다. 1. 날짜를 현재 날짜로 설정 - 날짜를 지정하지 않고 Date개체의 인스턴스를 만들면, 연도, 월, 일, 시, 분, 초 및 밀리초를 포함하는 현재 날짜와 시간을 나타내는 값을 반환한다. - 예제 코드 1 2 3 4 var dt = new Date(); document.write(dt); //Sun Aug 24 2014 15:33:59 GMT+0900 (대한민국 표준시) 2. 특정 날짜 설정 - 생성자에 날짜 문자열을 전달하여 특정 날짜를 설정할 수 있다. - 특정 날짜 생성하기 1 2 3 4 5 6 7 8 9 10 11 var dtA = new Date('8..

[자바스크립트] 리스트 검색 필터 이미 JSP단에 나열된 리스트가 있다고 하자. 그럴 때 특정 키워드를 입력해 해당 단어를 포함한 목록들을 추려내고자 한다면 contains 함수를 사용할 수 있을것이다. (본 게시글에서는 DB에서의 필터링을 다루지 않는다.) 검색: 나미야 잡화점의 기적(양장본) 창문 넘어 도망친 노인 코끼리의 무덤은 없다 꾸뻬씨의 행복여행(양장본) 앵무새 죽이기 출처: https://tozitizi.tistory.com/entry/자바스크립트-리스트-검색-필터 [TOZITIZI]

[javascript] location 객체 location location은 URL 정보를 가져오는 객체입니다. URL 전체 또는 일부의 정보를 가져올 수 있는데, 대표적인 것들은 다음과 같습니다. location location.host location.hostname location.href location.pathname location.protocol 예제 URL이 https://example.codingfactory.net/_lab/javascript.html 일 때, 각 객체 속성이 어떤 값을 가져오는지 알아보는 예제입니다. location location.host location.hostname location.href location.pathname location.protocol 출처 ..

[jquery] datepicker label explorer 오류 달력 이미지 보통 jquery datepicker를 사용할때 위처럼 input 박스와 그 옆에 달력이미지를 label로 감싸서 두가지다 클릭 반응이 일어날때 달력 선택 창이 그려지게 됩니다. 하지만, 달력 이미지 위처럼 코딩을하면 크롬에서는 정상동작하지만, explorer에서는 이미지 클릭시에는 아무반응이 없습니다. 정확한 원인은 모르겠지만... input 태그와 매칭을 해야하는 과정에서 id 와 name가 같은 이름이 쓰이는 동작을 안하는것을 확인했습니다!! 개발에 도움들 되시라고 올려봅니다!! 참고들 하세요!!