티스토리

Jechue World
검색하기

블로그 홈

Jechue World

jechue.tistory.com/m

Jechue's lifestyle 좀더나은 감성적인 프로그래밍을 하기위해 노력중입니다.

구독자
0
방명록 방문하기
공지 jechue Tistory blog ⋯ 모두보기

주요 글 목록

  • [javascript] 스크립트에서 프로젝트 패스 설정 var ctx = window.location.pathname.substring(0, window.location.pathname.indexOf("/",2)) + "/";var baseUrl = location.origin + ctx; 공감수 1 댓글수 0 2018. 10. 5.
  • 아이폰 클릭 이벤트 아이폰 사파리에서 간혹 $(document).click() 실행되지 않을때가 있다. 간단한 해결법으로는 해당 클릭 이벤트의 tag의 style에 .click_test { cursor: pointer; } 를 적용시켜주면 간단히 해결가능하다. It's important to realize that if you're just using tags everything will work as expected. You can click or drag by mistake on a regular link on an iPhone and everything behaves as the user would expect.I imagine that you have arbitrary HTML that is not clickable.. 공감수 4 댓글수 1 2017. 6. 27.
  • 네이버 지도 API를 이용해보자 네이버 지도 도큐먼트https://navermaps.github.io/maps.js/docs/ 네이버 개발자 센터 포럼http://forum.developers.naver.com/ 네이버 애플리케이션 등록https://developers.naver.com/apps/ 다음 지도 API 네이버 지도 API 사용제한 * 개인 200000/일* 법인(개인사업자 포함) 300000/일 * 사용제한 및 차단시 429 error 발생 * 일별 쿼터 초과시 12시 이후 호출가능 * 상업적 사용 허용, API 리셀링 금지 * 주소로 좌표 API TEST 계정 : 분당 60건 SERVICE 계정 : 분당 1800건처리 가능 * 하나의 IP에 여러 개의 키를 사용시 어뷰징 유저로 판단후 차단 http://cafe.daum... 공감수 0 댓글수 0 2017. 6. 26.
  • [javascript] 정규표현식으로 이메일, 전화번호 체크 이메일 체크//(알파벳 + 숫자 + _ + . )@function regEmailType(data) {var regex = /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;return regex.test(data);} 핸드폰 체크// 3자리 + 3,4자리 + 4자리function regPhoneType(data) {var regex = /^\d{3}-\d{3,4}-\d{4}$/;return regex.test(data);} 공감수 2 댓글수 0 2017. 3. 27.
  • [javascript] 정규표현식으로 패스워드 체크 // password 입력을 받기 위한 정규식 6-16자리 영문, 숫자, 특수문자 조합function regPasswordType(data) {var regex = /^(?=.*[a-zA-Z])(?=.*[!@#$%^*+=-])(?=.*[0-9]).{6,16}/;return regex.test(data);} 공감수 2 댓글수 1 2017. 3. 27.
  • [javascript] 정규표현식으로 도메인 URL 체크 // 도메인 url 형태를 검증한다. http/s 옵셔널 파라미터 가능 맞을경우 true, 아닐경우 falsefunction regUrlType(data) {var regex = /^(((http(s?))\:\/\/)?)([0-9a-zA-Z\-]+\.)+[a-zA-Z]{2,6}(\:[0-9]+)?(\/\S*)?/;return regex.test(data);} 공감수 0 댓글수 0 2017. 3. 27.
  • [javascript] 정규표현식으로 숫자 천단위 콤마넣기 function util_numberWithCommas(str) { return str.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");} 공감수 1 댓글수 0 2017. 3. 27.
  • [javascript] html2canvas 로 html 이미지 저장 html2cavas 로 html 이미지 저장 html2canvas 를 이용하여 html을 canvas로 변환 한 후 이미지로 저장할 수 있다. https://github.com/niklasvh/html2canvas/releasesjs 다운 경로 html2canvas.js 를 추가하고 canvas 변환할 html DIV태그.... javascript 이미지 생성function makeShareImage(){element = $("#canvas_div");html2canvas(element, {onrendered : function(canvas) {getCanvas = canvas;upload();}});} javascript 이미지 업로드 form data 로 ajax 전송function upload() .. 공감수 2 댓글수 0 2017. 2. 3.
  • [javascript] 정규표현식으로 콤마 제거 정규표현식으로 콤마 제거 /* array comma 제거 */function util_uncomma(str) { str = String(str); return str.replace(/[^\d]+/g, '');} 공감수 0 댓글수 0 2017. 2. 3.
  • [javascript] 정규표현식으로 공백 제거 정규표현식으로 공백 제거 /* 공백 제거 */function util_trim(str) {return ifnull(str).replace(/\s/g,"");} 공감수 0 댓글수 0 2017. 2. 3.
  • [javascript] 해쉬태그, 앳 변환 문장내에 HASH TAG, AT을 a tag로 변환 /* 문장안에 hashtag, at을 a tag 로 변환 */function util_convert_to_hash_tag(str) {var inputString = str;inputString = inputString.replace(/#[^#\s]+|@[^@\s]+/gm, function (tag){return (tag.indexOf('#')== 0) ? '' + tag + '' : '' + tag + '';});return inputString;} 정규표현식으로 코딩해본것임 공감수 2 댓글수 0 2017. 2. 3.
  • [javascript] 주소창 URL 바꾸기 주소창 URL 바꾸기/* change URL */ function util_change_url (title, change_url) {// pushState() 메서드는 state object, title URL 변수를 가진다. -https://developer.mozilla.org/ko/docs/Web/API/History_API if (typeof (history.pushState) != "undefined") { var obj = { Title: "", ChangeUrl: change_url }; history.pushState(obj, obj.Title, obj.ChangeUrl); } else { //alert("Browser does not support HTML5."); }} 공감수 0 댓글수 0 2017. 2. 3.
  • [javascript] UNIX TIME 으로 날짜 상태 표현 UNIX TIME 으로 날짜 상태 표현 /* 유닉스 타임 날짜 계산 */ function util_convert_to_millis(time){// ex) time value = 1481521584.676var currentTime = new Date().getTime()/1000;var inputTime = time;var diffTime = currentTime - inputTime;var postTime;switch(true) {case diffTime < 60: postTime = '방금'; break;case diffTime < 3600: postTime = parseInt(diffTime/60) +'분 전'; break;case diffTime < 86400: postTime = parseInt.. 공감수 0 댓글수 0 2017. 2. 3.
  • IOS safari 세션 문제 - IOS 6.0 사파리 브라우져의 [쿠키허용] 정책 변경 - 기존 설정 (쿠키 허용에 대한 정책 설정)으로는 결제시 안심클릭 카드사 인증에 대한 세션을 유지하지 못하게 되면 결제 진행 불가 (카드사 인증창 호출 불가)현상 발생 할 수 있음 1. 기존(IOS 6.0이전) 쿠키 허용 기본 값 : “방문한 곳” or “항상” 설정시 결제이용 가능 (세션유지가 가능) 2. 변경(IOS 6.0 이후) : “항상” 설정 시에만 세션유지 가능. “방문한곳”, “안함” 일 경우 세션 단절 공감수 0 댓글수 0 2017. 1. 25.
  • [javascript] 엘리먼트 사이즈 구하기 엘리먼트 사이즈 구하기 * 엘리먼트의 전체 크기method - offsetWidth, offsetHeight return - 엘리먼트 패딩, 보더, 스크롤바의 사이즈를 포함한 값 * 실제 보여지는 컨텐츠 크기method - clientWidth, clientHeightreturn - 보더, 스크롤바 크기 제외한 실제 컨텐츠 사이즈를(패딩 포함) 포함한 값 * 실제 보여지는 것과 상관없이 컨텐츠 크기method - scrollWidth, scrollHeightreturn - 전체 스크롤바를 사용하여 숨겨진 역역까지 포함한 사이즈 값 - 엘리먼트 크기 참고http://ohgyun.com/571 - 스크롤 페이지 더보기 참고http://ankyu.entersoft.kr/Lecture/jquery/jquery_.. 공감수 0 댓글수 0 2017. 1. 10.
  • [javascript] 웹 브라우저, 모바일 디바이스 구분하기 JAVASCRIPT PC MOBILE 구분/ 브라우저 구분 var device = "pc";var browserName = undefined;var userAgent = navigator.userAgent.toLowerCase();var userAgentName = navigator.appName;var mobileDevice;var mobilePhones = new Array('iphone','ipod','android','blackberry','windows ce','nokia','webos','opera mini','sonyericsson','opera mobi','iemobile'); /* pc, mobile 확인 */for(var i=0;i 공감수 0 댓글수 0 2016. 11. 4.
  • 카카오 SDK 카카오 쓰레기다. https://developers.kakao.com/ 8080포트에서는 서비스 지원을 안한다. 카카오 init 등록하고 사용하면됨 // 카카오 로그인, 카카오API 사용자 정보들고오기Kakao.Auth.login({success :function(response) {Kakao.Auth.getStatus(function(response){console.log("state : " +response);if(response.status === "connected"){Kakao.API.request({url:'/v1/user/me',success : function(respose) {var data= {user_id : response.user.id.toString(),type : "K"}fn_.. 공감수 0 댓글수 0 2016. 8. 19.
  • 동영상 video tag 웹에서는 html5 video 태그를 쓰면 잘먹는다. 하지만 아이폰(사파리), 안드로이드(크롬) 에서는video 태그를 쓸 경우, 썸네일이 나오지 않는경우가 생긴다 (사파리) 안드로이드는 video 태그의 옵션중 controls를 쓰면 보이기는하는데모바일 웹이 안드로이드만 있는게 아니니 결론적으로 못쓴다.일일이 userAgent 메서드로 체크를 해서 하면되긴되는데여기서 또 문제가 카카오 공유했을시 클릭을하면 카카오톡 자체에서 카카오 웹뷰를 띄우는데 동영상 썸네일이 나오지 않고 플레이버튼만 나온다. 결론적으로 위와 같이 사용해서는 안된다는 결론이다. 내입장에서 나중에 더많이 찾아보면 나올수도 있겠지만.. 그래서video.js 를 사용하면된다. 일단은 아파치 라이센스라 무료 http://docs.videoj.. 공감수 0 댓글수 0 2016. 8. 19.
  • 페이스북 SDK 페이스북SDK는 비동기 방식이다 FB.login 로그인 메서드를 사용할때 FB.getLoginStatus를 먼저 체크하고 FB.login 을 사용하면 익스플로러에서는 반응을 못한다.(크롬에선 가능, 사파리 되따가안됬따가) 그래서 // 로그인만 FB.login(function(response) { // 페북 로그인 상태 확인 connected. 사용자가 Facebook에 로그인하고 앱에 로그인 // not_authorized. 사용자가 Facebook에 로그인했지만 앱에 로그인 안함 console.log(response); //statusChangeCallback(response); var data = { accessToken : response.authResponse.accessToken, user_id.. 공감수 0 댓글수 0 2016. 8. 19.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.