*:;전체보기;:*696

• 

  nodejs 배열 값 섞기 shuffle-array nodejs 배열 값 섞기 shuffle-array nmp 검색을 통해 shuffle-array를 검색합니다. shuffle-array 라는 패키지가 있네요. 이것을 클릭합니다. 아래쪽으로 스크롤을 이동해 사용방법을 보니 매우 간단하네요. 그럼 다운로드 하는 방법을 보도록 하겠습니다. 페이지 우측 상단에 npm install shuffle-array 가 있습니다. nodejs command prompt 를 열어 해당 프로젝트의 최상위 폴더로 이동합니다. 그리고 npm install shuffle-array를 입력 후 엔터를 눌러 설치를 진행합니다. package.json 이 없다 뭐라뭐라 경고가 뜨긴 하지만 shuffle-array package가 추가되었습니다. 프로젝트를 확인해보면 node_modul.. Programing/Node.js 2017. 12. 5.

• 

  nodejs server 서버 만들기 (기본) nodejs server 서버 만들기 (기본) 이번 포스팅에서는 nodejs를 활용해 간단한 서버를 구현하는 방법을 알아보도록 하겠습니다. 개발툴은 이전에 포스팅한 ATOM을 사용하도록 하겠습니다. Link : node.js를 위한 무료 텍스트 에디터 추천 ATOM nodejs 서버를 만들기 위해선 기본 모듈인 http가 필요합니다. http로 서버객체를 생성해 클라이언트의 요청에 응답할 수 있습니다. http 모듈을 사용하기 위해선 require를 사용해 http 모듈을 import 해야 합니다. 1 const http = require('http'); cs 이렇게 http 객체를 생성하면 http의 기능을 사용할 수 있는데요. createServer function을 활용해 서버를 생성해 보겠습니다... Programing/Node.js 2017. 12. 5.

• 

  자바스크립트 javascript for in , for of 의 차이 자바스크립트 javascript forEach, for of, for in 의 차이 보통 자바스크립트에서 반복문의 형태는 4가지 정도가 있죠. 기본 for문, forEach, for of, for in. 그럼 이들의 차이는 무엇일까요? 아래의 소스를 보면서 알아보도록 하죠. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 const array = ['가','나','다','라']; console.log("size : "+array.length); const size = array.length; //객체의 반복 in, 배열 of console.log("basic"); for(let i=0; i Programing/JavaScript 2017. 12. 5.

• 

  nodejs 개발환경 설정 jsHint 소스 품질 향상 nodejs 개발환경 설정 jsHint 소스 품질 향상 jsHint 는 nodejs 기반의 소스 검사 툴입니다. 문법에러와 오타, 세미콜론 누락 등의 오류를 잡아주죠. 코드 품질 향상에 매우 도움이 되는 툴입니다. 앞에서 말씀드렸듯이 jsHint는 nodejs 기반의 툴입니다. 먼저 nodejs가 설치되어야 합니다. nodejs 설치방법은 아래의 link를 참고하세요. Link : node.js 설치방법과 간단한 실행 nodejs가 설치 되었다면 아래의 사이트로 이동해주세요. https://npmjs.com/ npm 은 node package manager 의 약자인데요. nodejs 개발에 필요한 많은 패키지들을 제공하는 사이트죠. jshint 를 검색해서 가장 상단에 나오는 jshint를 선택합니다... Programing/Node.js 2017. 12. 5.

• 

  javascript var, let, const 의 차이, 차이점 javascript var, let, const 의 차이, 변수선언 방법 이전의 javascript 에서는 var 를 사용하여서만 변수를 선언했습니다. 하지만 이는 1. 변수의 재선언 시에나 2. 호이스팅과 같은 자바스크립트의 특성에서 몇몇 문제점을 야기했죠. 그래서 이러한 문제점을 보완하기 위해 ECMAScript 6 에서 나온 것이 const와 let 입니다. 이것은 둘다 재선언이 불가능 합니다. 간단한 예를 보도록 하죠. 1 2 3 4 5 6 var name = '이건' console.log(name); var name = 'Geon Lee'; console.log(name); name = ''; console.log(name); cs 위와 같이 var로 선언된 경우 아무 문제 없이 console이.. Programing/JavaScript 2017. 12. 4.

