분류 전체보기
이미지 파일의 배경색을 제거하기
2018.04.02 10:00Express.js 서버로 업로드 한 이미지 파일의 배경색을 제거하기 웹 서비스를 운영하다보면 사용자의 도장을 인식하거나, 간단한 사진 합성을 하는 등 사용자가 업로드 한 이미지의 배경색을 제거하고, 이미지의 내용 부분만 추출해야 할 수도 있습니다. 사용자가 이미지를 업로드하면, 배경을 제거하는 예제를 공유합니다. 사전 준비 1. GraphicsMagick을 설치합니다. - GraphicsMagick은 널리 이용되는 이미지 처리 라이브러리입니다. 이 예제에서는 GraphicsMagick을 이용해 이미지를 처리합니다. - Windows: 아래 링크에서 다운로드 후 설치를 진행하세요. http://www.graphicsmagick.org/README.html#installation - *nix: 아래 링크에..
Tistory 초대장 배포:완료
2018.03.26 11:32Tistory 초대장을 배포합니다. 댓글에 비밀댓글로 필명과 메일 주소, 블로그 주제, 비밀번호를 적어주시면 선착순으로 메일을 보내드리겠습니다. 비밀번호는 'ZEF0944'입니다. 1주일 안에 블로그가 생성되지 않으면 발송된 초대장은 회수됩니다. 2018/03/26 18:57 모두 배포되었습니다. 감사합니다. 2018/03/26 12:26 잔여 초대장은 1장입니다.
자주 쓰는 Bookmarklet
2018.03.24 11:00Bookmarklet을 활용하여 생산성 향상하기 웹브라우저의 Bookmark는 자주 가는 사이트를 등록해두는 기능입니다.이 Bookmark에 JavaScript 코드를 등록해둔다면 생산성 향상을 기대할 수 있습니다. Bookmarklet 생성 간단합니다.웹브라우저에서 Bookmark를 등록할 때, URL에 'javascript:'로 시작하는 간단한 스크립트를 입력합니다.혹은 웹 페이지에 있는 링크를 브라우저의 Bookmark Bar로 끌어다 놓아도 추가할 수 있습니다. 1. 직접 스크립트 입력해서 추가 2. 끌어다 놓아서 추가 자주 사용하는 Bookmarklet 주로 참고 문서를 열거나 WebApp을 실행할 때 이용합니다.아래 자주 사용하는 Bookmarklet을 공유합니다. 각 항목의 항목명을 끌어서 ..
Excel 파일(.xlsx)을 JSON 형식으로 변환하기
2018.03.23 08:33Express.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 23:53검색 결과 강조 각종 검색엔진을 이용하여 검색 결과를 보면 내가 입력했던 검색어가 강조되어 표시되는 것을 볼 수 있습니다. 우리가 만든 검색 결과 페이지에 적용할 순 없을까요? 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 18:21SolrJ를 이용한 검색 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 12:37SolrJ를 이용한 색인 제어 이전 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 11:13SolrJ 적용하기 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 13:00Schema 생성 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 10:09준비하기 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 12:45Facebook 계정을 이용해서 회원가입 및 로그인 Facebook은 2015년 기준 세계에서 가장 많이 이용되는 SNS입니다(출처: CIO). 그만큼 많은 사람들이 이미 계정을 가지고 있다는 뜻이죠. 게다가 많은 스마트폰은 이미 SNS가 로그인 되어있는 상태입니다. 그렇기 때문에 Facebook으로 로그인 할 수 있도록 한다면 사용자 확보가 더욱 쉬워질 것입니다. 이번 섹션에서는 Facebook을 이용해서 회원가입 하는 방법과 로그인 처리하는 방법을 알아봅니다. Facebook에서의 사전 준비 Facebook 개발자 사이트를 통해 App을 생성해야합니다. 먼저 Facebook 개발자 사이트(http://developers.facebook.com)에 가입합니다. 개발자 가입 단계는 간단히 개인정보취급방침..
Firebase Hosting 신청 및 배포
2016.06.26 11:00Firebase Hosting 신청 및 배포 Facebook 계정을 이용해서 회원가입 및 로그인을 알아보기에 앞서 실습한 결과물을 웹에 배포해야 합니다. Facebook이 로그인을 처리할 때, 로그인이 이루어지는 도메인을 확인하기 때문이죠. 외부에서 접근할 수 있는 서버와 도메인이 필요합니다. 물론 국내외에서 수많은 무료 호스팅 서비스가 운영되고 있습니다. 그리고 Google Firebase도 HTML 파일이나 JavaScript 등 정적인 파일을 배포할 수 있도록 호스팅을 제공하고 있습니다. 이번 섹션에서는 Firebase Hosting을 구성하고 배포하는 방법을 알아봅니다. 설명이 부족하거나 어렵다고 느껴질 수 있습니다. 직접 단계들을 수행해 보시는걸 권장합니다. Firebase Hosting 안내 ..