반응형

Programming/JavaScript & jQuery 34
[Javascript] 하이브리드앱과 브라우저 구분하기

요즘 모바일 페이지를 보면 어플을 통해 접속할것인지 접속한 웹페이지를 통해 계속해서 이용을 할것인지 물어보는 팝업들을 확인해볼 수 있다. 요즘 많은 사람들이 이용하는 쿠팡 모바일 사이트에도 구현되어 있다 이런 안내 팝업은 어떻게 앱이 아닌지 구분을 할 수 있을까? 자바스크립트를 통해 해당 기능을 구현할 수 있다. var ua = navigator.userAgent.toLowerCase(); if(ua.indexOf("app scheme") > -1) { // 코드 } 위와 같이 소스를 작성 후 개발된 앱의 user agent 내의 scheme 값을 확인하여 app scheme 에 값을 대체해 넣으면 해당 앱으로 접속이 되었는지 확인이 가능하다 scheme 값은 앱개발 담당자에게 확인해보시길^^
Programming/JavaScript & jQuery 2022.11.24

[javaScript] 키보드 이벤트 타입 및 객체 (keydown & keyup)

키보드 이벤트 타입 키보드 이벤트는 사용자가 키를 누르거나 키를 높을 때 발생한다. 키를 누를 때는 keydown, 키를 놓을때는 keyup 이벤트가 발생된다. 예전에는 keypress 이벤트도 많이 사용되었으나, 현재는 사용을 권장하지 않는다. 키보드 이벤트는 DOM 상의 창(windows)이나 문서(document), 또는 요소(element)에서 발생된다. 예를 들어 창(window)에서 발생하는 keydown 이벤트 처리는 다음과 같이 콜백(callback) 함수를 설정해주면 된다 window.onkeydown = (e) => console.log(e); addEventListener 함수를 이용해도 된다. window.addEventListener("keydown", (e) => console...
Programming/JavaScript & jQuery 2022.10.26

[JavaScript] 현재 시간을 가져오는 방법

[JavaScript] 현재 시간을 가져오는 방법 현재 시간 정보를 가져와서 스크립트 내에서 활용을 할때 사용할 수 있음 var Now = new Date(); // Tue Oct 20 2015 10:48:49 GMT+0900 (대한민국 표준시) 라고 표시 Now.getFullYear(); // 년 Now.getMonth(); // 월 (월 단위의 경우 0부터 시작되기 때문에 +1) Now.getDate(); // 일 Now.getHours(); // 시 Now.getMinutes(); // 분 Now.getSeconds(); // 초 표시 예제 날짜 2자리 표시 (“0” +Now.getDate()).slice(-2); 월 2자리 표시 (“0” + (Now.getMonth() + 1)).slice(-2);
Programming/JavaScript & jQuery 2022.10.24

[Javascript] localStorage 배열 형식 저장하기

[Javascript] localStorage 배열 형식 저장하기 브라우저의 localStorage 영역에 배열 형식의 데이터를 저장하고, 불러와서 사용이 가능함 localStorage 배열 형식 저장 var arr = [1,2,3,4,5] localStorage.setItem("key", JSON.stringify(arr)); 저장된 배열형식 출력 var output = localStorage.getItem("key"); var arr = JSON.parse(output); console.log(arr) // [1,2,3,4,5]
Programming/JavaScript & jQuery 2022.10.24

[Ajax] JSON 타입의 데이터를 이용하여 PHP 페이지로 데이터 보내기

아래의 소스는 Ajax를 이용하여 PHP 페이지에 JSON 타입의 데이터를 보내는 소스이다 간단한 예제로 아래의 소스를 응용하여 더 복잡한 기능의 페이지를 제작할 수 있다 [ajax.html 소스] 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 Ajax Test $('#getResult').click(function(){ $('#result').html(''); $.ajax({ url: 'result.php', dataType: 'json', type: 'POST', data: {'msg': $('#msg').val()}, success: function(result){ if(result['result']=..
Programming/JavaScript & jQuery 2016.05.31

[jQuery] ajax 를 이용하여 기상청 데이터 가져오기 (크로스도메인 해결)

기상청에서 제공되는 RSS 서비스를 이용하여 jQuery의 XML 파싱을 이용하여 날씨 데이터를 출력할 수 있다 다만 일반적인 방법으로는 기상청 데이터를 불러오는데 문제가 발생한다 바로 크로스도메인이라는 보안 정책 때문인데.. 간단히 설명하면 서로 다른 도메인에서 데이터를 불러와 사..
Programming/JavaScript & jQuery 2016.01.28
1 2 3 4
더보기
반응형

티스토리툴바