'JavaScript' 태그의 글 목록 (4 Page)

마땅한 erd 툴이 없을 경우에 아래처럼 엑셀에다가 명세를 작성하기도 합니다.

그리고 아래 형식을 그대로 복사해서 테이블 생성을 하고 싶기도 합니다.

그래서 한번 만들어 보았습니다.

<코드>

<textarea style="width:100%;height:200px;" id="a"></textarea>
 
<textarea style="width:100%;height:200px;" id="b"></textarea>
 
<script>
$(document).ready(function() {
  $(document).on("keyup", "#a", generateMysqlCrateTable);
});
 
function generateMysqlCrateTable() {
  var source = $("#a").val();
  var lines = source.split("\n");
  var result = "";
  var pks = [];
  var tableComment = "";
  for (var i = 0; i < lines.length; i++) {
    switch (i) {
      case 1:
        continue;
        break;
      case 0:
        var words = lines[i].split("\t");
        result += "CREATE TABLE `" + words[1] + "` (";
        tableComment = words[0];
        break;
      default:
        var words = lines[i].split("\t");
        result += "  `" + words[1] + "` ";
        if (words[2] != '') {
          pks.push(words[1]);
        }
        result += " " + words[5];
        if (words[6] != '') {
          result += "(" + words[6] + ")";
        }
        if (words[4] != '') {
          result += " NOT NULL ";
        }
        if (words[3] != '') {
          result += " AUTO_INCREMENT ";
        }
 
        if (words[7] != '') {
          result += " DEFAULT " + words[7];
        }
        if (words[0] != '') {
          result += " COMMENT '" + words[0] + "'";
        }
        result += ",";
        break;
    }
    result += "\n";
  }
  if (pks.length > 0) {
    result += " PRIMARY KEY (";
    for (var i in pks) {
      result += "`" + pks[i] + "`,";
    }
    result = result.slice(0, -1);
 
    result += "),\n";
  }
 
  result = result.slice(0, -2) + "\n";
 
  result += ") ENGINE=InnoDB COMMENT='" + tableComment + "'; "
 
  $("#b").text(result);
  return;
}
 
<script>

저작자표시 비영리 변경금지 (새창열림)

'UTIL' 카테고리의 다른 글

javascript - snake to camel (0)	2019.02.17

source code

<textarea id="a" rows="10"></textarea>
<input type="button" onclick="go()" value="==>">
<textarea id="b" rows="10"></textarea>
<script>
function go() {
  var val = document.getElementById("a").value;  
  document.getElementById("b").value = snakeToCamel(val);
}
function snakeToCamel(source) {
  var val = source;
    var result = source.match(/\w*(\w\_\w)+\w*/g);
  if (result != null) {
    for ( var i = 0; i < result.length; i++) {
      var word = result[i].toLowerCase();
      var arrUnderbar = word.match(/\_[a-zA-Z]/g);
      for ( var j = 0; j < arrUnderbar.length; j++) {
        word = word.replace(arrUnderbar[j], arrUnderbar[j]
            .toUpperCase().replace("_", ""));
      }
      val = val.replace(result[i], word);
    }    
  }
  return val;
}
</script>

저작자표시 비영리 변경금지 (새창열림)

'UTIL' 카테고리의 다른 글

javascript util - excel to mysql create database query (0)	2019.02.25

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

핵심은 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

자바스크립에서 특정 문자열 왼쪽에 문자열을 채우고 싶을 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

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

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

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

AES256 CBC NoPadding UTF-8

Javascript Code

 
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>
​
</body>
</html>
<script type="text/javascript" src="https://cdn.rawgit.com/ricmoo/aes-js/e27b99df/index.js"></script>
​
<script>
var key = "abcdefghijklmnopqrstuvxyz0123456"; // 32byte
// The initialization vector (must be 16 bytes)
var iv = [ 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34,35, 36 ];
​
// Convert text to bytes (text must be a multiple of 16 bytes)
var text = '아무거나내맘대로2342ㄴㅇㄹ2123132';
var textBytes = aesjs.utils.utf8.toBytes(text);
var mod = textBytes.length % 16;
if(mod % 16 != 0) {
 text += ''.padStart(16 - mod);
 textBytes = aesjs.utils.utf8.toBytes(text);
}
​
           
var aesCbc = new aesjs.ModeOfOperation.cbc(aesjs.utils.utf8.toBytes(key), iv);
var encryptedBytes = aesCbc.encrypt(textBytes);
​
// To print or store the binary data, you may convert it to hex
var encryptedHex = aesjs.utils.hex.fromBytes(encryptedBytes);
document.body.append(encryptedHex);
document.body.innerHTML+="<br/>";
var encryptedBytes = aesjs.utils.hex.toBytes(encryptedHex);
​
// The cipher-block chaining mode of operation maintains internal
// state, so to decrypt a new instance must be instantiated.
var aesCbc = new aesjs.ModeOfOperation.cbc(aesjs.utils.utf8.toBytes(key), iv);
var decryptedBytes = aesCbc.decrypt(encryptedBytes);
​
// Convert our bytes back into text
var decryptedText = aesjs.utils.utf8.fromBytes(decryptedBytes).trim();
document.body.append(decryptedText);
</script>
 
 
https://prettycode.tistory.com

