':: Dev' 카테고리의 글 목록 (5 Page)

:: Dev

jetalog.net

2018.04.10

이메일은 사용자에게 낮은 비용으로 메시지를 전달할 수 있는 수단입니다. 이번 포스트에서는 Node.js에서 간단한 방법으로 메일을 발송하는 방법을 알아봅니다. 서버 구성 이번에 공유하는 예시는 이용하는 서버 환경에 따라 작동이 되지 않을 수 있습니다. 이 점 유의해주시기 바랍니다. - OS: Ubuntu 16.04 (aws) - Node.js: v8.11.1 사전 준비: Postfix 설치 1. 아래 명령어를 이용하여 Postfix를 설치를 시작합니다. sudo apt-get install -y postfix 2. 설정 화면이 실행됩니다. enter 혹은 return키를 눌러 다음 화면으로 이동합니다. 3. Internet Site를 선택합니다. 4. 자신의 도메인을 입력합니다. 도메인이 없는 경우 기본..

웹 개발 시 유용한 VSCode Extension

2018.04.04

VSCode는 가벼운 에디터지만 필수적인 기능만 제공하고 있습니다.대신 Marketplace를 통해 추가 기능을 제공하고 있죠.Extension 기능을 적절히 활용하면 생산량 증가를 꾀할 수 있습니다. VSCode 설치 후 고정적으로 이용하는 Extension을 추천해드릴 겸 목록을 공유합니다. Active File In StatusBar (이동) 현재 편집 중인 파일의 경로를 하단 상태 막대에 표시합니다. 이 경로를 클릭하면 바로 클립보드에 복사할 수도 있죠. 터미널이나 탐색기를 여러번 이용해야 하는 경우 그 빛을 발합니다. Bracket Pair Colorizer (이동) 프로그램의 덩치가 커지면 여러 단계의 괄호를 이용해야 합니다. JavaScript 코드는 특히 더 심하죠.괄호의 단계별로 다른 색..

이미지 파일의 배경색을 제거하기

2018.04.02

Express.js 서버로 업로드 한 이미지 파일의 배경색을 제거하기 웹 서비스를 운영하다보면 사용자의 도장을 인식하거나, 간단한 사진 합성을 하는 등 사용자가 업로드 한 이미지의 배경색을 제거하고, 이미지의 내용 부분만 추출해야 할 수도 있습니다. 사용자가 이미지를 업로드하면, 배경을 제거하는 예제를 공유합니다. 사전 준비 1. GraphicsMagick을 설치합니다. - GraphicsMagick은 널리 이용되는 이미지 처리 라이브러리입니다. 이 예제에서는 GraphicsMagick을 이용해 이미지를 처리합니다. - Windows: 아래 링크에서 다운로드 후 설치를 진행하세요. http://www.graphicsmagick.org/README.html#installation - *nix: 아래 링크에..

자주 쓰는 Bookmarklet

2018.03.24

Bookmarklet을 활용하여 생산성 향상하기 웹브라우저의 Bookmark는 자주 가는 사이트를 등록해두는 기능입니다.이 Bookmark에 JavaScript 코드를 등록해둔다면 생산성 향상을 기대할 수 있습니다. Bookmarklet 생성 간단합니다.웹브라우저에서 Bookmark를 등록할 때, URL에 'javascript:'로 시작하는 간단한 스크립트를 입력합니다.혹은 웹 페이지에 있는 링크를 브라우저의 Bookmark Bar로 끌어다 놓아도 추가할 수 있습니다. 1. 직접 스크립트 입력해서 추가 2. 끌어다 놓아서 추가 자주 사용하는 Bookmarklet 주로 참고 문서를 열거나 WebApp을 실행할 때 이용합니다.아래 자주 사용하는 Bookmarklet을 공유합니다. 각 항목의 항목명을 끌어서 ..

Excel 파일(.xlsx)을 JSON 형식으로 변환하기

2018.03.23

Express.js 서버로 업로드 한 Excel 파일을 JSON 형식으로 변환하기 재무제표, 수익률 데이터, 용돈 데이터 등등... 종종 Excel로 기록된 데이터를 Node.js에서 다뤄야 할 경우가 있습니다. Express.js로 구현된 웹 페이지에 사용자가 엑셀 파일을 업로드하면, 해당 파일을 읽어들여 json 형식으로 돌려주는 예제를 공유합니다. 사전 준비 1. Dependencies: 아래 명령어를 이용해 필요한 패키지를 설치합니다. - multiparty: multipart/form-data 형식으로 전송된 파일을 좀 더 편리하게 다룰 수 있도록 도와줍니다. - xlsx: Excel 파일을 다룰 수 있도록 도와줍니다. npm i --save express http body-parser mult..

[Solr 빠른 완성] 6. 검색 결과 강조

2016.12.22

검색 결과 강조 각종 검색엔진을 이용하여 검색 결과를 보면 내가 입력했던 검색어가 강조되어 표시되는 것을 볼 수 있습니다. 우리가 만든 검색 결과 페이지에 적용할 순 없을까요? Solr는 이 Highlighting 기능을 지원하고 있습니다. 지금까지 그랬던 것처럼 아주 간단한 방법으로 구현할 수 있는데요. 오늘은 이 Highlighting 기능을 확인해보겠습니다. Highlighting 적용기존의 표 방식의 결과 페이지에는 본문 조각을 표시하기가 좋지 않습니다. src/main/webapp/WEB-INF/jsp/board4/boardSearch.jsp 파일을 아래와 같이 변경해주세요. 검색 결과 [] by. ... ... 검색 결과에 검색어를 강조하기 위해 src/main/java/gu/board4/bo..

[Solr 빠른 완성] 5. SolrJ를 이용한 검색

