개발자의 끄적끄적

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

[javascript/jquery]메타(Meta)태그 jquery로 요소 내용 변경하기 [펌] C.m.A 사이트에서 사용하고 있는 메타태그 예제 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 C.m.A 사이트에서 사용하고 있는 메타태그를 변경하는 스크립트 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 스크립트를 실행하면 아래의 내용대로 메타태그를 변경시켜줍니다. 1 2 3 4 5 6 7 8 출처 : http://chongmoa.com/jquery/19849

[javascript] serialize()를 이용한 ajax Form 데이타 전송하기 serialize() 입력된 모든Element(을)를 문자열의 데이터에 serialize 한다. serialize()를 이용하면 일일이 fname=값&femail=값&sex=값&job=값 이렇게 안해주어되 됩니다. serialize()를 사용하지 않고 파라미터값을 전달시 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 이름 : 이메일 : 성별 : 여자 남자 직업 : 직업1 직업2 직업3 라고 했을때 serialize()를 사용하지 않고 파라미터값을 전달시 fname=값&femail=값&..

[javascript] input 태그에 엔터키 입력 동작하게 하기 onkeydown="if(event.keyCode==13) javascript: 함수명();" 위의 내용을 input 태그에 추가해주고 javascript: 함수명(); 이부분을 동작하고자 하는 함수를 만들어서 호출하게 바꿔주면 끝! 참고들하세요!

[javascript] form action 변경예제