전체 글
Firebase Hosting 신청 및 배포
2016.06.26Firebase Hosting 신청 및 배포 Facebook 계정을 이용해서 회원가입 및 로그인을 알아보기에 앞서 실습한 결과물을 웹에 배포해야 합니다. Facebook이 로그인을 처리할 때, 로그인이 이루어지는 도메인을 확인하기 때문이죠. 외부에서 접근할 수 있는 서버와 도메인이 필요합니다. 물론 국내외에서 수많은 무료 호스팅 서비스가 운영되고 있습니다. 그리고 Google Firebase도 HTML 파일이나 JavaScript 등 정적인 파일을 배포할 수 있도록 호스팅을 제공하고 있습니다. 이번 섹션에서는 Firebase Hosting을 구성하고 배포하는 방법을 알아봅니다. 설명이 부족하거나 어렵다고 느껴질 수 있습니다. 직접 단계들을 수행해 보시는걸 권장합니다. Firebase Hosting 안내 ..
Google 계정을 이용해서 회원가입 및 로그인
2016.06.19Google 계정을 이용해서 회원가입 및 로그인 Google 계정은 Android 스마트폰 사용자나 Gmail 사용자라면 누구나 가지고 있습니다. 이 Google 계정을 이용해 간편하게 사이트에 가입하고, 이용할 수 있다는건 방문자들에게 큰 매력포인트이죠. 이번 섹션에서는 Google 계정을 이용해서 회원가입 하는 방법과, 로그인 처리하는 방법을 알아보겠습니다. 사전 준비 Email과 암호를 이용해서 인증할 때와 마찬가지로 Firebase 콘솔에서 Google 인증을 활성화 해야합니다. 좌측 메뉴에서 Auth를 선택하고, 로그인 방법 탭을 선택합니다. 아래 목록에서 Google을 클릭하고 사용 설정을 저장합니다. Popup을 이용해서 처리 Google 인증은 두 가지 방법으로 구현할 수 있습니다. 먼저 ..
Email과 암호를 이용해서 회원가입 및 로그인
2016.06.12Email과 암호를 이용해서 회원가입 및 로그인 Firebase는 다음과 같이 다양한 인증 방식을 간편하게 이용할 수 있는 API를 제공합니다:Email과 암호GoogleFacebookTwitterGitHub임의의 인증 시스템익명 인증본 섹션에서는 Email과 암호를 이용해서 회원가입하고, 로그인하는 과정을 설명합니다. 사전 준비 인증을 사용하기 위해서는 먼저 사전 준비가 필요합니다. Firebase 콘솔에서 원하는 인증 방식을 활성화 해야하죠. 좌측 메뉴에서 Auth를 선택하고, 로그인 방법 탭을 선택합니다. 아래 목록에서 Email/password를 클릭하고 사용 설정을 저장합니다. 위 화면과 같이 "사용 설정됨"이 표시되면 사전 설정이 완료됩니다. 회원가입 구현 본 강의에서는 Firebase 초기화..
Firebase 프로젝트 만들기
2016.06.06Firebase 프로젝트 만들기 본 강의는 BackEnd와 FrontEnd에 대하여 어느정도 지식이 있다고 가정하고 진행됩니다. Google Firebase는 강력한 BaaS 서비스입니다. 클릭 몇 번으로 프로젝트를 생성하고, 방문자를 분석한 결과를 얻을 수 있습니다. 코드 몇 줄이면 로그인을 구현하고, 서버로 데이터를 저장할 수 있죠. 본 섹션에서는 Google Firebase에 프로젝트를 생성하고 API Key를 얻는 과정을 확인합니다. 프로젝트 만들기 Google Firebase는 당연하게도 Google 계정이 있어야 합니다. 먼저 사용 중인 Google 계정으로 로그인 한 후 Firebase 콘솔 페이지로 이동합니다. 메인 화면에서는 우측 상단의 Console을 클릭하거나 화면 중간 쯤에 표시되는..
Firebase 강의에 관하여...
2016.06.06Firebase 강의에 관하여... Google Firebase는 Application을 간단하게 제작할 수 있도록 도와주는 BaaS(Backend as a Service) 서비스입니다. Firebase는 Google이 최초 런칭한 서비스는 아닙니다. 2014년에 Firebase를 Google이 인수하였는데요. 그 이후로도 꾸준히 서비스가 되었고, 얼마 전 통합 플랫폼으로 확장한다는 발표를 하였습니다. Firebase를 이용하면 Android, iOS용 Application과 Web Application을 손쉽게 만들 수 있다는 것을 의미합니다. Google은 묘지를 가지고 있을 정도로 서비스에 대해선 악명이 높습니다. 많은 개발자들이 Firebase를 바라보는 시선에 우려가 섞인 것도 이상할 일이 아닌..
[번역] 게시 도구 :: Apache Solr 5.5 가이드
2016.06.02게시 도구 Solr는 Solr 서버로 여러 형태의 컨텐츠를 게시하기 위한 간단한 명령줄 도구를 가지고 있습니다. 바로 bin/post죠. bin/post 도구는 Unix 쉘 스크립트입니다. Cygwin을 쓰지 않고 Windows에서 사용하는 방법은 아래 Windows 지원 섹션을 참고하세요. 실행하려면, 터미널 창을 열고 다음을 입력하세요:bin/post -c gettingstarted example/films/films.json위와 같이 실행하면 localhost:8983에 있는 서버에 연결할 것입니다. 반드시 콜렉션/코어 이름을 지정해야 합니다. '-help' (혹은 간단히 '-h') 옵션은 사용 방법에 대한 정보를 출력합니다(예. bin/post -help). bin/post 도구 사용하기 bin/..
[번역] Solr 색인 소개 :: Apache Solr 5.5 가이드
2016.06.02Solr 색인 소개 이 섹션에서는 색인 과정에 대해 설명합니다. Solr 색인으로 컨텐츠를 넣고, 필요하다면 컨텐츠를 수정하거나 삭제하는 과정이죠. 컨텐츠를 색인에 추가해서, Solr가 검색할 수 있도록 만들 수 있습니다. Solr 색인은 여러 소스를 통해 데이터를 받을 수 있습니다. XML 파일, 쉼표로 분리된 값(comma-separated value, CSV) 파일, DB 테이블에서 추출된 데이터, Microsoft Word나 PDF와 같은 공용 파일 형식 등이죠. 다음은 Solr 색인에 데이터를 담을 때 대체로 사용되는 3가지 방법입니다:바이너리 파일이나 Office, Word, PDF, 기타 독점 형식 등의 구조화된 파일들을 수집하기 위해 Apache Tika로 만들어진 Solr Cell 프레임..
[번역] 색인과 기본 데이터 조작 :: Apache Solr 5.5 가이드
2016.05.31색인과 기본 데이터 조작 이 섹션에서는 Solr가 Solr의 색인에 데이터를 추가하는 방법에 대해 설명합니다. 이 섹션은 아래 주제를 포함합니다:Solr 색인 소개: Solr의 색인 과정에 대해 둘러봅니다.게시 도구: 시스템으로 컨텐츠를 빠르게 업로드 하기 위한 post.jar 사용에 대해 설명합니다.데이터 업로드와 Index Handler: XML/XSLT, JSON, CSV 데이터를 업로드 할 땐 Solr의 Index Handler를 활용합니다. 이에 대한 정보를 확인합니다.데이터 업로드와 Apache Tika를 이용한 Solr Cell: 색인에 데이터를 업로드하기 위해서는 Solr Cell 프레임워크를 사용합니다. Solr Cell 프레임워크에 대해 설명합니다.구조화된 데이터 저장소 데이터 업로드와..
[번역] 날짜 다루기 :: Apache Solr 5.5 가이드
2016.05.31날짜 다루기 날짜 서식Solr의 TrieDateField(와 곧 사라질 DateField)는 밀리초 단위의 시점을 나타냅니다. 사용되는 형태는 XML 스키마 사양에 있는 dateTime의 정규 표현 형식으로 제한됩니다:YYYY-MM-DDThh:mm:ssZYYYY는 연도입니다.MM은 월입니다.DD는 날짜입니다.hh는 24시간 단위로 표현된 시간입니다.mm은 분입니다.ss는 초입니다.Z는 'Z' 문자를 그대로 쓰며, 이 문자열이 UTC로 된 날짜를 나타냄을 알려줍니다.시간대는 명시하지 않을 수 있습니다. 날짜 문자열은 항상 협정 세계시(UTC)로 표현됩니다. 다음은 예제 값입니다:1972-05-20T17:33:18Z 만약 원한다면 선택적으로 세밀한 초 단위도 포함할 수 있습니다. 물론 밀리초 이후의 단위는 ..
SNS 낚시 패턴에 대한 고찰
2016.05.31생각보다 광고글에 휘둘리는 사람이 많은거 같다.당장 생각나는 광고글 패턴을 써본다.나중에 추가로 생각나면 이 글에 업데이트 할 예정이다. 1. 세로로 "김", "준", "철"을 성공하면 상품을 드립니다.- 페이스북은 댓글을 시간 순으로 보여주지 않는다.- 시간, 인기도(선호도), 친구 여부 등 다양한 수치를 적용하여 현재 로그인 한 사용자에게 맞추어 순서를 결정한다.- 때문에 내가 보기에 순서대로 표시가 되더라도, 상대에겐 다를 수 있다.- 애초에 순서대로 댓글을 달아보라는 기준이 오류가 있다는 뜻이다. 2. 댓글에 나이만 쓰면 추첨으로 송금해준다고 하는 경우- 이런 경우 은행 어플리케이션의 이체 내역을 캡쳐로 보여준다.- 캡쳐 이미지는 과거보다 조작이 더 쉬워졌다. (그나마도 조작을 제대로 못하는 애들..
[번역] 통화와 환율 다루기 :: Apache Solr 5.5 가이드
2016.05.25통화와 환율 다루기 currency FieldType은 통화 변환이나 환율에 대한 질의를 할 때 Solr/Lucene에 화폐 가치에 대한 지원을 제공합니다. 다음 기능을 지원합니다: 지점 조회범위 조회기능성 범위 조회정렬통화 코드 또는 기호로 통화 파싱대칭 환율과 비대칭 환율 (만약 환전 수수료가 있다면 비대칭 환율이 유용합니다. 통화 설정 currency Field는 schema.xml에 정의되어 있습니다. 다음은 해당 Field의 기본 구성입니다: 이 예제에서, 우린 Field 유형의 이름과 class를 정의했고, defualtCurrency(기본 통화 단위)를 "USD", 미국 달러화로 정의했습니다. 또 currencyConfig(통화 설정)는 "currency.xml" 파일을 사용하도록 정의했습니..
RandomGenerator
2016.05.25RandomGenerator 경품 추첨이나 각종 내기에 활용할 수 있습니다.추첨 대상을 입력하고, 추첨 인원을 선택한 뒤 추첨하기 버튼을 누르면 당첨자가 표시되는 매우 단순한 프로그램입니다. :: 사용 언어- HTML5- CSS3- jQuery- PHP5 :: 주요 기능- 추첨 대상 입력, 삭제 + 추첨 대상을 입력하고, 중간에 삭제할 수 있습니다.- 마지막 추첨 대상과 추첨 인원 유지 + 브라우저의 LocalStorage를 이용해서 추첨 대상과 추첨 인원이 유지됩니다. + 다시 접속했을 때 이전 상태를 불러옵니다.- 제목 변경 + 하단의 설정 막대를 이용해서 이벤트 제목을 변경할 수 있습니다.- 스킨 변경 + 하단의 설정 막대를 이용해서 배경색과 전경색을 변경할 수 있습니다.- 로고 삽입 + 하단의 설..