Back Ground

2018/09/05 - [javascript/Node.js] - NodeJS 시작하기 전 Doit! NodeJS 프로그래밍 이라는 책으로 공부합니다.[개인적으로 원하지 않는 책입니다.] youtube 강의 경로 : https://www.youtube.com/playlist?list=PLG7te9eYUi7tHH-hJ2yzBJ9h6dwBu1FUy 강의 PPT 자료

JavaScript 핵심 요약 1.1 JavaScript의 역사 -javascript는 1955년에 Brendan Eich가 발명.ECMA가 1997에 표준화 ECMAScript Editions ECMAScript는 자바스크립트의 토대를 구성하는 스크립트 언어입니다. ECMAScript는 ECMA International 표준화 기구에 의해서 ECMA-262 및 ECMA-402 스펙에서 표준화되었습니다. 다음은 현재까지 승인됐거나 작업 중인 ECMAScript 표준입니다:이름링크출시 날짜설명현재판ECMA-262 2017 (ES 8)Working draft, repository2017ECMAScript 2017 (제8판), 현재 진행 중인 작업.ECMA-402 4.0Working draft, reposit..

요즘엔 자바스크립트 파일을 배포할 때 파일을 압축해서 ***.min.js 형식으로 배포를 합니다.jQuery 파일의 경우,jQuery-2.1.1.js jQuery-2.1.1.min.js 이런식으로 배포를 하는데요.압축된 파일을 열어보면 빈 공간없이 소스가 한줄로 다 붙어 있는 걸 볼 수 있습니다. 이렇게 압축을 하는 이유는, 용량을 조금이라도 줄여서 조금이라도 화면이 뜨는 속도를 빨리하기 위함입니다.그럼, 압축과 복원 방법을 알아보겠습니다. 자바스크립트 파일 압축하기 자바스크립트를 압축해주는 곳은 여러곳이 있지만, 대표적인 곳이 javascriptcompressor입니다.아래 링크로 들어가서 원하는 소스를 넣고 [compress] 버튼을 눌러주시면 변환이 됩니다.http://javascriptcompre..

비동기 프로그래밍을 위한 Promise와 Deferred 알아보기자바스크립트로 어플리케이션을 개발하다 보면 비동기 프로그래밍을 하지 않을 수 없다. 가령 다음과 같은 코드가 있다고 하자.console.log("1"); $('.button').click(function(){ console.log("2"); }); console.log("3"); setTimeout(function(){ console.log("4"); }, 1000); console.log("5"); $.get('getUserList.do',function(result){ console.log("6"); });위 코드를 실행하면 콘솔화면에 1 2 3 4 5 6이 나타날까? 그건 시어머니도 모른다. 버튼을 클릭해야 2가 찍히고 1초가 지나야 ..

구문어떤 일을 하기 위해 실행되는 것.글의 짜임.컴퓨터에서 원시 언어의 문장을 올바르게 구성하기 위한 규칙.자바스크립트는 순서대로 실행되는 구문들의 집합이다. 표현문,조건문,루프문,점프문 등이 있다. 구문블록은 여러 구분을 중괄호로 감싼 것 - 세미콜론으로 끝나지 않음 - 들여쓰기를 해주는 것이 좋다 (가독성, 이해도) - 안에서 선언된 변수는 지역변수가 아닌 전역변수이다 표현문 greeting ="hello"+name; i *= 3; 할당문 counter++; 증감 연산자 delete o.x; delete연산자 alert(greeting); window.close(); 함수호출 가장 간단한 형태 : 부수효과가 있는 표현식할당문 , 함수호출 등이 있음 [출처] 구문|작성자 미진보걸 복합문과 빈 구문 복합..

jqGrid 첫번째 글에서는 그리드의 환경설정과 그리드를 사용하기 위해서 꼭 필요한 몇 가지들을 알아보았습니다. 이번 글에서는 프로젝트를 진행하면서 많이 사용한 그리드 메소드와 경험을 소개하겠습니다. 1. 메소드그리드에서 제공하는 메소드를 사용하기 위한 사용법부터 알아보겠습니다 12jQuery('#grid_id').jqGridMethod( parameter1,...parameterN );ex) jQuery('#grid_id').setGridParam({...}).hideCol('somecol').trigger('reloadGrid'); grid_id는 그리드가 설정된 ID입니다.jqGridMethod는 그리드에서 제공하는 메소드입니다.메소드에 따라 parameter가 존재할 수 있습니다. 그리드에서 기본..

9월에 첫 프로젝트 투입되어서 어느덧 끝을 향해 가고 있습니다. 프로젝트에서 많은 기술을 경험하였지만 그중에서 가장 기억에 남는 기술은 jqGrid라는 플러그인이었습니다. 대량의 데이터를 테이블로 표현해야 할 때 jQuery에 대한 지식이 있다면 jqGrid를 이용하여 쉽게 개발을 할 수 있습니다. jqGrid와 함께 한 9개월의 추억을 회상하며 소개를 시작하겠습니다. 1. 소개jqGrid는 jQuery라이브러리를 이용한 Grid Plugin입니다.jqGrid는 웹에서 테이블 형식의 데이터를 표시하고 조작을 위한 Ajax기반 자바스크립트 컨트롤러입니다.jqGrid는 기본적으로 jQuery-UI를 이용하기 때문에 원하는 테마를 만들어서 사용가능합니다. jqGrid Wiki에서는 jqGrid를 위와 같이 소..

jQGrid 생성 view.jsp 파일 1234567891011121314151617181920212223242526Insert title here#grigList{border:1px solid #999;} jqGrid.js123456789101112131415161718192021222324252627282930313233$(document).ready(function(){ $("#grigList").jqGrid({ url:"data.json", //JSON 데이터 URL mtype:"POST", //POST 형식(get/post) height:250, //높이 250 width:500, //넓이 500 colNames:['번호','제목','작성자','등록일시','조회수'], //열명 colModel:..