Round Figure

인스타그램 장기 토큰을 발급해도 만료일이 60일 이기 때문에 토큰을 갱신해 줘야 함 var token = ""; $.ajax({ type:'GET', url : 'https://graph.instagram.com/refresh_access_token?grant_type=ig_refresh_token&access_token='+token, dataType:'json', success:function(data){ token = data["access_token"]; }, error:function(request, error) { alert("error"); } }); 위 token 값에 장기 토큰을 입력하면 갱신할 수 있다. 자동으로 갱신하기 위해서는 DB에 저장해서 날짜를 계산하여 60일 이전에 갱신해 주..

페이지 제목이 없다면 페이지 내용을 일일이 탐색해가며 찾아야한다 그렇기때문에 페이지의 제목을 읽고 어떤 내용일지 유추 할 수 있도록 페이지의 목적을 설명하는 title 을 제공하여야 한다 페이지 title 태그를 작성하거나 스크립트로 값을 넣어준다 title 태그 작성 페이지 제목 스크립트로 title 값 변경

자바에서는 특정 문자가 포함되었지를 알기 위해 contains() 함수를 통해 true/false 반환 값으로 알 수 있지만 자바스크립트에서는 contains 함수를 지원하지 않는다 자바스크립트에서는 indexOf() 함수를 사용하여 특정 문자를 찾을 수 있다 indexOf 함수는 특정문자열을 찾고 그 문자열이 첫번째로 나타나는 위치(index)를 리턴한다 찾는 문자열이 없으면 -1을 리턴한다 문자열을 찾을때 대소문자를 구분한다 ex) var str = "Hello World"; str.indexOf('Hello'); // 반환값 0 str.indexOf('Bye'); // 반환값 -1 ex) 특정문자가 존재하지 않을때 var str = "Hello World"; if(str.indexOf('Bye') ..

웹페이지 작업을 하던 중 특정기간동안 필요한 정보를 저장하기위해 쿠키를 사용해야할 때가 있다 setCookie('쿠키 설정할 이름','설정할 값',1); 으로 쿠키를 설정 할 수 있다 3번째 매개변수는 설정할 기간을 설정한다. function setCookie(c_name,value,exdays) { var exdate=new Date(); exdate.setDate(exdate.getDate() + exdays); var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); document.cookie=c_name + "=" + c_value; } getCookie('쿠키 설정한 이름'); 으로 쿠키의 내용이..

자바스크립트 함수 window.print()로 인쇄를 할 수 있다. 전체 화면이 아닌 특정 영역만 인쇄하려면 영역을 지정해주고 인쇄함수를 실행하고 다시 기존 화면으로 변경해야 한다. var div; var initBody; function print(id) { div = document.getElementById(id); window.onbeforeprint = beforePrint; window.onafterprint = afterPrint; window.print(); } function beforePrint() { initBody = document.body.innerHTML; document.body.innerHTML = div.innerHTML; } function afterPrint() { d..

alert, prompt, confirm 함수를 통해 사용자에게 어떠한 메세지를 줄 수 있는 팝업창을 띄우거나 입력을 받을수 있는 팝업을 띄울 수 있다. 1. alert alert("테스트"); - 괄호안 내용을 띄워준다 2. prompt var input = prompt("입력해주세요"); - 사용자에게 입력값을 받을 수 있는 창을 띄워준다 3. confirm if(confirm("테스트입니다")) { alert("true값"); } else { alert("false값"); } - 사용자에게 true, false 값을 입력 받을수 있는 창을 띄워준다

[jquery] select box 선택값 가져오기 select box ID로 접근하여 선택된 값 읽기 $("#셀렉트박스ID option:selected").val(); select box Name로 접근하여 선택된 값 읽기 $("select[name=셀렉트박스name]").val(); 같은 방식으로 span과 같은 다른 태그도 접근 가능하다 $("span[name=셀렉트박스name]").text(); 선택된 값의 index를 불러오기 var index = $("#셀렉트박스ID option").index($("#셀렉트박스ID option:selected")); 셀렉트 박스에 option값 추가하기 $("#셀렉트박스ID").append("1번"); 셀렉트 박스 option의 맨앞에 추가 할 경우 $("#셀..

비밀번호 유효성검사 예시 function checkPassword(password){ if(!/^[a-zA-Z0-9]{8,16}$/.test(password)){ alert('숫자와 영문자 조합으로 8~16자리를 사용해야 합니다.'); return false; } var checkNum = password.search(/[0-9]/g); // 숫자사용 var checkEng = password.search(/[a-z]/ig); // 영문사용 if(checkNum

아이디나 비밀번호 유효성 검사할때 jQuery 정규식 표현을 사용하여 유효성을 검사 할 수 있다 자주쓰는 정규표현식 숫자만 입력 가능 : /[^0-9]$/ ^는 문자의 시작 부분에 대응하여 $는 끝 부분과 대응하여 숫자만 입력 했는지 검사할 수 있다 한글만 입력가능 : /[^가-힣]$/ 영어만 입력 가능 : /[^a-zA-Z]$/ a-z는 소문자 A-Z는 대문자를 의미하며 소문자와 대문자만 있는지 검사할 수 있다 아이디 유효성 검사 예시 function fn_validateId(str) { var id = str; //특수문자가 있는지 확인 var spe = id.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi); // 한글이 있는지 확인 var korean = id.search(/[ㄱ..