JavaScript
-
javascript 자바스크립트 'use strict' / Chrome 크롬디버깅 debugger;JavaScript 2019. 5. 6. 16:16
use strict란? 1. Strict Mode의 선언방식 입니다. 2. 이 문구는 ES5부터 적용되는 키워드로, 안전한 코딩을 위한 하나의 가이드라인 입니다. 3. Strict Mode는 코드에 더 나은 오류 검사를 적용하는 방법입니다. 4. ES6에서는 디폴트가 Strict Mode이기 때문에 사용할 필요가 없습니다. 예제) 1. 'use strict'; $('#click').click(function(){ formObject = 1234; //에러발생 SCRIPT5042: Strict 모드에서 변수가 정의되지 않았습니다. }); 2. "use strict"; function a(){ var hello = 7; return hello; } hello = 5; // 구문오류 strict 모드를 전역에..
-
자바스크립트 조인,푸쉬 / javascript array.join() / array.push()JavaScript 2019. 5. 6. 15:13
.join() .join()은 배열의 원소들을 연결하여 하나의 값으로 만듭니다. var tmpArray2 = tmpArray1.join(); tmpArray 배열에 있는 원소들을 하나의 값으로 만듭니다. 원소들의 구분은 콤마(,)로 합니다. 원소들의 구분을 다른 문자로 하려면 () 안에 원하는 문자를 넣습니다. var tmpArray2 = tmpArray1.join('/'); ()안에 '' 로 선언하면 모든 배열이 합치게 됩니다. var tmpArray2. = tmpArray1.join(''); 예제) var tmpArray1 = [ 'A', 'B', 'C' ]; var tmpArray2 = tmpArray1.join(); var tmpArray3 = tmpArray1.join('/'); var tmpA..
-
Javascript - 화살표 함수(Arrow Functions)JavaScript 2019. 2. 6. 16:29
// 함수 선언(Function Declaration)function a(){ console.log("hi!");} // 함수 표현(Function Expression) 무명(anonymous:이름이 없음) 함수를 생성한 후 변수에 담는 방식 var aa = function(){ console.log("hi!");}; //함수 표현(Function Expression) 무명(anonymous:이름이 없음) 함수를 생성한 후 변수에 담는 방식 //이 함수 표현 방법으로 함수를 생성할 때 화살표 함수를 사용하여 함수를 생성할 수 있다. var aaa = () => console.log("hi!");이와 같이 화살표 함수는 무명 함수를 생성하는 방법 중의 하나로 기본 형태는 (파라메터1, 파라메터2,...) ..
-
let, const 변수JavaScript 2019. 2. 6. 15:51
/* let, const를 사용하면 var를 사용할때보다 상당히 이점이 많다. 두개의 공통점은 var와 다르게 변수 재선언 불가능이다. let과 const의 차이점은 변수의 immutable여부이다. let은 변수에 재할당이 가능하지만, const는 변수 재선언, 재할당 모두 불가능하다. */ // let let a = 'test' let a = 'test2' // Uncaught SyntaxError: Identifier 'a' has already been declared a = 'test3' // 가능 // const const b = 'test' const b = 'test2' // Uncaught SyntaxError: Identifier 'a' has already been declared b..
-
promise, done 사용 예제JavaScript 2019. 2. 6. 15:47
-Done #done은 실제로 $.ajax()에 의해 반환 된 jqXHR 개체의 일부이며, jQuery 1.8에서 success을 대체한다. #done은 ajax 함수에서 성공 콜백 함수를 분리하여 나중에 수정하지 않고 자신의 핸들러를 추가 할 수 있다. #기존의 ajax의 done => success, fail => error 및 always => complete의 동등성을 매핑 #then, done의 차이.. (호출 체인 (chaining), done 는 함수체이닝 가능, ex)done().done().done() 가능 then 생성하지 않음) 예제) // set success action before making the request $.ajax({ url: 'url.do', success: fun..
-
jqgrid 제이큐그리드 ajax json 데이터를 불러오지 못하는 문제 해결JavaScript 2017. 12. 21. 20:32
123456 List dataList = bbsDAO.getBbsList(dmCommon.getPage(), dmCommon.getRow(), paramHm); map.put("dataList", dataList); return map;Colored by Color Scriptercs 1. 백단에서 데이터리스트를 Json 데이터로 만들기 위해 map에 넣음 123456789101112 $("#list").jqGrid({ //ajax 호출할 페이지 url:'/user/jqgridAjax.do', mtype: 'POST', jsonReader : { root : "dataList", // service에서 만든 jsonList 이름 }, //로딩중일때 출력시킬 로딩내용 loadtext : '로딩중..', d..
-
[Chart] morris.js 모리스 차트 사용하기JavaScript 2017. 12. 4. 00:01
통계용 무료차트를 찾다 morris.js를 알게 되었다. morris.js 공식 깃주소 http://morrisjs.github.io/morris.js/ 여러 예제와 사용방법이 잘 정리되어 있으며 적용하기도 간단하고 쉽다. 주소 들어가서 zip파일로 js를 다운받아 리소스로 추가하여도 되고 아래와 같이 링크로 사용해도 된다. 1234cs 123456789101112131415161718192021222324252627282930313233343536 /* new Morris.Line({ element: 'morrisChart', data: [ { year: '2008', value: 30 }, { year: '2009', value: 10 }, { year: '2010', value: 5 }, { yea..
-
자바스크립트 json 'undefined' 값 변경하기JavaScript 2017. 12. 3. 00:32
json 데이터를 each문으로 추출할때 123$.each(json, function(index, key){ key.column})Colored by Color Scriptercs column에 값이 null이면'undefined' 라고 문자형식으로 나온다.이때 key.column||'' 로 써주면 공백으로 나온다. ※공백대신 다른문자로 보여주고 싶을때key.column||'-' 이런 식으로 정의하면 null일때 'undefined'란 문자대신 - 라고 나온다.