Result

Java Code

Result

 
89f6b98a14f642d2408346a0d5044b8eb3c15b86bbb496851f0363e0de633b3c3ed8004a80ece6ffbc7dfc0ef1f417bd
아무거나내맘대로2342ㄴㅇㄹ2123132
 
https://prettycode.tistory.com

* trim을 주의하세요.

CBC NoPadding 으로 16바이트 단위를 맞춰야해서 원래 문자열 뒤에 공백으로 16바이트 단위를 맞추고 복호화 할때 다시 그 공백을 trim으로 제거합니다.

원래 문자열 뒤에 공백이 있었다면 그 공백은 제거됩니다.

저작자표시 비영리 변경금지 (새창열림)

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

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
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
윈도우 netstat grep wc 포트 커넥션 확인 (0)	2018.07.09

 
var map = {'1':'a', '2':'b', '3':'c'};
Object.keys(map).length;
 
https://prettycode.tistory.com

 
===> Result
3
 
https://prettycode.tistory.com

저작자표시 비영리 변경금지 (새창열림)

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

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
jquery ajax ie no transport error (0)	2018.07.17
윈도우 netstat grep wc 포트 커넥션 확인 (0)	2018.07.09
리눅스 프로세스 생성 스크립트 (0)	2018.06.29
리눅스 OS 모니터링 쉘 스크립트. cpu, memory, disk 사용률 (2)	2018.06.21

상황(Case)

html source에서 a tag 중 href link address가 image인 element만 찾아내서 click event를 바꿔치기 하는 javascript입니다.

원본 (Source)

document.getElementsByTagName("a");
var aList = document.getElementsByTagName("a");
for(var i=0; i<aList.length; i++) {
  var a = aList[i];
  if(a.href.match(/(^https?:\/\/.*\.(png|jpg|jpeg|gif))/i)) {
    a.onclick = function(event){
      alert(this.href);
      event.preventDefault();
      event.stopPropagation();
      return false;
    };
  }  
}

정규식 (Regex)

Find :

(^https?:\/\/.*\.(png|jpg|jpeg|gif))

저작자표시 비영리 변경금지 (새창열림)

'정규식 Case By Case' 카테고리의 다른 글

사용자 아이디 정규식 체크 (0)	2019.06.09
휴대폰 번호 정규식 (0)	2019.03.31
이메일 정규식 (0)	2019.03.31
오라클 정규식 regexp_replace 를 사용한 치환 쿼리 (0)	2018.07.12
regex - get hash string from url (0)	2018.04.05
regex -convert java code to sql query (실제 상황으로 배우는 정규식) (0)	2018.04.05

Jquery의 each 함수를 쓰다보면 중간에 멈추고 싶은 경우가 있습니다.

for 나 while 의 break 기능과 같은 경우입니다.

아래 예제와 같이 callback function에서 return false를 하면 더 이상 반복되지 않습니다.

 
$.each([1,2,3,4], function(i) {
  $("#message").append(i);
  if(i==2) {
    return false;
  }
});
 
 
https://prettycode.tistory.com

저작자표시 비영리 변경금지 (새창열림)

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

리눅스 프로세스 생성 스크립트 (0)	2018.06.29
리눅스 OS 모니터링 쉘 스크립트. cpu, memory, disk 사용률 (2)	2018.06.21
css 로 무한 반복되는 이미지 만들기, css transition infinite loop (0)	2018.06.05
java compile script 자바 컴파일 스크립트 (0)	2018.04.05
자바스크립트 javascript uuid (0)	2018.03.21
자바스크립트 한영변환 한영전환 (0)	2018.02.07
css 말줄임 표시 cut string truncate string (0)	2018.01.31
javascript long to date (0)	2018.01.15

고니의꿈

JavaScript

javascript util - excel to mysql create database query

'UTIL' 카테고리의 다른 글

javascript - snake to camel

'UTIL' 카테고리의 다른 글

html5 javascript 이미지 미리보기

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

javascript padStart - left padding

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

javascript cookie getCookie setCookie

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

javascript java rsa

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

aes256 cbc javascript and java

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

javascript object size

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

이미지 링크가 걸린 HTML A태그 찾기

'정규식 Case By Case' 카테고리의 다른 글

javascript jquery each break

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

+ Recent posts

티스토리툴바