반응형 Programing/JavaScript123 javascript 자바스크립트 UNIX Timestamp 변환 timestamp to date String javascript 자바스크립트 UNIX Timestamp 변환 timestamp to date String Unix timestamp 를 Date String으로 변환하는 함수 function getTimestampToDate(timestamp){ var date = new Date(timestamp*1000); var chgTimestamp = date.getFullYear().toString() +addZero(date.getMonth()+1) +addZero(date.getDate().toString()) +addZero(date.getHours().toString()) +addZero(date.getMinutes().toString()) +addZero(date.getSeconds().toStr.. Programing/JavaScript 2017. 11. 24. javascript 자바스크립트 sha-256, sha-512 암호화 방법 javascript 자바스크립트 sha-256, sha-512 암호화 방법 sha 암호화의 경우 단방향 암호화 이기 때문에 복호화는 되지 않습니다. sha-256 암호화에 필요한 js [적용 방법] 아래는 암호화방식이 표출되어 있지만 메소드 명을 변경하여 암호화 알고리즘을 알 수 없도록 합니다! . . . . . . //암호화 sha-512 암호화에 필요한 js . . . . . . //암호화 Programing/JavaScript 2017. 11. 10. javascript 자바스크립트 클래스 정의 방법, 클래스 활용, 자바스크립트 클래스 javascript 자바스크립트 클래스 정의 방법, 클래스 활용, 자바스크립트 클래스 Class키워드를 사용한 방법은 아래의 Link를 참고하세요! Link : https://aljjabaegi.tistory.com/586 javascript 생성자 알짜만 빼먹기, 현업 활용 예 class, prototype javascript 생성자 알짜만 빼먹기, 현업 활용 예 class, prototype 생성자 (Constructor) 는 인스턴스 (메모리상에 존재하게 하는) 객체를 생성하고 초기화 하는 함수입니다. 생성자 함수로 객체를 생성하고 aljjabaegi.tistory.com 자바스크립트도 여타 다른 언어들과 같이 클래스를 정의하여 사용할 수 있습니다. 정확히 말하면 비슷하게 구현해 사용할 수 있는 것.. Programing/JavaScript 2017. 9. 29. javascript 자바스크립트 파일 텍스트 읽기 text file read 방법, 파일데이터 추출, 공백제거 javascript 자바스크립트 파일 텍스트 읽기 text file read 방법, 파일데이터 추출, 공백제거 아래와 같은 파일을 읽어서 원하는 데이터를 추출해달라는 요청을 받았습니다. 우선 파일 읽어 데이터를 가져옵니다. 방법1. file값이 바뀔경우 바로 read 1 cs 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $(function(){ //이벤트 리스너 등록. document.getElementById('file1').addEventListener('change', readFile1, false); )}; function readFile1(e) { var file = e.target.files[0]; if (!file) { return; } var rea.. Programing/JavaScript 2017. 9. 22. javascript Object 객체 자바스크립트 오브젝트 객체에 대해 알아보자. javascript Object 자바스크립트 오브젝트에 대해 알아보자. Object는 자바스크립트의 최상위 객체 입니다. 이 말은 곧 거의 모든 객체가 Object라는 말이 되는데요, (거의 모든 이라는 말을 쓴 이유는 null 과 undefined 때문..) 그만큼 Object는 자바스크립트에서 아주 중요한 요소 입니다. 그럼 Object를 생성하는 방법 부터 보도록 하죠. [Object 생성 방법] 1 2 3 var obj = new Object(); // Object 생성자 함수를 사용하는 방법 var obj2 = {}; // 리터럴 방식으로 생성하는 방법 cs 자바스크립트에서 Object를 생성하는 방법은 위의 두가지 방법이 있습니다. 두가지 모두 생성이 가능하지만 대부분의 서적에서는 리터럴 방식.. Programing/JavaScript 2017. 9. 13. javascript 배열 함수 정리, 고차함수 정리 자바스크립트 배열함수 자바스크립트 고차함수 javascript 배열 함수 정리, 고차함수 정리 자바스크립트 배열함수 자바스크립트 고차함수 Array.isArray(obj) : obj가 배열인지 확인, 배열이면 true, 아니면 false 예시) var str = "geon"; console.log(Array.isArray(str)); //false var array = [1,2,3]; console.log(Array.isArray(array)); //true var object = {name : "geon"}; console.log(Array.isArray(object)); //false concat(value1, value2, ... , valueN) : value들을 합쳐 새로운 배열을 만든다. 예시) var arr1 = [1,2,3], ar.. Programing/JavaScript 2017. 9. 7. javascript every, some 함수에 대해 알아보자. 자바스크립트 every, some 함수 javascript every, some 메소드에 대해 알아보자. 자바스크립트 every, some 메소드 고차함수의 마지막 every, some 함수에 대해서 알아보겠습니다. every 함수는 배열의 모든 요소가 callbackFunction 에서 true를 리턴해야 true를 리턴, 하나라도 false가 떨어지면 false를 리턴합니다. some 함수는 배열의 요소 중 하나라도 callbackFunction에서 true를 리턴하면 true를 리턴 합니다. 그럼 두 함수의 구분을 보도록 하죠. array.every(callbackFunction(currentValue, index, array), thisArg) array.some(callbackFunction(currentValue, index, a.. Programing/JavaScript 2017. 9. 7. javascript map 함수에 대해 알아보자. 자바스크립트 map 함수 javascript map 함수에 대해 알아보자. 자바스크립트 map 함수 이번 포스팅에서는 javascript의 map 함수에 대해 알아보도록 하겠습니다. map 함수는 callbackFunction 을 실행한 결과를 가지고 새로운 배열을 만들 때 사용합니다. 구문은 아래와 같습니다. array.map(callbackFunction(currentValue, index, array), thisArg) 이전 포스팅에서 알아본 filter, forEach와 같은 구문 입니다. callbackFunction, thisArg 두개의 매개변수가 있고 callbackFunction은 currentValue, index, array 3개의 매개변수를 갖습니다. currentValue : 배열 내 현재 값 index .. Programing/JavaScript 2017. 9. 7. javascript forEach 함수에 대해 알아보자. 자바스크립트 forEach 함수 javascript forEach 함수에 대해 알아보자. 자바스크립트 forEach 함수 이번엔 고차함수 세번째 시간 입니다. 이전 포스팅에서 reduce와 filter 함수에 대해 알아보았죠. Link1 : javascript reduce 함수에 대해 알아보자 자바스크립트 reduce 함수, reduceRight 함수 Link2 : javascript filter 함수에 대해 알아보자 자바스크립트 filter 함수 이제 forEach 함수에 대해 알아보도록 하겠습니다. forEach의 구문은 아래와 같습니다. 1 array.forEach(callbackFunction(currnetValue, index, array), thisArg); cs 매개변수로는 callbackFunction 과 thisArg .. Programing/JavaScript 2017. 9. 7. javascript Math 속성과 메서드에 대해 알아보자. javascript math 자바스크립트 math javascript Math 속성과 메서드에 대해 알아보자. javascript math 자바스크립트 Math 속성명 값 E 2.18281828459045 LN2 0.6931471805599453 LN10 2.302585092994046 LOG2E 1.4426950408889633 LOG10E 0.4342944819032518 PI 3.141592653589793 SQRT1_2 0.7071067811865476 SQRT2 1.4142135623730951 메서드명 설명 abs(x) x의 절대 값을 리턴 acos(x) x의 아크코사인 값을 리턴 asin(x) x의 아크 사인 값을 리턴 atan(x) x의 아크 탄젠트 값을 리턴 atan2(y,x) x와 y의 비율로 아크 탄젠트 값을 리턴 ceil(x) x보.. Programing/JavaScript 2017. 9. 6. javascript filter 함수에 대해 알아보자 자바스크립트 filter 함수 javascript filter 함수에 대해 알아보자 자바스크립트 filter 함수 지난 포스팅에서 자바스크립트 고차함수(High-Order_Function) 중 reduce에 대해 알아보았습니다. Link : javascript reduce 함수에 대해 알아보자 자바스크립트 reduce 함수, reduceRight 함수 이번 포스팅에서는 filter 에 대해서 알아보도록 하겠습니다. filter 함수는 명칭과 같이 callbackFunction의 조건에 해당하는 모든 요소가 있는 배열을 새로 생성하는 기능을 합니다. filter 함수의 구문은 아래와 같습니다. const newArray = arr.filter(callbackFunction(element, index, array), thisArg); f.. Programing/JavaScript 2017. 9. 6. javascript reduce 함수에 대해 알아보자 자바스크립트 reduce 함수, reduceRight 함수 javascript reduce 함수에 대해 알아보자 자바스크립트 reduce 함수 자바스크립트에는 고차함수(High-Order-Function : 다른 함수를 소비 또는 생성하는 함수)가 존재 합니다. 여기에는 filter, reduce, map 등이 있는데요, 그중에 reduce에 대해서 먼저 알아보도록 하겠습니다. reduce 함수의 구문은 아래와 같습니다. array.reduce(callbackFunction(previousValue, currentValue, currentIndex, array1), initialValue); 차근차근 설명을 드리겠습니다. reduce함수의 매개변수는 callbackfunction과 initialValue입니다. initialValue 부터 설명을 하자면, cal.. Programing/JavaScript 2017. 9. 5. 자바스크립트 이미지 리로드 image reset reload restart 자바스크립트 이미지 리로드 image reset reload restart 기존에 gif 의 경우 마우스 오버 시 전에 play 된 화면 이후로 이어서 paly 되게 됩니다. 그런데 마우스 오버시마다 gif 의 초기화 화면 부터 play 되게 해달라는 요청이 있었습니다. 방법은 간단합니다. 이미지 경로 뒤에 랜덤 값을 넣어주면됩니다. 이미지 $('.jct').hover( function(){ var d = new Date(); imgSrc = $(this).find('img').attr('src')+'?'+d.getTime(); $(this).find('img').attr('src', imgSrc); $(this).find('div').css('display', 'block'); }, function().. Programing/JavaScript 2017. 7. 4. 자바스크립트 호이스팅 javascript hoisting 의 개념. 이해하기 자바스크립트 호이스팅 javascript hoisting 의 개념. 이해하기 Hoisting 이란 자바스크립트의 기본동작 중에 하나 입니다. 자바스크립트의 변수는 사용된 후에 선언될 수 있습니다. 다른 말로 하면 변수가 선언되기 전에 사용 할 수도 있죠. 이유는 함수 내 여기저기서 변수가 사용될 순 있지만 실제로는 함수 상단에 선언한 것으로 간주하기 때문입니다. 말로는 이해가 잘 되지 않으니 코드를 보도록 하죠. a = 10; function getNum(){ alert(a); var a = 100; alert(a); } getNum(); 위의 코드를 보겠습니다. 간단한 코드이지만 확실히 이해해야 합니다. 함수 전에 전역변수 a에 10이 할당 되었습니다. 그러니 getNum() 함수의 첫번째 alert(.. Programing/JavaScript 2017. 6. 28. Jquery serialize 시 주의 사항 checkbox 값 안넘어 가는 문제 Jquery serialize 시 주의 사항 checkbox 값 안넘어 가는 문제 jquery serialize 를 사용하면 form에 있는 파라메터를 쉽게 전달 할 수 있습니다. 하지만 체크박스 사용시에는 문제가 좀 있는데, 체크된 체크박스의 name만 넘어가고 값은 전달이 되지 않는 다는 것이죠. 예를 들면 1차로 2차로 $(function(){ var params = $('#frm').serialize(); console.log(param); }); 이렇게 폼의 값을 serialize 할때 만약 체크박스를 하나도 체크 하지 않았다면 빈값이 넘거가고 체크를 한다면 lane1Yn=&lane2Yn= 이런식으로 넘어가게 됩니다. 위에서 말한 것과 같이 name은 넘어가지만 값은 넘어가지 않죠. 값을 넘기는.. Programing/JavaScript 2017. 5. 31. 이전 1 2 3 4 5 6 7 8 9 다음 💲 추천 글 반응형