'스크립트' 카테고리의 글 목록 (6 Page)

결론 부터 말씀 드리면 "Mobi" 가 User agent에 포함되어 있으면 모바일 입니다.

 
function isMobile() {
  return navigator.userAgent.indexOf('Mobi') > -1;
}
 
https://prettycode.tistory.com

------------------------------------------------------------------------------------

모바일, 태블릿 혹은 데스크탑섹션

The most common reason to perform user agent sniffing is to determine which type of device the browser runs on. The goal is to serve different HTML to different device types.

Never assume that a browser or a rendering engine only runs on one type of device. Especially don't make different defaults for different browsers or rendering engines.
Never use the OS token to define if a browser is on mobile, tablet or desktop. The OS may run on more than one type of (for example, Android runs on tablets as well as phones).

The following table summarizes the way major browser vendors indicate that their browsers are running on a mobile device:

Common browsers User Agent strings
브라우저	규칙	예제
Mozilla (Gecko, Firefox)	Mobile or Tablet token in the comment.	Mozilla/5.0 (Android; Mobile; rv:13.0) Gecko/13.0 Firefox/13.0
WebKit-based (Android, Safari)	Mobile Safari tokenoutside the comment.	Mozilla/5.0 (Linux; U; Android 4.0.3; de-ch; HTC Sensation Build/IML74K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
Blink-based (Chromium, Google Chrome, Opera 15+)	Mobile Safari tokenoutside the comment	Mozilla/5.0 (Linux; Android 4.4.2); Nexus 5 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.117 Mobile Safari/537.36 OPR/20.0.1396.72047
Presto-based (Opera 12-)	Opera Mobi/xyz tokenin the comment (Opera 12-)	Opera/9.80 (Android 2.3.3; Linux; Opera Mobi/ADR-1111101157; U; es-ES) Presto/2.9.201 Version/11.50
Internet Explorer	IEMobile/xyz token in the comment.	Mozilla/5.0 (compatible; MSIE 9.0; Windows Phone OS 7.5; Trident/5.0; IEMobile/9.0)

In summary, we recommend looking for the string “Mobi” anywhere in the User Agent to detect a mobile device.

If the device is large enough that it's not marked with “Mobi”, you should serve your desktop site (which, as a best practice, should support touch input anyway, as more desktop machines are appearing with touchscreens).

참고 URL : https://developer.mozilla.org/ko/docs/Web/HTTP/User_agent%EB%A5%BC_%EC%9D%B4%EC%9A%A9%ED%95%9C_%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80_%EA%B0%90%EC%A7%80#%EB%AA%A8%EB%B0%94%EC%9D%BC_%ED%83%9C%EB%B8%94%EB%A6%BF_%ED%98%B9%EC%9D%80_%EB%8D%B0%EC%8A%A4%ED%81%AC%ED%83%91

저작자표시 비영리 변경금지

'스크립트' 카테고리의 다른 글

javascript object length 구하기. (0)	2019.06.30
css - 줄바꿈 (0)	2019.05.15
vim - 하이라이트 끄기 (0)	2019.05.13
IE img label for 클릭 안될때 처리 (4)	2019.03.27
html5 javascript 이미지 미리보기 (0)	2018.11.29
cmd process kill (0)	2018.11.17
javascript padStart - left padding (0)	2018.11.07
curl 기본 사용법 (0)	2018.11.07

아래 [예제]에서 이미지 파일을 선택하시며 미리보기가 됩니다.

핵심은 FileReader 객체인데 지원 가능한 브라우저는 아래와 같습니다.

Firefox (Gecko)	Chrome	Internet Explorer*	Opera	Safari
3.6 (1.9.2)	7	10	12.02	6.0.2

[예제]

[코드]

 
function preview(input, target) {
    if(input.files && input.files[0]){
      var fileName= input.files[0].name;
      var ext=fileName.substr(fileName.length-3, fileName.length);
      var isCheck=false; 
          if(ext.toLowerCase()=='jpg' || ext.toLowerCase()=='gif' || ext.toLowerCase()=='png'){
          isCheck=true;               
      }
      if(isCheck==false){
          alert("이미지 파일 아님");
          jQuery(input).val("");
          return;
      }
      var reader = new FileReader();
      reader.readAsDataURL(input.files[0]);          
      reader.onload = function(e) {
        jQuery(target).attr('src', e.target.result);
      }
    }
}
 
 
https://prettycode.tistory.com

저작자표시 비영리 변경금지

'스크립트' 카테고리의 다른 글

css - 줄바꿈 (0)	2019.05.15
vim - 하이라이트 끄기 (0)	2019.05.13
IE img label for 클릭 안될때 처리 (4)	2019.03.27
User agent를 이용한 모바일 체크 (0)	2019.03.18
cmd process kill (0)	2018.11.17
javascript padStart - left padding (0)	2018.11.07
curl 기본 사용법 (0)	2018.11.07
jquery self unwrap (0)	2018.11.06

리눅스에서는 프로세스를 종료할 때는 kill 명령어를 쓰지만 윈도우에서는 taskkill 명령어를 이용합니다.

간단한 예제입니다.

80포트로 서비스하는 프로세스를 찾아서 죽이는 예제입니다.

1. 80 포트로 서비스하는 PID찾기. "o" option 이 PID를 알려줍니다.

C:\Users\Administrator>netstat -ano | findstr :80
 
https://prettycode.tistory.com

가장 오른쪽에 있는 숫자가 PID 입니다.

 TCP    0.0.0.0:80             0.0.0.0:0              LISTENING       11816
  TCP    192.168.0.6:5907       221.125.116.11:80      CLOSE_WAIT      2924
  TCP    192.168.0.6:5908       221.125.116.11:80      CLOSE_WAIT      2924
  TCP    192.168.0.6:5909       221.125.116.11:80      CLOSE_WAIT      2924
  TCP    192.168.0.6:5916       221.125.116.11:80      CLOSE_WAIT      2924
  TCP    [::]:80                [::]:0                 LISTENING       11816
  TCP    [::1]:80               [::1]:5844             ESTABLISHED     11816
  TCP    [::1]:5844             [::1]:80               ESTABLISHED     9400
 
 
https://prettycode.tistory.com

2. 해당 PID를 kill 합니다. "/pid" option 을 사용하면 pid 를 이용해 kill 할 수 있습니다.

C:\Users\Administrator>taskkill /pid 11816
오류: 프로세스(PID 2072)를 종료할 수 없습니다.
원인: 이 프로세스는 /F 옵션을 사용하여 강제로 종료해야 합니다.
 
 
https://prettycode.tistory.com

3. "/f" option 을 사용하면 강제 종료할 수 있습니다.

C:\Users\Administrator>taskkill /f /pid 11816
성공: 프로세스(PID 11816)가 종료되었습니다.
 
 
https://prettycode.tistory.com

저작자표시 비영리 변경금지

'스크립트' 카테고리의 다른 글

vim - 하이라이트 끄기 (0)	2019.05.13
IE img label for 클릭 안될때 처리 (4)	2019.03.27
User agent를 이용한 모바일 체크 (0)	2019.03.18
html5 javascript 이미지 미리보기 (0)	2018.11.29
javascript padStart - left padding (0)	2018.11.07
curl 기본 사용법 (0)	2018.11.07
jquery self unwrap (0)	2018.11.06
jquery 확장 enter key function (0)	2018.11.05

자바스크립에서 특정 문자열 왼쪽에 문자열을 채우고 싶을 padStart 함수를 이용하면 됩니다.

하지만 지원하지 않는 브라우저나 버전이 있으므로 아래와 같이 정의해 놓고 사용하면 편합니다.

참고로, 아래코드는 왼쪽에 채울 문자열을 1자리만 허용하고 있습니다.

[Code]

 
if (!String.prototype.padStart) {
    String.prototype.padStart = function padStart(targetLength, padString) {        
        if (this.length >= targetLength) {
            return String(this);
        } else {
            if(padString == null || padString == ' ') {
                padString = ' ';
            } else if(padString.length > 1) {
                padString = padString.substring(0,1);
            }
            targetLength = targetLength - this.length;
            var prefix = "";
            for(var i=0; i<targetLength; i++) {
                prefix += padString;
            }            
            return prefix + String(this);
        }
    };
}
 
 
https://prettycode.tistory.com

[Test]

 
document.write('4'.padStart(10, '0'));
 
https://prettycode.tistory.com

[Result]

저작자표시 비영리 변경금지

'스크립트' 카테고리의 다른 글

IE img label for 클릭 안될때 처리 (4)	2019.03.27
User agent를 이용한 모바일 체크 (0)	2019.03.18
html5 javascript 이미지 미리보기 (0)	2018.11.29
cmd process kill (0)	2018.11.17
curl 기본 사용법 (0)	2018.11.07
jquery self unwrap (0)	2018.11.06
jquery 확장 enter key function (0)	2018.11.05
javascript cookie getCookie setCookie (0)	2018.11.05

[Option]

 
-X : Method  (Default GET)
-H : Header
-d : Data
-v : Verbose
 
 
https://prettycode.tistory.com

[Example]

 
$ curl -X GET "http://localhost"
$ curl -X POST "http://localhost"
$ curl -d '{"key":"value"}' -H "Content-Type: application/json; charset=utf-8" -X PUT "http://localhost"
$ curl -d "param1=value1&param2=value2" -H "Content-Type: application/x-www-form-urlencoded" -X POST http://localhost:3000/data
 
 
https://prettycode.tistory.com

저작자표시 비영리 변경금지

'스크립트' 카테고리의 다른 글

User agent를 이용한 모바일 체크 (0)	2019.03.18
html5 javascript 이미지 미리보기 (0)	2018.11.29
cmd process kill (0)	2018.11.17
javascript padStart - left padding (0)	2018.11.07
jquery self unwrap (0)	2018.11.06
jquery 확장 enter key function (0)	2018.11.05
javascript cookie getCookie setCookie (0)	2018.11.05
netstat unique ip (0)	2018.09.10

jquery에서 자기 자신의 태그를 제거하는 방법 입니다.

unwrap 을 이용하면 되는데 그냥 쓰면 상위 태그를 지우기 때문에 contents() 함수화 함께 쓰면 됩니다.

아래 예제로 확인하세요.

Html

<div style="display:none;">
abcd efg <span>hijkl</span> mnop
</div>
<textarea rows="10" cols="50"></textarea>
 
 
https://prettycode.tistory.com

Javascript

$(document).ready(function(){
  var before = $("div").html();
  $("span").contents().unwrap();
  var after = $("div").html();
  $("textarea").val(before + "\n" + after);  
});
 
 
https://prettycode.tistory.com

결과

저작자표시 비영리 변경금지

'스크립트' 카테고리의 다른 글

html5 javascript 이미지 미리보기 (0)	2018.11.29
cmd process kill (0)	2018.11.17
javascript padStart - left padding (0)	2018.11.07
curl 기본 사용법 (0)	2018.11.07
jquery 확장 enter key function (0)	2018.11.05
javascript cookie getCookie setCookie (0)	2018.11.05
netstat unique ip (0)	2018.09.10
javascript java rsa (0)	2018.08.13

Jquery를 이용한 엔터키 입력 시 동작하는 함수 입니다.

 
(function($) {
  $.fn.enter = function(fnCallback) {
    $(this).on("keypress", function(e) {
      if (e.keyCode == 13) {
        fnCallback();
        return false;
      }
    });
    return $(this);
  };
})(jQuery);
 
 
https://prettycode.tistory.com

저작자표시 비영리 변경금지

'스크립트' 카테고리의 다른 글

cmd process kill (0)	2018.11.17
javascript padStart - left padding (0)	2018.11.07
curl 기본 사용법 (0)	2018.11.07
jquery self unwrap (0)	2018.11.06
javascript cookie getCookie setCookie (0)	2018.11.05
netstat unique ip (0)	2018.09.10
javascript java rsa (0)	2018.08.13
aes256 cbc javascript and java (0)	2018.08.09

자바스크립트 쿠키 제어 함수 입니다.

function setCookie(name, value, days) {
  var expires = "";
  if (days) {
    var date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    expires = "; expires=" + date.toUTCString();
  }
  document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for (var i = 0; i < ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ')
      c = c.substring(1, c.length);
    if (c.indexOf(nameEQ) == 0)
      return c.substring(nameEQ.length, c.length);
  }
  return null;
}
function eraseCookie(name) {
  document.cookie = name + '=; Max-Age=-99999999;';
}
 
 
https://prettycode.tistory.com

참조 : https://www.quirksmode.org/js/cookies.html

저작자표시 비영리 변경금지

'스크립트' 카테고리의 다른 글

javascript padStart - left padding (0)	2018.11.07
curl 기본 사용법 (0)	2018.11.07
jquery self unwrap (0)	2018.11.06
jquery 확장 enter key function (0)	2018.11.05
netstat unique ip (0)	2018.09.10
javascript java rsa (0)	2018.08.13
aes256 cbc javascript and java (0)	2018.08.09
ajax multiple parameter request list (0)	2018.07.24

현재 서버에 접속중인 IP 목록을 확인하는 명령어 입니다.
 
netstat -an |grep :포트|grep ESTABLISH|awk '{print $5}'|cut -d: -f1|sort|uniq -c
 
https://prettycode.tistory.com

1초 간격으로 서버에 접속중인 IP 목록을 확인합니다.

 
watch -n 1 "netstat -an |grep :443|grep ESTABLISH|awk '{print \$5}'|cut -d: -f1|sort|uniq -c|sort -n"
 
https://prettycode.tistory.com

* cut 은 포트 제거에 쓰입니다.

* sort 정렬 후

* uniq -c 중복된 값을 제거하고 중복된 수를 표시합니다.

저작자표시 비영리 변경금지

'스크립트' 카테고리의 다른 글

curl 기본 사용법 (0)	2018.11.07
jquery self unwrap (0)	2018.11.06
jquery 확장 enter key function (0)	2018.11.05
javascript cookie getCookie setCookie (0)	2018.11.05
javascript java rsa (0)	2018.08.13
aes256 cbc javascript and java (0)	2018.08.09
ajax multiple parameter request list (0)	2018.07.24
javascript object size (0)	2018.07.23

Java Code

 
import java.security.KeyFactory;
import java.security.KeyPair;
import java.security.KeyPairGenerator;
import java.security.NoSuchAlgorithmException;
import java.security.PrivateKey;
import java.security.PublicKey;
import java.security.spec.InvalidKeySpecException;
import java.security.spec.RSAPublicKeySpec;
​
import javax.crypto.Cipher;
​
import xxx.MsgException;
​
public class Rsa {
  public static String decryptRsa(PrivateKey privateKey, String securedValue) {
    try {
      Cipher cipher = Cipher.getInstance("RSA");
      byte[] encryptedBytes = ByteUtil.hexToByteArray(securedValue);
      cipher.init(Cipher.DECRYPT_MODE, privateKey);
      byte[] decryptedBytes = cipher.doFinal(encryptedBytes);
      String decryptedValue = new String(decryptedBytes, "UTF-8");
      return decryptedValue;
    } catch (Exception e) {
      throw new MsgException("복호화 실패", e);
    }
  }
​
  public static String encryptRsa(PublicKey publicKey, String plainText) {
    try {
      Cipher cipher = Cipher.getInstance("RSA");
      cipher.init(Cipher.ENCRYPT_MODE, publicKey);
      byte[] encryptedBytes = cipher.doFinal(plainText.getBytes("UTF-8"));
      return ByteUtil.byteArrayToHex(encryptedBytes);
    } catch (Exception e) {
      throw new MsgException("암호화 실패", e);
    }
​
  }
​
  public static RsaKey generateKeyPair() {
    try {
      KeyPairGenerator generator = KeyPairGenerator.getInstance("RSA");
      generator.initialize(1024);
​
      KeyPair keyPair = generator.genKeyPair();
      PublicKey publicKey = keyPair.getPublic();
      PrivateKey privateKey = keyPair.getPrivate();
      return new RsaKey(publicKey, privateKey);
    } catch (Exception e) {
      throw new MsgException("암호화 키 생성 실패", e);
    }
  }
​
  public static void main(String[] args) {
    RsaKey rsaKey = Rsa.generateKeyPair();
    String plainText = "머0ㄴㅇㄹ92ㅡㅔㅇㄹ-ㄴ90ㅎ-ㅕ3ㄷ2sd22!";
    String encryptedText = Rsa.encryptRsa(rsaKey.getPublicKey(), plainText);
    System.out.println(rsaKey.getPublicKeyModulus());
    System.out.println(rsaKey.getPublicKeyExponent());
    System.out.println(encryptedText);
    System.out.println(Rsa.decryptRsa(rsaKey.getPrivateKey(), encryptedText));
  }
​
  public static class RsaKey {
    private PublicKey publicKey;
    private PrivateKey privateKey;
    private String publicKeyModulus;
    private String publicKeyExponent;
​
    public RsaKey(PublicKey publicKey, PrivateKey privateKey) throws NoSuchAlgorithmException, InvalidKeySpecException {
      this.publicKey = publicKey;
      this.privateKey = privateKey;
      KeyFactory keyFactory = KeyFactory.getInstance("RSA");
      RSAPublicKeySpec publicSpec = (RSAPublicKeySpec) keyFactory.getKeySpec(publicKey, RSAPublicKeySpec.class);
      String publicKeyModulus = publicSpec.getModulus().toString(16);
      String publicKeyExponent = publicSpec.getPublicExponent().toString(16);
      this.publicKeyModulus = publicKeyModulus;
      this.publicKeyExponent = publicKeyExponent;
    }
​
    public PrivateKey getPrivateKey() {
      return privateKey;
    }
​
    public String getPublicKeyModulus() {
      return publicKeyModulus;
    }
​
    public String getPublicKeyExponent() {
      return publicKeyExponent;
    }
​
    public PublicKey getPublicKey() {
      return publicKey;
    }
​
  }
}
 
 
https://prettycode.tistory.com

Result

 
8d7d86cb63894b38c71727053b29adaca78ae9b5eb847bae84e9f0c5fa6c678e3b083cf0ea0a3f07365809f93ed9329291e56137fdb8cc9f89019d5f3532c8a49ae518256d1f7dc770256bad809453c186e0011421c512efadc18e4927eaaeeb355fedc73df84a117ee0f98f162de216651f1453b5bec0ff3202596ca637b055
10001
09632b3b97cc17c724d030c4bd1bd17ef5176aa80feb99cc01e57d325b1af0d5eb8528375c495d4cabf6d209ea93fff41f5843a2505c6cd31f71d4a0f23ca1d37af4272dbe66a840881d93970ce989fc0ca612eb5eaa469740a00a09138038f7198f29df78d751d8e3ea466130cf12d8675cb800e6681dcfcbbb4cbd3676559f
머0ㄴㅇㄹ92ㅡㅔㅇㄹ-ㄴ90ㅎ-ㅕ3ㄷ2sd22!
 
 
https://prettycode.tistory.com

Html and Javascript code

 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="http://www-cs-students.stanford.edu/~tjw/jsbn/rsa.js"></script>
<script type="text/javascript" src="http://www-cs-students.stanford.edu/~tjw/jsbn/jsbn.js"></script>
<script type="text/javascript" src="http://www-cs-students.stanford.edu/~tjw/jsbn/prng4.js"></script>
<script type="text/javascript" src="http://www-cs-students.stanford.edu/~tjw/jsbn/rng.js"></script>
<script>
  function encrypt() {
    var rsa = new RSAKey();
    var RSAModulus = document.getElementById("RSAModulus").value;
    var RSAExponent = document.getElementById("RSAExponent").value;
    var plainText = document.getElementById("plainText").value;
    rsa.setPublic(RSAModulus, RSAExponent);
    document.getElementById("encryptedText").value = rsa.encrypt(plainText);
  }
  function decrypt() {
    var rsa = new RSAKey();
    var RSAModulus = document.getElementById("RSAModulus").value;
    var RSAExponent = document.getElementById("RSAExponent").value;
    rsa.setPublic(RSAModulus, RSAExponent);
  }
</script>
</head>
<body>
  <dl>
    <dt>RSAModulus</dt>
    <dd>
      <textarea id="RSAModulus">8d7d86cb63894b38c71727053b29adaca78ae9b5eb847bae84e9f0c5fa6c678e3b083cf0ea0a3f07365809f93ed9329291e56137fdb8cc9f89019d5f3532c8a49ae518256d1f7dc770256bad809453c186e0011421c512efadc18e4927eaaeeb355fedc73df84a117ee0f98f162de216651f1453b5bec0ff3202596ca637b055</textarea>
    </dd>
    <dt>RSAExponent</dt>
    <dd>
      <textarea id="RSAExponent">10001</textarea>
    </dd>
    <dt>암호화</dt>
    <dd>
      <textarea id="plainText">머0ㄴㅇㄹ92ㅡㅔㅇㄹ-ㄴ90ㅎ-ㅕ3ㄷ2sd22!</textarea> -> <textarea id="encryptedText"></textarea>
    </dd>
    <dd>
      <button onclick="encrypt();">암호화</button>
    </dd>
  </dl>
​
​
​
</body>
</html>
 
 
https://prettycode.tistory.com

Result

---------------------------------

공개키 / 개인키 문자열로 처리.

저작자표시 비영리 변경금지

'스크립트' 카테고리의 다른 글

jquery self unwrap (0)	2018.11.06
jquery 확장 enter key function (0)	2018.11.05
javascript cookie getCookie setCookie (0)	2018.11.05
netstat unique ip (0)	2018.09.10
aes256 cbc javascript and java (0)	2018.08.09
ajax multiple parameter request list (0)	2018.07.24
javascript object size (0)	2018.07.23
jquery ajax ie no transport error (0)	2018.07.17

고니의꿈

스크립트

User agent를 이용한 모바일 체크

모바일, 태블릿 혹은 데스크탑섹션

'스크립트' 카테고리의 다른 글

html5 javascript 이미지 미리보기

'스크립트' 카테고리의 다른 글

cmd process kill

'스크립트' 카테고리의 다른 글

javascript padStart - left padding

'스크립트' 카테고리의 다른 글

curl 기본 사용법

'스크립트' 카테고리의 다른 글

jquery self unwrap

'스크립트' 카테고리의 다른 글

jquery 확장 enter key function

'스크립트' 카테고리의 다른 글

javascript cookie getCookie setCookie

'스크립트' 카테고리의 다른 글

netstat unique ip

'스크립트' 카테고리의 다른 글

javascript java rsa

'스크립트' 카테고리의 다른 글

+ Recent posts

티스토리툴바