2016.12.17

SolrJ를 이용한 검색 4편까지의 연재를 통해서 새 색인 문서를 추가하고 삭제하는 법을 확인하였습니다. 이 모든 과정은 사실 오늘을 위해서 배웠다고해도 과언이 아닙니다. 오늘 5편에서 드디어 Solr를 이용해 검색을 진행하겠습니다. 색인된 문서 검색 게시판에 샘플 데이터를 충분히 입력해주세요. 예제에서는 노래 가사를 사용하겠습니다. 이제 검색 결과를 표시할 페이지를 디자인하겠습니다. src/main/webapp/WEB-INF/jsp/board4/boardSearch.jsp를 생성하고 아래 코드를 입력해주세요. 검색 결과 번호 제목 등록자 등록일 검색 페이지를 표시하기 위해 src/main/java/gu/board4/board4Ctr.java에 아래 코드를 이용하여 board4Search() 메소드를 추..

[Solr 빠른 완성] 4. SolrJ를 이용한 색인 제어

2016.12.15

SolrJ를 이용한 색인 제어 이전 3편에서 말씀드렸듯 SolrJ를 이용하면 Java 프로그램 안에서 Solr에 접근할 수 있습니다. JSP 웹 사이트를 제작한 경우 새 색인 문서를 추가하기 위해서 어렵게 직접 HttpRequest에 데이터를 담아서 보낼 필요 없다는 뜻이죠. 아래와 같이 가독성 높은 코드를 만들 수 있습니다. 이번 4편에서는 사용자가 게시판에 글을 쓰고 수정하고 삭제할 때, 색인 문서를 추가하거나 삭제하도록 수정해보겠습니다. 색인 문서 추가, 수정src/main/java/gu/board4/board4Svc.java 파일의 43번째 줄에 아래 코드를 추가합니다.SolrInputDocument solrDoc = new SolrInputDocument(); solrDoc.addField("i..

[Solr 빠른 완성] 3. SolrJ 적용하기

2016.12.12

SolrJ 적용하기 SolrJ는 Solr에 접속할 수 있는 Java Client입니다. SolrJ를 이용하면 Java 응용 프로그램에서 Solr에 접속해서 색인을 추가하고, 갱신하고, 삭제할 수 있습니다. 아마 많은 분들이 이번 편과 다음 편을 많이 반기실 것 같습니다. 저 역시도 Solr를 공부하면서 SolrJ를 다루는 법을 가장 궁금해하기도 했었습니다. 이번 3편에서는 게시판에 SolrJ를 적용해보겠습니다. SolrJ를 다루는 방법은 다음편에서 진행되니 같이 확인해주세요 :) Maven Dependency 추가아래 주소에 접속해서 현재 Solr 버전에 맞는 SolrJ 의존성 코드를 확인해주세요. 지금 예제에서는 6.3.0이니 SolrJ도 6.3.0을 확인하겠습니다. https://mvnreposito..

[Solr 빠른 완성] 2. Schema 생성

2016.12.08

Schema 생성 Schema[1]는 Lucene에 저장되는 문서의 구조입니다. Lucene만 단독으로 사용한다면 문서를 저장하고 꺼낼 때마다 설정해줘야 하지만 Solr는 미리 설정해두고 사용하도록 해줍니다. 덕분에 문서를 저장하고 꺼낼 때 훨씬 간편하게 이용할 수 있죠. 이번 2편에서는 Schema를 설정하는 방법을 알아봅니다. managed-schema 설정$SOLR_HOME\server\solr\board\conf에 있는 managed-schema[2] 파일을 열어주세요. 메모장이나 Sublime Text, Notepad+ 등 텍스트 편집기로 열면 됩니다. 126행에 아래 코드를 삽입하고 저장해주세요. 아래 코드는 태그를 이용하여 앞으로 색인에 필요한 Field[3]를 설정하는 내용이 담겨있습니다...

[Solr 빠른 완성] 1. 준비하기

2016.12.05

준비하기 Solr는 훌륭한 검색엔진입니다. Java로 개발한 프로그램에 Solr를 빠르게 적용할 수 있도록 도와드리기 위해 Solr 빠른 완성을 연재합니다. Solr 빠른 완성 시리즈는 Solr의 Schema를 설정하고, Web Application을 이용하여 색인을 추가, 수정, 삭제하는 과정을 다룰 예정입니다. 물론 Web Application에서 Solr를 이용한 검색 결과를 출력하는 방법도 포함됩니다. 이번 1편에서는 Solr 빠른 완성에 필요한 것들을 준비합니다. 개발 환경 준비JDK 1.8 이상이 필요합니다. 만약 설치되어있지 않다면 아래 주소에서 다운로드 해주세요. http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-..

Facebook 계정을 이용해서 회원가입 및 로그인

2016.07.03

Facebook 계정을 이용해서 회원가입 및 로그인 Facebook은 2015년 기준 세계에서 가장 많이 이용되는 SNS입니다(출처: CIO). 그만큼 많은 사람들이 이미 계정을 가지고 있다는 뜻이죠. 게다가 많은 스마트폰은 이미 SNS가 로그인 되어있는 상태입니다. 그렇기 때문에 Facebook으로 로그인 할 수 있도록 한다면 사용자 확보가 더욱 쉬워질 것입니다. 이번 섹션에서는 Facebook을 이용해서 회원가입 하는 방법과 로그인 처리하는 방법을 알아봅니다. Facebook에서의 사전 준비 Facebook 개발자 사이트를 통해 App을 생성해야합니다. 먼저 Facebook 개발자 사이트(http://developers.facebook.com)에 가입합니다. 개발자 가입 단계는 간단히 개인정보취급방침..

jetalog.net