개발자의 끄적끄적

[javascript] charAt 함수 요약 문자열에서 인자로 주어진 값에 해당하는 문자를 리턴한다. 문법 1 charAt(index) 인자 index - 필수, 0보다 큰 정수 설명 문자열에 속하는 문자는 왼쪽부터 오른쪽까지 0부터 인덱싱되어 있다. charAt은 index로 주어진 값에 해당하는 문자를 리턴한다. 인덱스는 0부터 시작하기 때문에 index로 들어갈 수 있는 가장 큰 수는 (문자열.legnth-1)이다. 존재하지 않는 index를 인자로 전달하면 공백이 출력된다. charAt 는 index에 해당하는 문자를 리턴하고, chartCodeAt은 유니코드 값을 리턴하는 차이가 있다. 예제 1 2 3 4 var stringName = 'coding everybody'; alert(string..

[javascript] slice 함수 요약(Summary) 문자열의 특정구간을 검색 문법(Syntax) 1 string.slice(begin, end) 인자(Parameters) 인자명데이터형필수/옵션설명 begin number 필수 검색구간의 시작지점, end number 옵션 검색구간의 종료지점, 지정하지 않으면 string.length-1을 입력한 것과 같음 반환값(Return) string, 검색결과에 해당하는 문자열 설명(Description) 문자열에서 첫번째 인자와 두번째 인자 사이에 해당하는 문자열을 검색해서 리턴한다. 두번째 인자(end)를 지정하지 않으면 문자열의 끝까지를 검색대상으로 한다. slice, substring, substr 비교 var str = 'coding everyb..

[javascript] getTime() 요약(Summary) 시간에 대한 밀리세컨드를 리턴 문법(Syntax) 1 getTime() 인자(Parameters) 없음 반환값(Return) number, 1970년 1월 1일부터 객체의 시간까지에 대한 밀리세컨드 설명(Description) 예제(Example) 1 2 3 4 5 6 var minutes=1000*60; var hours=minutes*60; var days=hours*24; var years=days*365; var d=new Date(1980,0,3); alert(d.getFullYear()+"년으로부터 " + Math.round(t/days) + "일이 지났습니다"); 출처 : https://opentutorials.org/course..

[jquery] 날짜 비교 (날짜비교) [펌] 날짜 비교 입니다. 값을 가져와서 split로 자른후 Date 객체 생성 후 getTime로 비교 하는 것 입니다. 날짜 기간 조회시 시작 날짜가 종료 날짜 이후라면 검색(submit) 이 안 되도록 하는 스크립트 입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $("#search").click(function(){ var startDate = $( "input[name='startDate']" ).val(); //2017-12-10 var startDateArr = startDate.split('-'); var endDate = $( "input[name='endDate']" ).val(); //2017-..

[javascript] 각 단어의 첫글자를 대문자로 변환 return 변환 출처 : http://chongmoa.com/javascript/333191

[javascript] Crawling (크롤링) Crawling (Web Scraping) - 특정 페이지에 있는 정보들을 내가 원하는 포맷으로 가져오는 것 - 컴퓨터 소프트웨어 기술로 웹 사이트들에서 원하는 정보를 추출하는 것을 의미 - 웹 사이트를 자동으로 돌아다니며 분석 및 저장 등을 하는 행위 정도로 저장할 수 있음 - 사람들이 웹페이지에 직접 접속해서 정보를 읽어들이는 것과 유사 - 인터넷상에 흩어져 있는 자료들을 사람 대신에 프로그램을 통하여 서핑하며 수집과 가공을 하는 것 - 이때 프로그램의 구성에 따라 서핑 능력 차이가 발생하게 되는데 대표적으로 자바스크립트의 처리를 하는지 못하는지에 여부가 있음 크롤링 매커니즘 1. 크롤링 대상선정 (API 또는 웹 문서) 웹 상의 데이터는 고유한 ID..

[javascript] Javascript 기반의 압축 라이브러리, jszip [펌] 웹에서는 로컬에 저장된 여러 개의 파일을 사용하기 위해서는 사용자가 해당 파일들을 모두 마우스를 통한 직접적인 선택 행위가 적용되어야 보안상에 문제가 발생하지 않습니다. 이에 대한 대안은 여러개의 파일을 하나의 파일로 묶아 압축하고 압축된 파일 하나에만 이러한 사용자의 선택 행위가 적용되도록 하는 것입니다. 물론 네트워크를 통한 파일의 접근에는 이러한 문제가 발생하지 않습니다. 여튼, 여러 개의 파일이 하나로 묶인, 하나의 압축 파일로써 zip을 처리할 수 있는 자바스크립트 기반의 라이브러리가 몇가지 되는데.. 그중 제가 사용한 라이브러리를 소개합니다. 바로 jszip인데요. 아래의 해맑고 환하게 웃는 인상좋은 개발자의..

[javascript] 정규표현식을 이용한 이메일 유효성 검사 (자바스크립트) [펌] 정규표현식을 이용한 이메일 유효성 검사 Javascript 에서 정규표현식을 이용하여 E-mail 유효성을 검사합니다. email_check라는 이름의 함수를 만들어보았습니다. 정규표현식 검사를 통과하면 true를 리턴합니다. 이 함수를 이용하여 간단하게 이메일 주소를 검사하여 유효성 검사 통과여부를 검사하는 자바스크립트를 작성해보았습니다. 조금 더 응용하여 jquery를 이용하여 input box에서 포커스를 잃었을때 e-mail 주소 유효성 검사를 하는 코드입니다. 출처 : http://blog.tjsrms.me/%EC%A0%95%EA%B7%9C%ED%91%9C%ED%98%84%EC%8B%9D%EC%9D%84-%EC..