2017/1212

• 

  자바스크립트 javascript 페이지 인쇄하기 window.print() document.write() 자바스크립트 javascript 페이지 인쇄하기 window.print() document.write() 자바스크립트에서 별도의 페이지를 만들지 않고, 특정 버튼을 클릭했을 때 새로운 window객체를 만들어 인쇄 페이지를 만드는 방법을 알아보도록 하겠습니다. 1 2 3 4 $('.print').click(function(){ const completeParam = makeHtml(); reportPrint(completeParam); } Colored by Color Scripter cs print라는 클래스명을 가진 버튼을 클릭 시 makeHtml 함수에서 인쇄할 html 페이지를 만들어 리턴 받습니다. 1 2 3 4 5 6 7 8 9 10 function makeHtml(){ const obj = .. Programing/JavaScript 2017. 12. 22.

• 전자정부 JAVA 중복 로그인 방지 처리 방법, 동시접속 제한 전자정부 JAVA 중복 로그인 방지 처리 방법, 동시접속 제한 보안적인 측면에서 중복로그인 처리는 필수적으로 필요한 부분입니다. 내가 로그인 했는데 다른곳에서 또 로그인 처리가 되면 안되겠죠? 그럼 전자정부프레임워크를 활용해 중복로그인 방지 처리를 하는 방법을 알아보도록 하겠습니다. 포스팅은 아래의 Link를 참조하였습니다. Link : 전자정부 프레임워크 중복 로그인 방지 기능 Link : Spring Interceptor 활용 세션 설정 인터셉터 세션 설정 ajax, 페이지연결 구분 인터셉터 설정 부분은 위의 링크를 참고하시고, 중복 로그인 처리부터 보도록 하겠습니다. 인터셉터 설정을 해 놓으면 페이지 요청이 있을 때마다 인터셉터가 가로채서 등록된 class 를 우선적으로 실행을 하게 되죠. 이번 포.. Programing/egovFramework 2017. 12. 20.

• 

  javascript 자바스크립트 멀티 파일 읽기, 복수의 파일 읽기, 여러개 파일 읽기, multi FileReader javascript 자바스크립트 멀티 파일 읽기, 복수의 파일 읽기, 여러개 파일 읽기, multi FileReader 이전 포스팅에서 하나의 Text 파일을 읽어 처리하는 방법을 알아보았습니다. 하지만 꼭 하나의 html file 태그에 하나의 파일만 처리하는 법은 없죠. Link : javascript 자바스크립트 파일 텍스트 읽기 text file read 방법, 파일데이터 추출 이번엔 복수의 파일을 선택하여 처리하는 방법을 알아보도록 하겠습니다. 여러개의 파일을 처리하기 위해선 여러개의 파일을 선택해야 겠죠? 기존에 file 태그에 multiple="multiple" 옵션을 추가하고 name의 명칭 끝에 [] 을 붙여줍니다. (name="fileNames1[]") [] 라는 것은 배열로 처리된다는.. Programing/JavaScript 2017. 12. 18.

• 

  MongoDB 설치 방법 MongoDB 설치 방법 MongoDB는 Document store) 방식의 NoSQL 데이터베이스 입니다. 이는 인터페이스로 자바스크립트와 유사한 언어를 사용하기 때문에 Nodejs 와 연계하여 사용하면 프론트엔드, 백엔드, 디비까지 같은 언어로 개발하는 것과 같은 효과를 냅니다. http://nosql-database.org/ https://www.mongodb.com/ 자세한 설명은 위 링크들을 참고하세요. 그럼 설치 방법을 알아보도록 하겠습니다. https://www.mongodb.com/ 위의 링크로 이동하여 상단의 Download를 클릭합니다. 그럼 Download Center로 이동되고, 여기에서 Community Server로 이동하여 다운로드를 받습니다. 다운로드가 완료되면 실행합니다. .. Programing/Node.js 2017. 12. 6.

• 

  nodejs 핵심 모듈 express 설치 및 설정 nodejs 핵심 모듈 express 설치 및 설정 이번 포스팅에서는 nodejs의 핵심 프레임워크인 express의 설치 방법을 알아보고 설정에 대해 간단히 알아보도록 하겠습니다. express는 자바의 Spring 프레임워크와 비슷하다고 할 수 있습니다. 실질적인 nodejs의 표준 프레임워크이기 때문이죠. 'nodejs로 웹 애플리케이션을 개발했다.' 라는 말은 당연히 express를 활용했다 라고도 할 수 있죠. 그럼 설치 방법을 알아보도록 하겠습니다. express-generator 와 express 를 설치 하겠습니다. nodejs command propmt 창을 열어 1 npm install -g express-generator cs 를 입력 해 express-generator부터 설치를 합.. Programing/Node.js 2017. 12. 6.

• 

  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.