• 

  node.js 를 위한 무료 텍스트 에디터 추천 ATOM node.js 를 위한 무료 텍스트 에디터 추천 ATOM nodejs 의 개발은 메모장을 사용하여도 되지만, 가독성과 개발편의성의 향상을 위해 많은 텍스트 에디터가 나와있습니다. 그중에서 추천드릴 텍스트에디터는 Github에서 개발된 ATOM 입니다. Github 에서 개발되었기 때문에 연동도 가능하죠. ㅎ 뿐만 아나라 무료라는 것이 강점이죠! 그럼 다운을 받기위해 ATOM 사이트로 이동합니다. https://atom.io/ 바로 메인화면에 Download가 있죠? 받아서 실행시켜 줍니다. 그럼 아래와 같이 실행이 됩니다. .NET Framework가 필요하군요.. 설치를 완료 하시고 실행을 하시면 아래와 같은 화면을 볼 수 있습니다. 1부에 이어 nodejs 를 개발할 환경이 설정 되었네요. Link .. Programing/Node.js 2017. 12. 4.

• 

  node.js 설치방법과 간단한 실행 node.js 설치방법과 간단한 실행 node.js 개발을 위한 첫시간은 node.js 를 설치하는 방법에 대해 알아보도록 하겠습니다. https://nodejs.org/ 위의 사이트로 이동하여 다운로드 합니다. LTS 를 다운로드 해주세요. 개발을 위해서는 LTS(Longterm Service) 가 좋습니다. 다운받은 후 아래와 같이 설치를 진행해주세요. 이제 Finish를 클릭하면 설치가 완료됩니다. 그럼 설치가 잘 되었는지 확인해보아야 겠죠? 윈도우 시작키>모든 프로그램>Node.js>Node.js command prompt 를 클릭해주세요. 그런 다음 아래와 같이 버젼을 확인해 봅시다. 잘 설치가 된것 같네요. 여기서의 npm은 Nodejs Package manager 의 약자 입니다. npm i.. Programing/Node.js 2017. 12. 4.

• 

  jqGrid dataType json CRUD + filterToolbar + dateRangePicker 6부 CUD 기능 구현 jqGrid dataType json CRUD + filterToolbar + dateRangePicker 6부 CUD 기능 구현 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com 어느덧 jqGrid 6번째 포스팅 입니다. Link : jqGrid dataType json CRUD + filterT.. Programing/jQuery 2017. 11. 30.

• 

  jqGrid dataType json CRUD + filterToolbar + dateRangePicker 5부 기간 조회 dateRangePicker설정 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 5부 기간 조회 dateRangePicker설정 이번 포스팅에서는 jqGrid filterToolbar에 dateRangePicker를 적용하.. Programing/jQuery 2017. 11. 30.

• 

  jqGrid dataType json CRUD + filterToolbar + dateRangePicker 4부 멀티 조건 조회 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 4부 멀티 조건 조회 이전에 3개의 포스팅에서 jqGrid의 조회, 페이징, 헤더 정렬에 대해 알아보았습니다. Link : jqGrid dat.. Programing/jQuery 2017. 11. 30.

• 

  jqGrid dataType json CRUD + filterToolbar + dateRangePicker 3부 헤더 정렬 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 3부 헤더 정렬 Link : jqGrid dataType json CRUD + filterToolbar + dateRangePicker 1부 .. Programing/jQuery 2017. 11. 30.

• 

  jqGrid dataType json CRUD + filterToolbar + dateRangePicker 2부 페이징 설정 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 2부 페이징 설정 1부 에서는 데이터를 가져와 표출하는 부분까지 했었죠. 이번 2부에서는 페이징 설정을 하는 방법에 대해 알아보도록 하겠습니다.. Programing/jQuery 2017. 11. 30.

• 

  jqGrid dataType json CRUD + filterToolbar + dateRangePicker 1부 데이터 조회 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 1부 데이터 조회 jqGrid에 filterToolbar와 dateRangePicker를 적용한 화면 입니다. [구현된 기능] ● 그리드 헤더.. Programing/jQuery 2017. 11. 29.

• 

  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.

• 

  자바 파일 다운로드 소스, 한글인코딩, 브라우져 문제 해결 자바 파일 다운로드 소스, 한글인코딩, 브라우져 문제 해결 [ jsp ] filename 을 get 방식으로 보낸다. $(document).ready(function(){ $('#fileDown').click(function(){ var filename = $('#fileName').val(); window.location.assign('${ctx}/infoCenter/download.do?fileName='+fileName); }); }); [ Java Controller ] 파일 경로 설정 (프로젝트 내에 있는 파일) - 서버 로컬에 있는 파일이라면 절대경로를 입력. @RequestMapping(value="/download.do", produces="text/plain;charset=UTF-8") .. Programing/JAVA 2017. 11. 20.