개발자의 끄적끄적

[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..

[javascript] 카카오톡 공유 api 연동 예제 Kakao.init('카카오톡 개발자 도구에서 받은 javascript api 인증키'); function link_kakao() { var sh_title = "공유할 제목"; var sh_desc = "상세설명"; Kakao.Link.sendDefault({ objectType: 'feed', content: { title: sh_title, description: sh_desc, imageUrl: "대표 이미지 ( 예 : 로고, 썸네일 등등 )", link: { mobileWebUrl: "모바일 링크 url", webUrl: "PC 링크 url" } }, }); } 위 내용처럼 클릭이 이벤트를 실행할 함수를 하나 만들어주고, 필수값인 제목, 내..

[javascript] Vue.js란 무엇인가? [펌] Vue.js란 무엇인가? MVVM 패턴의 ViewModel 레이어에 해당하는 화면단 라이브러리 데이터 바인딩과 화면 단위를 컴포넌트 형태로 제공하며, 관련 API 를 지원하는데에 궁극적인 목적이 있음 Angular에서 지원하는 양방향 데이터 바인딩 을 동일하게 제공 하지만 컴포넌트 간 통신의 기본 골격은 React의 단방향 데이터 흐름(부모 -> 자식)을 사용 다른 프런트엔드 프레임워크(Angular, React)와 비교했을 때 상대적으로 가볍고 빠름. 문법이 단순하고 간결하여 초기 학습 비용이 낮고 누구나 쉽게 접근 가능 MVVM 패턴이란? 위키에 명시된 것처럼, Backend 로직과 Client 의 마크업 & 데이터 표현단을 분리하기 위한 구조로..

[javascript] 글자수 체크, 문자열 길이 구하기(한글 포함) [펌] Javascript에서 문자열 길이를 체크할때, 그냥 length를 사용하면 1Byte인 영문, 숫자 입력시엔 상관없지만 한글 '가' 입력시에도 length 값은 1로 나온다. 아래 스크립트는 escape() 함수를 이용해 입력받은 값이 한글인지 판단 후 글자수를 2byte로 계산해준다. var getTextLength = function(str) { var len = 0; for (var i = 0; i < str.length; i++) { if (escape(str.charAt(i)).length == 6) { len++; } len++; } return len; } document.write(getTextLength('12..

[javascript] 자바스크립트에서 urlencode(), urldecode(), rawurlencode(), rawurldecode() php 코드와 동일하게 설정 [펌] // 자바스크립트에서 urlencode(), urldecode(), rawurlencode(), rawurldecode() php 코드와 동일하게 설정 // 자바스크립트에서 php urlencode 구현 함수 function urlencode(str) { str = (str + '').toString(); return encodeURIComponent(str) .replace(/!/g, '%21') .replace(/'/g, '%27') .replace(/\(/g, '%28') .replace(/\)/g, '%29') .repla..