반응형 2017/0914 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. jquery jqgrid 의 모든 것, 사용법, jQuery 추천 그리드 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jquery jqgrid 의 모든 것, 사용법, jQuery 추천 그리드 jqgrid는 개발하기 편하고 빠르며 다양한 옵션을 제공하여 선호하는 분들이 많죠. 이번 포스팅에서는 이에 대한 사용법을 알아보도록 하겠습니다. 1. 다운로드 Link : jq.. Programing/jQuery 2017. 9. 22. 다음지도 마커 회전하기, 이미지 회전, 방위각 적용 다음지도 마커 회전하기, 이미지 회전, 방위각 적용 다음지도에 자동차 마커가 올라가는데 방위각에 따라서 회전해 달라는 요청을 받았습니다. 그런데 다음지도 도큐먼트에는 마커를 회전하는게 나와있지 않아, 마커를 생성하면서 해당 마커의 이미지 css의 transform을 사용하여 회전하였습니다. 1 2 3 4 5 6 7 8 9 10 11 for (var j in markerArray){ var marker = new daum.maps.Marker({ map: map, position: markerArray[j].latlng, title : markerArray[j].title, image : iconImage }); $(marker.Na).css('transform',''); $(marker.Na).css('.. Programing/API 2017. 9. 22. 크롬 리디렉션한 횟수가 너무 많습니다. ERR_TOO_MANY_REDIRECTS 해결방법 크롬 리디렉션한 횟수가 너무 많습니다. ERR_TOO_MANY_REDIRECTS 해결방법 말그대로 페이지가 무한요청 된다는 말인데. 해결 방법은 당연히 무한루프 도는 곳을 찾아 수정해 주어야 합니다. 저의 경우 연동장비에서 대소문자 구분을 안하는 관계로 Mapping URL을 변경 해야 했습니다. (기존에는 camel 방식 사용.) 그래서 확인해보니, Interceptor 설정쪽이 문제였는데, exclude-mapping path에 로그인 페이지를 넣어놨었는데, 로그인 페이지의 url 경로가 바뀌면서 계속 이전 로그인페이지로 요청이 되는 것이였습니다. 로그인체크와 로그인, 로그아웃 을 제외하고 session에 id 값이 없으면 로그인페이지로 넘어가도록 class를 구현해 놨는데 url이 바뀌면서 excl.. Programing/JAVA 2017. 9. 14. JAVA JSON String parsing String to JSON json 파싱 JAVA JSON String parsing String to JSON json 파싱 [Spec] JAVA Spring 3.5 MVC json-simple json에 대한 설명은 아래의 Link를 참고하세요. Link : JSONObject JSONArray 에 대한 이해 및 사용법 JSONObject JSONArray 에 대한 이해 및 사용법 JSONObject JSONArray 에 대한 이해 및 사용법 이번 포스팅에서는 JSONObject 와 JSONArray에 대해서 알아보도록 하겠습니다. 우선 그 전에 JSON에 대해 알아보도록 하죠. JSON이란 Javascript Object Notation 의.. aljjabaegi.tistory.com POST 방식으로 일반 데이터와 JSON 데이터가 같이.. Programing/JSON 2017. 9. 14. 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. 이전 1 다음 💲 추천 글 반응형