머드초보의 블로그

[Node.js] cheerio - jquery 기반의 웹스크래핑할 수 있는 html parser

머드초보 — Sun, 5 Apr 2015 10:08:13 +0900

API는 제공하지 않는 웹사이트에서 데이터를 쓰고 싶을 때에는 웹스크래핑 방식으로 데이터를 많이 들 가져오는데요. nodejs용으로 엄청 편한 라이브러리가 있어서 소개합니다. 예전에 이거 할 때 잘 모르던 꼬꼬마 시절에 html을 불러와서 indexOf같은 걸로 찾아서 substring해서 했던 것 같은데...찾아보니 훨씬 편한 라이브러리들이 많이 있네요.

제가 롯데마트를 주로 애용하는데요. 롯데마트에서 데이터를 다 긁어와서 어제보다 떨어진 상품 목록을 가져오는 기능과 상품가격이 떨어지면 유저에게 푸쉬를 보내는 앱을 만드려고 했는데, 어떤 분이 더 완벽하게 만드셔서...다른 아이템을 제작하기로...-_-

마트 자주 가시는 분들 마트모어 앱 쓰세요! 디게 좋네요!

https://play.google.com/store/apps/details?id=com.mart.trace

그래도 삽질한 것은 정리!!

cheerio 사이트

http://cheeriojs.github.io/cheerio/

cheerio github

https://github.com/cheeriojs/cheerio

예제 코드

코드를 잘 보면 jquery selector를 그대로 쓰는 것을 알 수 있습니다. request 라이브러를 통해서 웹사이트 html을 가져온 다음 cheerio를 이용해 파싱 후 jquery selector를 이용해 그대로 원하는 데이터를 가져오면 됩니다.

var request = require('request');
var cheerio = require('cheerio');

request({
    url: 'http://www.lottemart.com/category/categoryList.do?CategoryID=C001001100010001',
    headers: {
        'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.99 Safari/537.36'
    }
}, function(err, res, html) {
    if (err) {
        console.log(err);
        return;
    }
    var $ = cheerio.load(html);
    var liList = $('#list_prod_1').children('ul').children('li');
    for (var i = 0; i < liList.length; i++) {
        // productId를 가져오기 위함.
        var split = $(liList[i]).find('.pr_price .t_roman > span').attr('id').split('_');
        if (split.length < 2) {
            continue;
        }
        var productId = split[1];
        var price = $(liList[i]).find('#ItemCurrSalePrc_' + productId).text();
        price = price.replace(/,/gi, "");
        var title = $(liList[i]).find('#prodNm_' + productId).val();
        console.log(productId + ':' + title + '(' + price + ')');
    }
});

결과

node test.js 
8808836972445:고향의 향기미(20kg/국내산)(35900)
8804595000023:임금님표 이천쌀(10KG)(35800)
8809001961639:고시히카리(10Kg)(36500)
8808509000420:대왕님표 여주쌀(10kg)(35500)
8808433100029:GAP 철원오대미(10KG)(35000)
8808836972438:고향의 향기미(10Kg)(25000)
8809001740135:황토배기신동진쌀(10Kg)(28000)
8809013191468:금싸라기(10Kg)(28500)
8808433200026:철원평야쌀(10Kg)(30000)
8809001564052:서천농협 순미(20Kg)(58000)
8809088510638:즉석오대미(10KG)(39800)
L000000120009:경기도 김포금쌀 20kg [1,000포한정](49900)

[RubyOnRails] DB Replication Gem - Octopus 셋팅 정리

머드초보 — Sat, 4 Apr 2015 01:40:32 +0900

DBCharmer를 사용하고 있었는데, 더 이상 업데이트를 안한다고 해서 다른 걸 찾다보니 이거 밖에 없네요 레일즈4에서 사용해야 하는데, DBCharmer는 3.X버전밖에 지원하지 않아요. 그래서 옮길 겸 정리!

물론 Replication(Master/Slave) 외에 Shard도 지원하는데, 그냥 여러 개의 Database를 정의하고 그 중 원하는 걸로 쓰게 하는 형식으로 되어있어요. 즉 키별로 샤드를 나누려면 직접 구현해야할 것 같아요. 그냥 Database를 선택해서 쓸 수 있다 정도로만 되어 있는 것 같네요. 샤드는 잘 안해봐서 잘 모르겠지만 대충 그런 느낌이네요.

일단 나의 정리의 목적은 Replication이니까 이것만-_-

젬 깃허브입니다.
https://github.com/tchandy/octopus

1. Master/Slave DB준비

보통은 시스템팀이 있는 회사라면 다 알아서 해주지만 한 번 해보는 것도 나쁘진 않아요. 이거 보고 따라하세요. 두 번 따라하세요-_-
http://oqlid.blogspot.kr/2013/05/mariadb-masterslave-replication-tutorial.html

2. Rails4 프로젝트 생성.

루비와 레일즈는 셋팅이 되어있다는 가정하에...

rails new ReplicationTest

3. Gemfile에 Octopus 및 필요한 것 추가.

Gemfile

gem 'ar-octopus'
gem 'mysql2'

옥토퍼스랑 mysql만 있으면 돼요.

4. database 설정

DBCharmer에서는 database.yml에 master slave를 한단계 더 만들어서 설정해서 한 파일에 다 넣었는데요. 얘는 database.yml에는 마스터디비정보만 넣고, shards.yml파일을 새로 만들어서 slave디비정보를 넣어줍니다.

master는 그대로 database.yml에 설정합니다.

database.yml

default: &default adapter: mysql encoding: utf8 database: mudchobo username: root password: 1234 host: 마스터주소 port: 3306 pool: 5 timeout: 5000 development: <<: *default test: <<: *default database: mudchobo_test production: <<: *default database: mudchobo_production

slave들은 따로 파일을 만들어서 관리합니다.

config/shards.xml

default: &default adapter: mysql2 encoding: utf8 username: root password: 1234 host: 슬레이브주소 port: 3306 pool: 5 timeout: 5000 octopus: replicated: true environments: - development - production development: slave1: <<: *default database: mudchobo production: slave1: <<: *default database: mudchobo_production

설정은 비슷한데, 멀티 slave를 둘 수 있어서 환경 아래 slave1, slave2 등 여러 개를 두개 되면 select하는 것들에 대해서 알아서 선택해서 접속해서 데이터를 가져옵니다.

replicated: true로 사용해야 가능하고, 혹시 특정 모델에만 리플리케이션을 하고 싶으면 fully_replicated: false를 추가하고, 리플리케이션 허용 하는 것에 대해서는 모델에서 아래와 같이 넣어주면 됩니다.

#This class is replicated, writes to master and reads to slave.
class Cat < ActiveRecord::Base
  replicated_model()
end

5. db migration 생성 및 INSERT SELECT 테스트.

테이블 생성해서 테스트 해봅시다. 모델은 간단히 그냥 dummy라는 테이블을 만들고, name칼럼을 하나 넣어봅시다.

$ rails g model dummy name:string
      invoke  active_record
      create    db/migrate/20150403162358_create_dummies.rb
      create    app/models/dummy.rb
      invoke    test_unit
      create      test/models/dummy_test.rb
      create      test/fixtures/dummies.yml
$ rake db:migrate
== 20150403162358 CreateDummies: migrating - Shard: master ====================
-- create_table(:dummies)
   -> 0.0061s
== 20150403162358 CreateDummies: migrated (0.0062s) - Shard: master ===========

그러면 마스터에 테이블이 하나 생성이 되는데요. 물론 리플이 되어있으면 슬레이브에도 있겠죠. 데이터를 넣어보고 가져와봅시다.

$ rails c
Loading development environment (Rails 4.1.7)
irb(main):001:0> Dummy.create(name: 'fucking')
   (0.3ms)  BEGIN
  SQL (1.2ms)  INSERT INTO `dummies` (`created_at`, `name`, `updated_at`) VALUES ('2015-04-03 16:29:27', 'fucking', '2015-04-03 16:29:27')
   (0.6ms)  COMMIT
=> #<Dummy id: 2, name: "fucking", created_at: "2015-04-03 16:29:27", updated_at: "2015-04-03 16:29:27">
irb(main):002:0> Dummy.find(2)
[Shard: slave1]  Dummy Load (0.6ms)  SELECT  `dummies`.* FROM `dummies`  WHERE `dummies`.`id` = 2 LIMIT 1
=> #<Dummy id: 2, name: "fucking", created_at: "2015-04-03 16:29:27", updated_at: "2015-04-03 16:29:27">
irb(main):003:0>

잘 되는데....슬레이브에서 가져오는지 잘 모르겠네요... 슬레이브 서버를 죽여버릴까......-_-

irb(main):008:0* Dummy.create(name: 'yes!')
   (1.0ms)  BEGIN
  SQL (0.9ms)  INSERT INTO `dummies` (`created_at`, `name`, `updated_at`) VALUES ('2015-04-03 16:31:55', 'yes!', '2015-04-03 16:31:55')
   (1.2ms)  COMMIT
=> #<Dummy id: 3, name: "yes!", created_at: "2015-04-03 16:31:55", updated_at: "2015-04-03 16:31:55">
irb(main):009:0> Dummy.find(3)
[Shard: slave1]  Dummy Load (0.2ms)  SELECT  `dummies`.* FROM `dummies`  WHERE `dummies`.`id` = 3 LIMIT 1
Mysql2::Error: closed MySQL connection: SELECT  `dummies`.* FROM `dummies`  WHERE `dummies`.`id` = 3 LIMIT 1

아 잘되네요.

그 외에도 slave서버를 선택해서 사용할 수 있는 using메소드도 있어요.

뭔가 별거 아니지만 장황하게 썼다-_-

PS. 한 프로젝트에서 멀티 디비를 사용하는 프로젝트에서도 유용하게 사용할 수 있어요. 그 Octopus_establish가 있는데, 그걸 통해서 해당 모델에서는 그것에 대한 슬레이브만 접근할 수 있는 설정도 할 수 있어요! 유용하게 쓰세요!

[게임] 스트레스 풀며 즐길 수 있는 EA의 UFC 모바일 게임!

머드초보 — Fri, 3 Apr 2015 00:14:56 +0900

스마트폰이 나오고 게임은 모바일 게임만 하고 있는데요. 재미있는 게임들이 많이 나오고 있어서 참 좋은데, 고퀄리티 게임이 아직은 많이 부족하죠. 그나마 인피니트 블레이드가 고퀄리티 그래픽의 게임이였던 것 같네요.

최근에 EA에서 UFC(?)의 인기에 힘입어 UFC 모바일을 냈습니다. 기존에 콘솔버전도 있었는데 모바일로 나온 것 같습니다. 모바일로 나오면서 모바일에 최적화된 컨트롤를 제공합니다.

아...아직 아이폰 밖에 없어보입니다. 안드로이드도 있는데, 실제 한국에서는 다운 못받게 되어 있네요.

1. 격투 화면

그래픽은 매우 좋습니다!

그냥 상단 터치는 약펀치, 하단 터치는 하단 약펀치 입니다. 그리고 오른쪽으로 드래그를 하면 앞으로 나가면서 펀치! 대각선으로 올리면 어퍼컷, 뒤로 드래그를 하면 회피, 두손가락 터치홀딩은 막기입니다. 어려워보이지만, 하다보면 매우 쉽고 직관적이게 잘 되어 있습니다.

사실 격투할 때에는 제가 해보니까 헤비급은 대충 회피하다가 슬로우로 회피되면 그때 펀치를 때리면 4번 평타를 때릴 수 있습니다. 평타를 계속 때리면 좌측하단에 스킬 케이지가 차는데요. 하나씩 찰 때마다 랜덤으로 스킬을 사용할 수 있게 되며, 총 3개까지 킵해둘 수 있습니다.

그리고 가끔 테이크다운 시키는 기술이 튀어 나오는데, 이걸 시전하다가 걸리면 아래 게이지가 나오는데, 거기에 파란색 영역으로 바가 갈 때 터치를 해주면 걸리게 됩니다. 이게 걸리면 누워서 팰 수 있는데, 누워서 패는 스킬도 따로 있어서 게이지가 찰 때마다 스킬이 차는 것은 같습니다.

가끔 스킬 높은 놈들이랑 싸우면 내가 눕혔어도 이 놈이 헤딩을 하거나 주먹을 잡고 때리면 더 손해보는 경우도 있으니 주의를...-_-

위에 캡쳐한 놈 겨우 잡음 ㄷㄷ

2. 커리어

게임을 시작하면 커리어모드가 뜹니다. 스테이지 형식으로 되어있는데요. 하나하나 격파해나가는 것입니다. 얼추 세어보니 총 200스테이지까지 있군요.

휴...아직 절반도 못왔네요...

일단 선수를 기본적으로 한 명을 주는데요. "알렉산더 구스타프손" 입니다. 사실 UFC를 안봐서 잘 모르겠습니다. 선수의 등급은 선수의 숫자 옆에 있는 색상으로 구분하는데요. 선수컬렉션에서 제일 비싼 놈이 보라색인 걸로 봐서 보라색 > 파란색 > 흰색 같아 보입니다. 사실 처음에 케릭터 등급이 있는 줄 몰랐....

암튼, 이 선수별로 커리어 스테이지가 200판씩 있는데요. 선수별로 다 깨려면 체급별 선수가 약 20명정도 있으니, 20(선수)x4(체급)x200(스테이지) = 16000스테이지를 깨면 되는 듯... 물론 현질해서 선수를 다 산다는 가정하에...

커리어를 10판정도 깰 때마다 UFC상자를 열 수 있는데, 여기에는 훈련팩 또는 가끔 선수가 나옵니다. 이 훈련팩은 어디에 쓰이냐! 선수를 훈련하는데에 쓰입니다. 선수가 게임을 한다고 해서 레벨업이 되고 그러지 않아요. 훈련팩으로 훈련을 시켜야 선수가 성장합니다.

일단 스테이지 한 판!

아오.. KO시켰어야 했는데...위와 같은 스테이지를 계속 하게 됩니다. 그리고 계속 클리어 해야하죠. 어느 정도 하다보면 상대방 패턴을 파악하게 됩니다. 사실 그냥 회피하고 펀치하고 기가 차서 스킬 생기면 스킬 쓰면 됩니다. 대부분 이런 패턴으로 이길 수 있어요. 지금도 상대방이 체력이 저보다 두 배가 많지만 상대방의 강타격만 조심하면 충분히 이길 수 있습니다.

이기고 나면 소정의 은화를 받습니다. 져도 타격 몇 번 카운터 몇 번 들어갔느냐에 따라서 은화를 받긴 받지만 더 적게 받죠. 이 은화로 할 수 있는 것은 훈련팩과 부스트를 살 수 있는데요. 부스트는 시간이 지나면 모이니 훈련팩을 사는 것을 추천합니다. 훈련에서 가끔 선수도 나오니까 2000은화 모이면 바로바로 뽑으세요.

그리고 체력 80%이상 남기고 클리어 시 별3개로 은화보너스를 더욱 많이 줍니다. 체력40%이상 남기고 클리어 시에도 별2개로 은화보너스를 줍니다. 그냥 클리어 시에는 별1개만 받게 되는데, 이 때 지난 스테이지를 다시 할 수 있는데, 다시 체력80%이상으로 클리어 하면 골드보너스를 주니, 훈련으로 레벨을 올려서 지난 스테이지를 클리어해서 은화를 버세요!

3. 선수 시스템

체급이 헤비급, 미들급, 라이트급, 플라이급 총 4개급이 있습니다. 처음에 알렉산더밖에 없어서 하나 빼고 다 잠겨 있는데, 훈련팩 계속 까다 보면 선수가 나옵니다. 그 선수들로 미들급, 라이트급, 플라이급을 열 수 있어요. 물론 돈이 많다면 그냥 구매하셔도 됩니다-_- 이걸 여는 게 중요한 게, 체급별로 급여를 받을 수 있는데, 이 급여는 12시간마다 풀이 찹니다. 풀찰 때 체급별 1000은화정도 받을 수 있어요. 그러니 다 열면 12시간마다 4000은화를 벌 수 있어 12시간마다 훈련팩 2개를 공짜로 깔 수 있어요!

뭐 선수를 사는 것은 말리지 않겠습니다만, 굳이 사지 않아도 레어(파란색)정도 선수는 자주 나오는 것 같아요. 선수 가격 개념이 없어서 선수 구매는 비추 ㄷㄷ 헤비급만 다 더해봤는데, 40825골드가 드네요. 40825골드는 약 40만원이면 구매할 수 있네요. EA의 개념없는 BM정책은 UFC에서도 계속 됩니다...

선수는 훈련 시킬 수 있는데요. 선수마다 스킬이 조금씩 다릅니다.

스킬들이 보입니다. 특정 레벨이 되면 스킬들이 열립니다. 30레벨일 때 열리는 것이 마지막인듯염. 확실히 높은 레벨일 때 열리는 스킬들이 타격할 때 쎕니다. 20쯤에서 배운 엘보우 어택은 매우 강력하더군요.

그리고 위에 이미지에서 빛이 나는 스킬이 있는데, 이건 훈련스킬 중에 선수가 가진 스킬과 일치하는 스킬이 있다는 겁니다. 이 일치하는 스킬로 훈련을 하면 경험치가 6배가 됩니다!

우오오! 한 번에 레벨이 2개나 올랐네요!

이걸 잘 활용해야 선수를 금방 키울 수 있어요. 이렇게 훈련을 하면 레벨 경험치도 상승하고 선수의 능력치인 체력/스탠딩/그라운드 능력도 같이 올라갑니다.

4. 부스트 시스템

부스트가 1칸차는데 거의 2시간쯤 걸리는 것 같은데, 어느 정도 걸리는지 잘 모르겠네요. 겁나 안차는데, 이게 한 경기에 한해서 해당 선수의 스탠딩/그라운드 능력을 상승 시켜 줍니다. 정말 안깨지는 스테이지가 있다면 부스트 모아뒀다가 올인해서 클리어 하면 됩니다. 부스트 10개 썼는데 지면 접고 싶을 듯-_-

부스트는 은화 2000개로도 살 수 있습니다. 하지만, 은화로 그냥 훈련팩을 사는 게 나아요. 한 스테이지를 깼다해도 분명 다음 스테이지를 못 깰 테니깐요.

5. 기타 등등

(1)라이브이벤트

아직도 뭐하는 것인지 모르겠습니다. 맨날 들어가면 선택한 라이브 이벤트가 없대요-_-

(2) 친구들

페이스북을 연동하기 때문에 페이스북 친구들이랑 뭔가 할 수 있는 기능이 있습니다. 그냥 친구랑 붙는 건데, 물론 실시간은 아닙니다. 친구스탯으로 그냥 싸우고 이기면 은화를 주는 형식입니다.

성호형님 파워넘버가 너무 약하네...

(3) 빠른 경기

유저 아무나 랜덤으로 붙는 것 같습니다. 뭐 대충 비슷한 실력의 유저들과 매칭 시켜 줍니다. 이기면 마찬가지로 은화를 줍니다.

6. 총평

일단 실시간 대전이 되지 않아서 매우 아쉽네요. 그것만 있었으면 좀 더 괜찮았을 것 같은데, 너무 NPC의 패턴이 비슷합니다. 그래서 능력 대비 약 1.5~2배 정도 되는 애들도 쉽게 잡을 수 있어요. 물론 아직 헤비급만 주로 하고 있고, 다른 체급은 패턴이 좀 다르긴 하더라구요. 그래서 스테이지 클리어 시 약간 지겨울 수 있어요.

그리고 친구랑 뭔가 하는 것이 너무 없네요. 소셜 기능을 너무 안넣었어요. 친구를 도와준다던지 그런 기능이 있었으면 좋았을 뻔 했네요.

하지만, 그래픽만은 정말 최강인 게임이네요. 언젠가 피씨 모바일 구분 없는 게임이 곧 나올 것 같네요.

[Android] 안드로이드 에뮬레이터 Andy가 맥(OSX)용으로 나왔네요

머드초보 — Tue, 24 Mar 2015 20:57:22 +0900

Genymotion 같은 건데, 한 때 Genymotion을 막은 게임들을 우회하기 위해 많이 사용했던 에뮬레이터죠. 근데 최근에는 이 에뮬레이터도 많이 막힌 것 같아요-_-

일단 저는 윈도우가 없어서 Andy 에뮬레이터를 사용해보지 못했어요. 그래서 한 번 설치를 해서 해봤습니다.

다운로드 사이트
http://www.andyroid.net/

Genymotion과 다른 점은 여러 개를 추가로 사용할 수 없다는 점이에요. 그냥 설치파일(dmg)파일을 설치하면 Andy실행파일 하나 생기는데, 이걸 그대로 실행하면 바로 에뮬레이터가 떠요.

우오오 별도의 셋팅이 필요없이 바로 뜨네요.

장점

1. 셋팅이 필요 없다.

2. 플레이스토어 등의 Google Apps를 따로 설치하지 않아도 된다.

3. 일부 게임은 특별히 패치하지 않아도 실행이 잘 된다.

세븐나이츠와 라인레인저스는 잘 되네요.

4. 안드로이드 개발할 때 폰이 없어도 된다.

물론 안드로이드폰 얼마하지도 않아서 그냥 사면 되긴하는데, 그래도 부드럽게 잘 돌아가는 에뮬레이터 하나 있으면 편합니다.

단점

1. 터치패드 쓰는데, 3개버튼 눌러서 드래그할 때 Andy는 다운됨.

2. 해상도 조절을 할 수 없음... 기능을 못찾는건지...무조건 태블릿해상도 형태로 밖에 못 쓰네요.

3. 중간중간 알 수 없는 렉이 있음-_-

결론

개발 용도로 쓰려면 Genymotion쓰세요....Genymotion짱...

[PHP] 손쉽게 Laravel 개발 환경을 셋팅할 수 있는 Laravel HomeStead

머드초보 — Sun, 8 Mar 2015 08:35:34 +0900

NodeJS로 개발하려다가 여러가지 애로사항이 꽃피어서 다시 Laravel로 돌아왔습니다... 역시 서버는 순차프로그래밍이지!-_-

암튼, Laravel사이트에 갔더니 5.0이 나왔더군요. 그래서 또 자세히 보니, HomeStead라는 게 생겼는데(원래 있었는지는 잘 모르겠...), 이것은 손쉽게 개발환경이 셋팅된 가상 서버를 만들어주는 것입니다.

어떤 구조냐면요. Vagrant라는 것이 있는데요. 이것은 이미 만들어진 개발환경을 손쉽게 자신의 PC에 명령어 몇 줄로 올리는 것입니다. 이 개발환경을 Laravel 환경에 맞게 구성한 것이 Laravel HomeStead입니다.

사실 PHP를 셋팅하려면 apache or nginx 설치하고, php도 설치하고, 서로 환경설정해서 연동도 하고, MySQL도 설치하고, 필요하면 캐시 서버인 Memcached or Redis도 설치하고, 여간 쉬운 일이 아니죠. 그리고, 보통 Windows 또는 OSX에서 작업을 많이 하기 때문에 실제 리얼서버는 대부분 리눅스계열이라 환경이 틀려서 제대로 동작하지 않을 수도 있지요.

Vagrant 사이트입니다. 여기서 그냥 Getting Started만 따라해도 몇 분만에 우분투 서버를 띄울 수 있어요.
https://www.vagrantup.com/

Laravel homeStead는?

Ubuntu 14.04
PHP 5.6
HHVM
Nginx
MySQL
Postgres
Node (With Bower, Grunt, and Gulp)
Redis
Memcached
Beanstalkd
Laravel Envoy
Fabric + HipChat Extension
Blackfire Profiler

를 포함하고 있대요. 그래서 설치만 하면 우분투 환경에 nginx위에 돌아가는 Laravel이 이미 셋팅이 되어 있는 것이죠.
아래 사이트에서 설치 및 셋팅이 잘 나와있어요.

http://laravel.com/docs/5.0/homestead

간단하게 정리를 하면 아래와 같습니다(일단 맥용 기준인데 윈도우즈용도 매우 흡사할 것이에요).

1. VirtualBox & Vagrant 설치

https://www.virtualbox.org/wiki/Downloads
http://www.vagrantup.com/downloads.html

2. Vagrant에 Laravel/HomeStead 추가.

이 작업은 vagrant에 가상머신 다운로드해서 추가해놓는 작업 같습니다.

vagrant box add laravel/homestead

3. homestead 설치

두 가지 방식이 있는데, 하나는 git을 이용한 방식이고, 하나는 composer를 이용한 방식입니다. 사실 composer로 설치하는 homestead가 뭐 별거 없는 게 vagrant를 래핑한 것입니다. 그래서 git으로 Vagrant파일 받고, vagrant로 써도 무관합니다.

수동으로 git 설치 방법

git clone으로 원하는 위치에 받은 뒤, init스크립트를 호출해주면 설치와 셋팅이 완료됩니다.

git clone https://github.com/laravel/homestead.git Homestead
cd Homestead
bash init

그러면 ~/.homestead/Homestead.yaml 파일이 생기는데, 이 파일의 설정으로 자신의 PC와 가상머신과 연결할 경로를 지정하거나 SSH키 위치 셋팅 등을 할 수 있어요.

composer 이용방법

아래 명령어로 설치를 하면 homestead command를 사용할 수 있는데, 이것을 이용하면 쉽게 초기화하고 쉽게 edit를 띄울 수 있고, 쉽게 Vagrant를 up할 수 있습니다.

composer global require "laravel/homestead=~2.0"
homestead init

이것도 init을 하면 위와 같은 경로에 설정파일이 생겨요.

4. Laravel 경로 지정

Homestead.yaml의 기본 경로는 ~/Code 입니다. 자신의 Laravel위치로 바꿔주면 됩니다. 그러면 로컬에서 수정하고 확인은 Homestead로 하면 됩니다. laravel은 설치했다는 과정하에....

mkdir ~/Code
cd Code
laravel new Laravel

그러면 설정에 기본셋팅에 맞는 위치에 Laravel이 생깁니다. 바로 서버를 띄워서 확인할 수 있어요. 물론 원하는 위치로 셋팅을 바꿀 수도 있어요.

5. ssh 설정

이건 아마 기본적으로 ~/.ssh에 rsa를 만들었다면 따로 안해줘도 될겁니다. 다른 키를 쓰고 싶다면 Homestead.yaml에 다르게 설정해야 합니다.

6. 호스트 잡기

/etc/hosts파일에 아까 Homestead.yaml에 정의된 sites주소로 잡는 겁니다. 그 주소로 들어오면 Laravel을 열도록 nginx가 설정되어 있습니다.

/etc/hosts

# homestead
192.168.10.10  homestead.app

7. 실행하기

git으로 설치했다면 Homestead 폴더로 가서 Vagrant up하면 됩니다.
composer로 설치했다면 그냥 아무 위치에서 homestead up하면 됩니다.

8. 확인하기

http://homestead.app/
Laravel5가 보이면 성공...

근데, 쓰고 나니까 뭔가 셋팅하는 게 복잡해 보이는데 그렇게 복잡하진 않아요. 실제 일일이 로컬에 개발환경 셋팅하는 것보단 이 방식이 더 나아보입니다. PC를 깨끗하게 쓰고 싶은 사람들은 로컬에 뭔가 따로 설치하지 않아도 되니까 좋기도 하구요.

[여행] 제주도 갔다가 넥슨컴퓨터 박물관에 다녀왔습니다.

머드초보 — Wed, 4 Mar 2015 23:07:13 +0900

저번 주에 가족끼리 제주도에 놀러갔습니다. 그리고, 판교에서 돌아당기는 버스에 항상 붙여진 넥슨컴퓨터박물관이 신경 쓰였는데, 제주도 놀러가는 김에 갔다왔네요.

이게 박물관인 줄 알았는데, 이건 네오플 건물이더라구요.

바로 앞에 네오플이 있습니다. 제주도로 이사갔다는 얘기는 들었는데, 바로 옆에 넥슨 컴퓨터박물관이 있었네요.

로고와 필체가 넥슨스럽게 생겼네요.

입장료가 8처넌입니다. 젠장! 소셜커머스에서 좀 싸게 사니 잘 알아보고 가세요. 어른2+어린이2명 이렇게 패키지로 2만얼마에도 팔고 있습니다. 표를 사면 아저씨가 친절하게 팔목에 직접 입장팔찌를 채워줍니다.

입장권 파는 곳 바로 앞에는 사물함이 있는데, 쿼티키보드 모양의 사물함입니다.

어떤 어린이의 뒤통수가 나왔네요.

1층은 stage1인데, 들어가자마자 무슨 회로 관련된 것이 나오는데, 하드웨어에 약해쏘 잘 모르겠네요.

각종 고대 컴퓨터들이 나오는데, 애플에서 나온 옛날 컴퓨터도 전시가 되어 있어요.

애플컴퓨터! 모조품인가 가져온건가모르겠네!

이건 매킨토시 초기버전인가 그럴꺼에요. 나 애플빠 아닌데, 왜 점점 애플빠가 되는 느낌이지...

맥킨토시!

이 컴퓨터는 뭔지 잘 모르겠는데, 예전 친척동생네에 있어서 이걸로 게임했던 기억이 납니다. 매우 반가웠네요. 저걸로 맨날 남극탐험했던 것 같은데...

중간에 방명록이 있는데, 아래 키보드가 있는데, 키보드가 레이저키보드라 맨 바닥인데 글씨가 써져요. 레이저로 쏘는 빛에 맞게 쓰면 써져요. 근데 뭐 타격감(?)도 별로고, 잘 안써짐 별로임. 이거 보니까 인터넷에서 팔고 있음 ㅇㅇ 사지마삼 ㅇㅇ 아직은 때가 아님.

이거 디슷켓인데, 겁나 큼. 5.25일 때밖에 안써서 잘 모르겠....

저장장치의 변천사! 디스켓부터 시작해서 씨디, 디비디에 하드디스크까지!

추억의 옛날 게임기들이 전시되어 있네요.

CPU칩에 대해서 전시해놓은 것인데, 신기한 것이 칩을 모니터 위에 올려놓으면 정보를 모니터가 알려줘요. 나 펜티엄 때 컴터 처음썼는데, 펜티업 칩도 있던데!

사운드 카드도 전시가 되어있네요. 애드립과 사운드블라스터는 간만에 들어보네요.

소리줄인데, 소리에 게임명이 써있는데, 게임 사운드가 통줄을 통해 나옵니다. 남극탐험 등 고전 게임 사운드가 전시되어 있네요.

엄마한테 피씨통신하다가 뒤지게 맞앗던 기억이 있었는데...전화요금 많이 나온다고... 머드게임을 많이 했는데(그래서 머드초보-_-), 전화요금 겁나 나옴... 암튼 피씨통신 체험장도 있네요.

각종 게임기도 전시가 되어있어요. 애들이 게임 삼매경에 빠졌네요. 나도 하고 싶은데, 애들이 다 장악을 해서 못했네요. 게임기는 옛날 슈퍼패미콤, 패미콤 등 시중에 나온 게임기가 다 전시되어 있어요.

비켜!

넥슨이 여기에 있게한 바람의 나라에 대해서도 자세히 써놨네요.

돈슨의 바람의 나라!

키보드도 있고...

어렸을 때 다들 한 번씩 다녔다던 GW-BASIC도 있고...와 저거 보니까 갑자기 생각났는데, 초등학교 3학년인가 4학년 때 컴퓨터학원 다녔는데, 그때 그냥 책주고 이거 그대로 치라고 하고 다 치면 집에 왔던 기억이 나네요. 생각해보니 날로먹었네 컴터학원.

MS-DOS도 전시되어 있습니다. 체험할 수 있어요. 하드드라이브는 없던데...

한메타자교사! 저 교사에게 많이 배웠는데!

그리고 지하에 펌프한 대! 무제한 플레이 가능! 간만에 했는데! 뭔가 창피해서 못하겠다... 옛날에 대회나가서 상도탔는데...동네대회였지만...

마지막에 꼭 사먹어야하는 키보드 와플...와플 따위가.....만이처넌입니다...그래도 마우스와 함께 귀여븜!

생각보다 잘 꾸며놔서 놀랬습니다. 재미있었습니다. 애들 데리고 오면 좋아하겠네요. 하지만, 전 부모님을 데리고 갔죠. 제가 애인 마냥 놀았.....

[호스팅] Node.js, PHP 및 다양한 언어지원하는 호스팅서비스 OpenShift Online

머드초보 — Wed, 11 Feb 2015 14:27:23 +0900

OpenShift Online이라는 서비스입니다. 레드햇 리눅스로 유명한 레드햇이 만든 서비스입니다. 레드햇 하니까 믿음이 가네요.

https://www.openshift.com/

- OpenShift란?

오픈쉬프트는 PaaS입니다. 뭐 IaaS, PaaS, SaaS 이런거 겁나 많이 나오는 단어이긴 한데, 쉽게 말하면 전부 클라우드 서비스 같은거라고 보면 돼요.

IaaS는 인프라를 서비스처럼 쓰는거라 클라우드서버 임대를 말하구요(최근 디지털 오션이나 아마존 EC2 같은 서비스죠),

PaaS는 Heroku나 Google AppEngine같은 서비스를 말해요. 서버 셋팅이나 하드웨어 없이 플랫폼만 제공받는 것이지요. php, ruby, nodejs로 개발한 것, 설치형 블로그 워드프레스 같은 것도 그대로 올려서 서비스 할 수 있습니다.

SaaS는 서비스를 임대해서 쓰는 것이죠. 구글 앱스같은 것을 얘기하죠. 기업들이 이메일이나 오피스 같은 것을 직접 구축하고 구매하려면 돈이 많이 드는데, 구글앱스를 이용하면 일정 금액을 지불하고 사용할 수 있는 것이지요.

뭐 위에서 얘기하는 것은 그냥 개념적인 얘기긴 하죠. 그래서 사실 몰라도 됨-_- 암튼 서론이 너무 길었는데, OpenShift는 원하는 언어로 개발한 애플리케이션 서버를 그대로 올려서(일단 개발한 것만 올리긴 할겁니다만, 워드프레스 같은 서비스도 올릴 수 있어요), 웹서비스를 할 수 있는 호스팅 서비스입니다.

- OpenShift 종류

아 종류가 있는데, 사실 오픈쉬프트는 오픈 소스이기 때문에 서버 장비가 있다면 설치해서 사용할 수 있습니다. 그래서 회사에서 사용할 Enterprise버전과 Origin버전이 있는데 차이는 잘 모르겠...

그리고 이제 제가 리뷰해볼 Online버전이 있는데, 이건 설치를 해서 쓰는 게 아니라 말그대로 Online입니다. 레드햇에서 제공하는 서비스입니다. 일단 무료로 3개 애플리케이션을 만들 수 있으며, 장비 용량이나 사용량에 따라 과금을 부과하는 등 유료화 모델을 사용하고 있습니다.

- OpenShift 간단하게 맛보기

1. OpenShift Online 회원가입

가입은 사이트 상단에 SIGN UP으로 하면 됩니다. 이메일 입력하고, 비밀번호 입력하고, 스팸봇방지 문자입력하면 가입 끗. 후에 이메일로 인증메일이 오는데, 클릭해서 인증완료 하면 완전 끗.

2. 애플리케이션 생성

로그인 하고 들어가면 뭐 하나 만들라고 나옵니다.

"지금 너의 첫번째 애플리케이션을 생성하라"를 선택하면요. 정말 다양한 애플리케이션을 생성할 수 있습니다. Node.js, Ruby, PHP, Java 등을 지원하고, 워드프레스 같은 블로그툴도 CI툴인 젠킨스도 서버 설치 없이 바로 생성이 가능하게 해줍니다.

일단 가장 쉬운 Node.js로 선택해서 해볼게요. 최초에 sshkey를 등록하지 않았다면 Yes, help me get started를 선택하면 sshkey 등록을 도와줍니다. 근데, 사실 rhc라는 gem을 설치하면 더 쉽게 sshkey를 등록할 수 있습니다. 이건 나중에...

sshkey는 ~/.ssh/id_rsa.pub파일의 내용을 그대로 붙이면 끗!

3. 소스 클론 받기

전부 ssh기반으로 하기 때문에, 소스도 git기반으로 ssh를 통해서 풀 받고 푸쉬하고 있습니다. 아래처럼 소스를 클론받고 수정하고 푸쉬하면 자동으로 웹서버에 배포 및 재시작을 해줍니다. 참 편하죠!

4. 소스 수정해서 올려보기

기본적으로 코드가 조금 있는데, 그냥 html파일만 수정해서 올려봅시다. 타이틀만 바꿔볼까요!

index.html
<title>헬로우 월드</title>

로 수정하고 커밋하고 푸쉬를 하면...!

5. 사이트 확인하기

잘 변경이 되었네요.

- 그 외에 기능

1. rhc라는 command line tool을 제공.

osx유저라면 ruby가 기본적으로 설치가 되어있는데, 아래 gem을 설치하면 그냥 사용할 수 있습니다. 윈도우는 모름-_-

gem install rhc

이 툴을 통해서 자동으로 로컬에 있는 ssh-key를 업로드해줍니다. 최초 setup만 해주면 됩니다.

rhc setup

2. 제한적인 ssh 기능

ssh를 제공하긴 합니다. 근데 들어가서 뭐 할 수 있는 건 프로세스 킬하거나 mysql 콘솔을 접속할 수 있게 하거나, 로그를 볼 수 있는 간단한 툴을 제공합니다.

3. cron제공

오! 이거 하나만으로 heroku보다 훨씬 좋네요(사실 heroku도 크론이 있는데 플러그인 방식이라...). 이건 소스에 포함시켜서 사용할 수 있습니다.

https://developers.openshift.com/en/managing-background-jobs.html

크론은 UI에서 추가하는 방법이 없는 듯. 콘솔에서 해야합니다.

rhc cartridge add cron -a nodejs

그러면 추가가 됩니다.

보면 소스에 추가하면 됩니다.

.openshift/cron/(minutely|hourly|daily|monthly)/awesome_job 요렇게 실행할 스크립트파일(.bash분법인듯요)을 넣으면 minutely면 매분 실행하는거고, hourly면 매시간 실행하는거고 그런식으로 되어있어요.

그래서 특정 시간에만 실행하길 원하면 bash에서 짜야한다고 문서에 나와있네요. 불편하지만, 제공하는 게 어디인지!

- 끗으로!

확실히 앱엔진이나 Heroku보다 더 많은 기능을 제공해서 편하긴 합니다만, 역시나 더욱 커스터마이징해야하는 애플리케이션이라면 이걸 쓰면 안되겠죠. 그냥 서버구축해서 하는 게 속이 더 편할 듯요.

하지만, 간단한 서비스를 하려고 하면 꽤나 좋은 서비스일 듯합니다. 제가 만드려는 서비스에는 오픈쉬프트만 써도 적당할 것 같아요. 이제 언넝 모바일앱을 만들러....

[리뷰] 요즘 티비에서 복잡한 결제를 쉽게 해준다고 광고하는 카카오페이

머드초보 — Tue, 10 Feb 2015 00:38:09 +0900

저는 Mac OSX유저입니다. 그래서 결제를 하려고 하면 맥에서 지원되지 않은 사이트들이 너무 많아서 맥에 따로 설치해놓은 Windows를 구동시킵니다. Windows는 VMWARE로 설치했는데, 무언가 결제할 때 밖에 안썼던 것 같습니다.

그런데 최근에는 스마트폰이 발전하면서 대부분 쇼핑몰이 모바일웹, 모바일앱에서 결제를 쉽게 지원하고 있습니다. 그래서 최근에는 Windows를 구동할 일이 별로 없었죠. 연말정산 때문에 켠 것 빼고는 없었네요...망할 연말정산....ㅠㅠ

그리고 저는 주로 사용하는 카드가 롯데카드와 신한카드인데요. 롯데카드와 신한카드는 앱카드라는 것이 있어서 스마트폰에 앱카드 앱을 설치한 뒤 카드등록을 하고 결제 비밀번호를 지정하면 이를 지원하는 쇼핑몰에서 결제를 클릭하면 앱카드를 실행하여 결제 비밀번호만 입력하면 결제가 되는 것입니다.

이런 앱카드도 편하다고 생각했는데, 카드를 여러 개 쓰게 되면 앱을 여러 개 설치해야 합니다. 그리고 카드 관리가 분산되는 단점이 있으며 앱카드 별로 비밀번호를 따로 가져가야하는 점도 있습니다.

이런 단점을 해결한 것이 카카오페이입니다.

내가 써보니 이거슨 완전 장점 리스트!

1. 별도의 앱을 설치하지 않아도 된다!

사실 앱을 하나 설치해야 하긴 해야합니다. 그거슨 바로 카카오톡!-_- 국민앱이기 때문에! 모든 스마트폰에 설치가 되어있기 때문에! 그냥 별도 앱을 설치하지 않아도 얘기합니다. 보시다시피 더보기에 카카오페이가 대놓고 나와있습니다.

아이콘 겁나 잘만든 것 같음 ㅇㅇ

2. 가입이 간편하다!

카카오페이 눌러서 가입하기 누르면 신상정보입력하고 휴대폰번호 인증만 하면 가입 끗! 그리고 자신의 이름으로 된 카드만 등록이 가능하기 때문에 본인인증은 필수로 하는 것 같아요. 하긴 안하면 엄청 위험한 앱이겠죠...-_-

3. 각각 다른 회사 카드를 한 곳에 등록하여 사용할 수 있다!

롯데카드 한도를 다 채우면 신한카드 한도를 채우고 있습니다. 그래야 롯데카드에서 주유할인, 교통할인, 마트할인 받고, 신한카드에서 통신사할인을 받을 수 있어서요. 그러다보니 카드 번갈아가면서 쓰는데 이건 카드를 한 곳에 등록해놓고 결제할 때 카드를 지정해서 결제를 할 수 있어요.

아래와 같이 3개의 카드를 등록해놓고 쓰고 있어요.

카드등록은 카드정보를 전부 입력하는 방식이에요.

뒤에 뭐시기3자리는 입력안해도 되니 카드 안뒤집어도 됨 ㅇㅇ

4. 결제할 때 비밀번호만 입력하면 된다!

쇼핑몰에서 결제하기 누르고, 카카오페이 선택하면 카드선택화면이 뜨는데, 카드선택하고 비밀번호 누르면 그냥 끗! 광고처럼 잘 됩니다.

그 외에 장점 리스트!

1. 액티브액스 없이 맥에서도 결제할 수 있음!

피씨에서도 결제를 지원합니다. 다만, 가맹점이...찾은 걸로는...알라딘서점 밖에 못봤...아래와 같이 전화번호와 생년월일을 입력받습니다. 그대로 요청하면 카톡으로 결제하기 메시지가 하나 오는데, 그걸 누르면 카카오페이를 실행해서 결제하는 구조입니다.

음...신한앱카드처럼 QR코드 찍는 게 나을 것 같기도...

2. 공인인증서 없이도 큰 금액 결제가능!

원래 30만원 이상인 결제에는 공인인증서가 필요했는데, 카카오페이는 그게 필요 없습니다. 좀 더 어려운(?) 비밀번호를 설정만 하면 큰 금액도 결제가능합니다.

3. 졸 귀여운 이모티콘 줌(~2/22까지인 듯!)

아 졸 귀여움-_-

카카오프렌즈 그린 사람 상줘야함. 겁나 잘그림 ㅇㅇ

카카오페이의 단점

1. *****가맹점이!!!!!!!!! 별로!!!!!!!!!!! 없어!!!!!!!!!!!*********

가장 큰 단점입니다. 이거하나로 그냥 모든 장점을 무마시키는...

저는 네이버에서 검색 후 가장 싼 것으로 찾아보고 사는데, 대부분 쇼핑몰이 11번가, 지마켓, 네이버체크아웃이였습니다. 그리고 소셜커머스도 매우 좋아해서 쿠팡, 티몬 등(위메프도 최근에 잘 썼는데, 해고사태를 보고 잘 안씀!)을 많이 사용하는데, 이 중 단 한 곳도 카카오페이를 지원하지 않습니다ㅠㅠ

결제를 붙이는 것이 그리 어려울 것 같지 않은데... 아무튼 언넝 저 대표적인 쇼핑몰을 지원했으면 좋겠네요. 저기 나열한 곳만 지원해도 아마 사람들이 엄청 쓸 듯.

2. 카드관리 닉네임 불변경

이건 뭐 사소한 단점인데...보안 때문에 일부러 이렇게 했을 수도 있을 것 같다는 생각도 드네요. 최초 카드등록 시 지정한 닉네임은 변경하지 못하더라구요. 변경하려면 삭제 후 다시 등록해야....사소하다.........

아.....단점이 별로 없는 것 같지만, 저기 가맹점이 없는 것만으로도 엄청난 단점이네요.

아직은...

확실히 편한 결제서비스이긴 합니다. 언넝 대형 쇼핑몰들부터 지원했으면 좋겠네요. 일단 맥에서 결제가 되는 방식이라 좋네요(뭐 최근에는 모바일에서 전부 결제하면 다 되지만요^^). 많이 퍼졌으면 좋겠습니다. 오프라인 서비스도 준비중인 것 같던데, 아마 NFC겠죠?

[Sails] Rails를 꼭 닮은 Node.js WebFramework - Sails 예제

머드초보 — Tue, 3 Feb 2015 23:56:26 +0900

최근 개인적으로 API서버를 만들 일이 있어서 뭘로 해볼까 하다가 이 놈으로 정했는데요. 일단 가볍게 써 본 결과로는 만족합니다. 기존 NodeJS에서 인기 있었던 WebFramework인 Express보다 더 맘에 드네요. 사실 요즘 MVC Framework는 다 잘 되어 있어서 어떤 걸 써도 다 만족하겠지만요.

Nodejs를 좋아하는 게 일단 웹개발을 많이 해봐서 Javascript가 좀 익숙하기도 하고, npm이라는 것이 있어서 손쉽게 설치할 수 있는 게 좋더라구요. 하지만, 콜백 지옥에 빠지면 답이 없긴함 ㄷㄷ 아직 언어를 익숙하게 잘 짜지 못하는 것이기도 하지만요ㅠ

그렇게 NodeJS용 Framework를 찾다보니 Sails라는 것을 찾게 되었네요.

http://sailsjs.org/#/

1. Sails 특징

모델과 컨트롤러 파일만 만들어도 자동으로 RestAPI를 만들어줍니다. BluePrint라는 것이 그렇게 하는 것 같은데, 처음엔 우와!!! 하는데, 사실 그대로 쓰이는 API는 거의 없죠. 나중에 분명 수정해야할 겁니다-_- 기본적인 CRUD를 코드 한 줄 없이 가능하게 해요.

ORM같은 것을 지원합니다(Waterline이라는 것!). 모델파일만 잘 작성하면 테이블도 직접 만들어줍니다. 모델 관계도 잘 지정하면 테이블끼리 외래키로 잘 연결해줍니다.

다양한 DB를 제공하네요. MySQL, MongoDB, PostgreSQL, Redis, local disk 등을 제공하는데, 모델은 똑같이 사용이 가능한 것 같아요. 일단 저는 MySQL로 밖에 하지 않아서...

WebSocket을 쉽게 쓸 수 있어요. 그냥 프레임워크에 포함이 되어 있어요.

보안적인 면을 신경을 많이 썼더라구요. 웹은 개발하면서도 보안에 취약해지기에 마련인데, 최대한 놓치지 않으려고 많은 장치를 해놨어요. Cross-Origin Resource Sharing (CORS), Cross-site request forgery (CSRF) 등등 옵션들을 제공하고 있어요.

커맨드라인 제너레이터도 제공을 해요. 간단히 테스트해볼 것은 console로 가능하고, 모델, 컨트롤러, API 생성기를 제공해요.

그 외에 레일즈처럼 asset compile도 하고, test도 쉽게 할 수 있으며, 웹프레임워크의 기본적인 것들인 국제화 처리, 라우터, 업로드, 뷰레이아웃 기능들을 제공하고 있습니다.

2. 또 다시 나온 소녀시대 스케줄 예제

설명하는 것보다 그냥 예제로... 간단하게 MySQL이랑 연동해서 DB데이터를 연결해서 뿌려주는 예제를 만들겠습니다. 모델도 소녀시대와 스케줄은 1:N으로 테이블 설계를 하겠습니다.

2-1. Sails설치

당근 Node.js와 npm이 설치가 되어 있다는 가정하에....(아래 링크에 참조를...)
http://sailsjs.org/#/getStarted

sails는 글로벌 옵션을 줘서 실행해서 언제 어디서든 프로젝트를 만들 수 있게 합니다.

npm install -g sails

2-2. Sails 프로젝트 생성

sails new 프로젝트명 쓰면 레일즈처럼 필요한 파일들을 미리 만들어줍니다.

sails new sosi-schedule-sails

2-3. 데이터 베이스 설정

npm으로 sails-mysql을 설치해야 합니다. package.json파일에 추가하는 게 차후에 배포할 때 좋습니다.

"dependencies": {
    .
    .
    "sails-mysql": "latest"
  }

그리고

npm install

그러면 설치가 됩니다.

설정을 해야 하는데, config/connection.js파일을 보면 DB정보를 입력할 수 있습니다. someMysqlServer라고 되어 있는 부분이 있는데, 이걸 myMysqlServer로 바꾸죠. 내꺼니깐염. 그리고 디비정보를 입력하면 됩니다(아 내껀 MariaDB인데도 잘 되네요...).

config/connections.js

myMysqlServer: {
    adapter: 'sails-mysql',
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'sosi'
  },

그러면 기본 커넥션을 바꿔줘야하는데요. config/model.js를 열면, 기본적으로 커넥션을 어떤 것을 맺을 지 지정할 수 있습니다. 물론 모델별로 다른 커넥션을 맺을 수 있습니다. 모델별로 커넥션을 다르게 지정하면 됩니다. 일단 나는 디비가 하나니깐염.

config/models.js

module.exports.models = {
  connection: 'myMysqlServer',
  migrate: 'drop'
};

여기서 connection 이름은 우리가 지정한 내마이에스큐엘서버를 그대로 써주면 됩니다. 밑에 migrate는 뭐냐! 3가지 종류가 있는데염.

drop: 서버를 죽였다가 다시 띄울 때마다 테이블을 다시 날려버리는 옵션입니다. 개발할 때 좋겠죠?
alter: 서버를 죽였다가 다시 띄울 때 모델에 칼럼의 변경사항을 체크해서 업데이트 해주는 옵션이고, 데이터를 살아있습니다. 이 옵션은 아직 실험적(experimental)인데요. 제가 데이터를 좀 많이 넣고 서버를 띄워보니 띄울 때마다 뭔가 알터를 하는지 서버 뜨는데 오래걸리는 현상이 발생합니다. 아직 문제가 많은 듯합니다.
safe: 서버를 죽였다가 다시 띄워도 아무것도 하지 않습니다.

적절히 골라쓰세요~

2-3. API 생성

sails는 자동으로 API를 생성해줍니다. API생성은 Model+Controller입니다. 물론 따로 생성할 수도 있습니다. API가 소녀시대 정보를 내려주는 SosiAPI와 스케줄 정보를 내려주는 ScheduleAPI를 생성합니다. 제너레이터를 이용하면 쉽게 생성할 수 있습니다. 근데 보면 사실 그냥 파일만 만들어주는거임-_-

sails generate api sosi
info: Created a new api!
sails generate api schedule
info: Created a new api!

그러면 controllers/SosiController.js, models/Sosi.js, controllers/ScheduleController.js, models/Schedule.js가 생성이 되었습니다.

2-4. 모델 설정

모델에 attributes를 지정합니다. 여기서 One-to-Many방식으로 설정할 수 있습니다.

models/Sosi.js

module.exports = {

  attributes: {
    name: {
      type: 'string'
    },
    schedules: {
      collection: 'schedule',
      via: 'sosiId'
    }
  }
};

attributes는 말그대로 속성값(디비에서 칼럼값이지요). name이라는 속성이고 타입은 스트링임. 그리고 소녀시대는 스케줄이라는 배열을 가지게 되니 schedules로 지정하고, collection값은 스케줄, via는 sosiId(schedule의 속성값입니다)로 지정합니다.

models/Schedule.js

module.exports = {

  attributes: {
    program: {
      type: 'string'
    },
    sosiId: {
      model: 'sosi'
    }
  }
};

2-5. 기본값 넣기

drop방식이니까 기본적으로 서버 뜰 때 값을 넣고 시작할 수 있어요. bootstrap.js부분에 넣으면 서버가 시작할 때 실행이 되어요. 소녀시대 멤버들을 넣어볼게요.

config/bootstrap.js

Sosi.create({name: '태연'}).exec(console.log);
Sosi.create({name: '윤아'}).exec(console.log);
Sosi.create({name: '수영'}).exec(console.log);
Sosi.create({name: '효연'}).exec(console.log);
Sosi.create({name: '유리'}).exec(console.log);
Sosi.create({name: '티파니'}).exec(console.log);
Sosi.create({name: '써니'}).exec(console.log);
Sosi.create({name: '서현'}).exec(console.log);

2-6. 서버 실행

sails lift

2-7. API 잘 동작하는지 확인

기본적으로 BlueprintAPI를 제공하기 때문에 디비를 그대로 읽고 쓸 수 있는 url이 존재합니다.

소녀시대 정보를 가져오려면
http://localhost:1337/sosi/1

스케줄 정보를 넣으려면 뭐 post도 되는데, get으로도 됩니다.
http://localhost:1337/schedule/create?program=무한도전&sosiId=1

다시 소녀시대 정보를 불러오면....

우오오 잘된다!

ps. 모바일앱 하나 만드려고 하는데....취약한 앱개발 공부는 안하고.....암튼, 뭐 맘에드는 프레임워크인데, 더 써봐야 알겠네요.

[게임] 영웅 for Kakao - 자동사냥류 RPG게임 리뷰

머드초보 — Wed, 28 Jan 2015 00:30:37 +0900

2013년쯤 몬스터 길들이기가 출시되고 나서 엄청난 인기를 끌었고, 현재까지도 엄청난 인기를 끌고 있습니다. 그 후에 몬스터 길들이기와 같은 류의 게임이 어마어마하게 쏟아졌죠. 현재까지도 그런 비슷한 류의 게임이 출시되고 있는데, 그 중에 제가 최근에 열심히 하고 있는 영웅 for Kakao를 소개하려고 합니다.

출시시점부터 시작해서 아직까지 하고 있는데요. 뭐 아직까지는 안질리고 열심히 잘 하고 있네요. 제가 몬스터 길들이기는 1년정도 했었는데, 이건 언제까지 할지 모르겠네요ㅠ

뭐 암튼, 영웅도 모바일에 최적화되어 있습니다. PC MMORPG처럼 뭐 필드로 걸어나가서 무한 마우스클릭으로 잡는 게 아니라, 지역과 스테이지를 선택해서 모험던전에 들어가면 자기가 알아서 열심히 싸워주는 전투형식입니다. 그리고, 다양한 컨텐츠 중 하나인 결투장, 왕좌의탑, 시련의 탑, 시쿤동산 등이 있는데, 아직 레이드시스템이 개장하지 않았는데, 언넝 개장했으면 좋겠네요.

아래는 제 덱입니다. 휴... 정말 열심히 했네요ㅠ 아직 태생5성이 없다는 게 아쉽네요ㅠ

0. 기본 자산

스테미나: 모험할 때 필요한 스테미나입니다. 시간이 지나면 차기도 하고, 친구한테 선물을 받을 수 있습니다.
골드: 케릭터 합성, 룬변환, 아이템 구입 등 다양한 곳에 쓰이는 돈입니다.
명예포인트: 결투장, 왕좌의 탑, 시련의 탑에서 얻을 수 있으며, 이걸로 룬을 살 수 있습니다.
우정포인트: 친구한테 스태미나를 보내면 10씩 주고, 자고 있는 사이에 친구가 내 케릭터를 불러 모험에 들어가도 자동으로 획득합니다. 이걸로 스테미나를 살 수 있고, 케릭터를 뽑을 수 있습니다.

보통 우정포인트는 스테미나 구입하는 게 개이득입니다. 우정포인트 열심히 모아서 케릭터뽑으면 200씩 드는데, 1성아님 2성입니다-_- 스테미나 사서(50듬!) 모험돌리면 4번돌릴 수 있는데, 4번 중 두 번은 2성케릭터 나올 듯-_- 암튼 알아서 판단을!

명예포인트도 열심히 모아두세요. 룬구매할 때 겁나 필요합니다. 룬합성할 때에도 필요하고요. 명예포인트가 룬작할 때 꼭 필요하니 왕탑, 결장, 시탑 빠짐없이 하세요ㅠ

1. 케릭터 강화/진화 시스템

- 강화

강화는 강화하려는 대상 케릭터에 재료 케릭터를 넣어서 강화합니다. 확률로 하는 것이 아니라 일정 케릭터를 처 박아 넣으면 강화퍼센트가 쌓이면서 100%가 되면 1강씩 됩니다. 강화는 최대 5강까지 됩니다.

- 진화

이 강화한 케릭터를 가지고 진화를 할 수 있습니다. 케릭터 최대레벨에 5강 + 아무레벨에 재료 5강으로 진화할 수 있습니다. 진화의 최대치는 아래 사진처럼, 별이 표시해줍니다. 빈칸이 있어야 진화가 가능한 케릭터 입니다. 최대는 6성까지이며 언젠가 노가다를 하게 되면 뭐든 6성을 만들 수 있습니다. 시간이 약이라지만, 그래도 잘 알아보고 좋은 케릭터를 선별해서 키워야겠죠?

2. 룬 시스템

이 게임이 아이템 그리기 귀찮았는지, 아이템을 룬으로 다 처리해버렸습니다. 결국 장비 시스템은 없고, 룬 시스템이 존재합니다. 룬은 골드룬, 블루룬, 레드룬, 그린룬이 있으며(RGB네요...), 이 룬들은 1~5성까지 존재합니다.

케릭터 당 룬 종류별로 3개씩 장착할 수 있습니다. 케릭터당 총 12개의 룬이 필요하네요...

- 룬합성

같은 등급 룬5개가 모이면 다음 등급의 룬 1개로 합성을 할 수 있습니다. 합성할 때 명예점수가 듭니다. 결국 노가다를 열심히 하면 5성룬 셋으로 맞출 수 있다는 기대감이 있습니다....그게 언제일까......

- 룬진화

룬합성을 하게 되면 랜덤으로 다음 것이 나오기 때문에 원하는 룬이 나오지 않을 확률이 높습니다. 그래서 룬 진화 시스템이 있습니다. 이것은 2성 공격력룬을 원한다면 1성 공격력 룬으로 진화를 하는 것입니다! 다만 재료 룬으로 2성잡룬 4개가 필요한....-_- 이거 초반에는 그냥 하지말고, 나중에 5성까지 진화했는데 그지같은 룬이 나오면 그때 5성으로 갈 때 진화하는 게 나을겁니다. 어차피 룬이 겁나 많기 때문에 계속 합성하면 원하는것은 3~4성까지는 나옵니다-_- 5성 때 하는걸로....

- 룬변환

해당 등급의 룬을 변환할 수 있습니다! 하지만 돈이 듭니다! 그리고 랜덤입니다! 돈도 20만~30만골드입니다! 변환했는데 그지같은거 나오면 아마 폰 던질 듯...

3. 모험

모험은 난이도가 수련, 실전, 고행, 설원, 4가지 난이도로 나눠져 있습니다. 최초 오픈했을 때에는 3가지(수련, 실전, 고행) 밖에 없었는데, 얼마전에 설원이 오픈되었습니다.

- 수련 실전 고행

수련, 실전, 고행은 한세트로 총 60스테이지가 있습니다. 6성5강라일라 정도만 있으면 다 클리어할 수 있는 정도입니다.

그리고 대부분 컨트롤 하기 귀찮아서 자동사냥 하는 곳을 많이 찾는데, 이순신정도 있으면 혼자서 돌 수 있는 최대 스테이지는 고행 51정도입니다. 대부분이 경험치를 키우거나 자사(자동사냥) 노가다하는 곳이 여기일 것입니다. 저는 51스테이지에서 이순신+키울애들2명 데리고 51에서 노가다를 주로 합니다(현재는 설원 자사하지만...). 여기에서는 아주 가~~~~~~~~~~끔 라일라나 제갈량 등 특수한 4성케릭이 떨어지기도 합니다. 저도 라일라1번 획득, 제갈량 한 번 구경정도한 것 같네요ㅠ 그리고 아주 빠른 속도로 클리어할 수 있기때문에 스테미나 녹이기에 좋기도 합니다. 아래 동영상 보시죠!

- 설원

설원은 최근에 업데이트 되었는데, 난이도가 극악이네요. 여기에 맞춰서 룬시스템도 최대 4성->5성룬으로 늘어났죠. 5성룬 맞춰서 돌려라 라는 의도였던 것 같습니다. 그래서 어중간한 3~4성룬으로는 6성5강 케릭 3개여도 자동사냥 돌리기가 힘들죠. 그래도 열심히 손컨하면 다 클리어할 수 있습니다.

설원은 보스 스테이지를 제외한 스테이지는 라일라만 있으면 전부 다 클리어는 할 수 있습니다만(라일라 만능설...), 보스스테이지는 조금 어려운 편입니다. 보통 보스랑 싸울 때에는 3힐러로 많이 씁니다. 3힐러가 편한 이유는 잘 안죽어요-_- 게다가 맞으면 기력이 차기 때문에 셋이서 그냥 번갈아가면서 바꾸면 힐링도 되고 그래서 보스 잡을 때 시간이 오래 걸려도 쉽게 클리어할 수 있습니다. 저는 라일라, 링, 헬레나로 했습니다.

설원1보스는 메리다인데, 처음에 할 때 마법 쏘면 피가 미친듯이 달아서 그냥 멘붕이 왔는데, 몇 번 부활하니까 클리어가 되었네요. 설원2지역 보스는 이상한 하얀곰탱이인데, 기절 때문에 짱났던 것 같은데, 사실 여기 기절은 여기에 맛배기에 불과-_- 얘도 뭐 몇 번 부활하면 깸-_- 설원3도 누타우였나...이속감 계속 거는데, 헬레나가 알아서 잘 풀어줌. 얘도 몇 번 부활해서 깼...

마지막 설원4지역 보스는 정말 잼을 겁나 썼는데도 답이 없었습니다. 얘가 4연속 돌진을 하면 피할 수도 없고, 한 번 맞자마자 기절이 됩니다. 그래서 한 번 맞으면 죽습니다...뭐 이런 스테이지가 다 있어 하면서 돌진 안맞으려고 피하면서 생쑈를 했는데, 안되길래 공략을 보니까... 이 녀석 잘 몰면 왼쪽 상단으로 잘 몰면 튀어나온 부분이 있는데 거기에 끼워버리면 거기 끼인 곳에서만 계속 돌진합니다. 그때 졸라 패면 됩니다-_-

설원에서 자동사냥이 가장 쉬운 스테이지가 확인해보니 1-3인 것 같습니다. 이순신-라일라-쫄 팟으로 서포터즈는 알리, 제갈량, 헬레나, 링, 메리다로 쓰니 열에 아홉은 성공하는 것 같습니다. 가끔 미친 몹들이 크리터지고, 방어감소, 공속감소 막 걸리면 교체 잘못되어서 죽기도 합니다만 대부분 성공합니다. 룬만 좀 더 갖추면 100%성공할 듯.

4. 결투장

상대방 유저랑 3:3으로 PvP를 하는 것인데, 실시간은 아닙니다. 이런 류 게임에서 꼭 있는 팀대전입니다. 근데, 영웅에서는 좀 특이한 시스템이 있는 게 보통 팀대전을 하게 되면 컨트롤을 할 수 없는데, 얘는 결장에서 컨트롤을 할 수 있습니다. 근데 귀찮아서 컨트롤 안합니다-_-

그리고, 결투 시작을 선택하면 상대방이 어떤 덱인지 나오는데, 여기서 골드1000만 들이면 다른 유저를 찾을 수 있습니다. 그래서 가끔 쫄들 키우려는 덱이 걸리는데, 그럴 때 때려잡으면 상위랭킹에 들 수 있습니다.

승리메시지를 설정할 수 있는데, 제가 만약 지면 상대방이 설정한 승리메시지를 볼 수 있습니다. 이게 은근히 기분나쁜게...대부분 좋지 않은 멘트들이...뭐 좁빱, 현질 더하고 와라, ㅋㅋㅋ 등이 많아요. 이런 기능을 왜 넣은건지 모르겠...

열심히 결장을 하게 되면 일요일 밤12시까지 랭킹을 매겨서 수늬권이면 루비를 보상으로 주니 매주 꼭 해주는 것이 좋습니다.

5. 왕좌의 탑

몬스터 길들이기에서 무한대전 같은 것입니다. 근데, 총 50스테이지까지 정해져있으며, 이걸 얼마나 빨리 클리어하냐가 랭킹에 영향을 미칩니다.

그리고 클리어 때마다 룬을 주는데, 이 룬은 왕좌의룬으로 케릭터 당 1개밖에 장착할 수 없습니다. 룬이 능력이가 두개가 섞여서 있습니다. 공격력, 마방 이렇게 둘 다 있어서 꽤 좋은 룬을 많이 줍니다만, 1개밖에 장착할 수 없어요. 이것도 2개 장착할 수 있는 BM요소가 나올 것 같지만 모르겠네요-_-

카페에서 왕좌의 탑 동영상을 보면서 열심히 연습해봤는데, 그래도 전 8분대밖에 안나오네요ㅠ 빠른 사람들은 대부분 6분대더군요. 제가 한 것 보세요. 겁나 삽질하면서 하지만... 그래도 이게 1퍼대정도 입니다ㅠ 이것도 마찬가지로 일요일 밤12시까지 열심히 하면 랭커들에게 순위별로 젬을 줘요.

6. 시련의 탑

시련의 탑은 총 70층까지 있으며 한층한층 클리어 시 마다 보상을 줍니다. 그래서 클리어할 수 있는 만큼 계속 클리어 해야 합니다. 게다가 한 번 클리어한 층은 반복적으로 다시 클리어할 수 있는데, 다시 클리어할 때에는 명예점수와 골드를 줍니다. 그래서 이것도 꾸준히 해주는 것이 좋습니다. 보통 자동사냥이 되는 쉬운 구역은 50층정도인 것 같습니다. 상위층이랑 보상이 별로 차이가 안나서 50층만 돌려도 될듯염.

시련의 탑도 마찬가지로 만능 케릭터 라일라만 있으면 대부분 클리어가 가능합니다만, 헬레나도 같이 있어야 하는 스테이지도 있습니다. 한 50~60층 사이에서 JD가 나오는데, 이놈이 이동속도 감소를 자꾸 겁니다. 그러면 느리게 걷다가 JD한테 쳐 맞고 데집니다. 그렇기 때문에 라일라로 단검던지다가 이동속도감소 걸리면 헬레나로 바꾼 뒤(헬레나는 태그 시 상태이상 회복함) 회복하고 다시 라일라도 단검 던지면 60층까지 충분히 클리어 가능합니다. 60층 보상은 무려 6성케릭터 랜덤 증정! 꼭 클리어 하세요!(물론 저는 마르쿠스가 나왔습니다......후......)

최근 70층까지 업데이트가 되었는데요. 보상들이 4성룬선택권과 4성영웅선택권을 줍니다. 물론 70층을 클리어해야 4성 케릭터 선택권을 줍니다.
61~70층 애들은 힐링 위주에 애들이 나옵니다. 그래서 라일라 얍쌉이가 안통합니다. 라일라는 시간만 있으면 클리어 했었는데, 힐러들 때문에 시간이 지나면 피가 다시 차서 깰려면 극딜러로 조낸 때려야 합니다.

아마 고비는 65층의 실버랑 70층 황충 라그나일듯요. 저도 아직 70층은 못깼는데, 65층 실버는 그냥 서포터즈 극딜러 모아놓고, 친구 서포터즈 모아놓고, 한 번에 서포터즈 다 같이 꺼내서 조지면 돼요. 만약 죽으면 그냥 부활하세요. 그러면 서포터즈 리젠되거든요. 그때 다시 한 번에 같이 모아서 때리면 죽을겁니다.

70층 깨려고 하는데, 4성선택권이라 나중 업데이트 추이를 보고 깰 생각이에요ㅠ

5. 피쿤동산

몬길에 강화란이 있다면 영웅에는 피쿤(돼지)이 있습니다. 케릭터 강화할 때 더욱 많은 포인트를 추가할 수 있게 해줍니다. 피쿤동산은 난이도 3가지가 있는데, 6성 두개쯤 있으면 상급해도 됩니다. 쉽습니다. 하루에 1번밖에 클리어할 수 없다는 게 아쉽네요.

클리어를 하면 보상으로 돼지 3~6성을 주는데, 매일매일 3성만 줍니다. 4성 확율을 좀 증가해줬으면...-_-

ETC. 앞으로 업데이트

앞으로 초월 시스템이 업데이트 예정이라네요. 초월은 같은 케릭터를 합성해서 최대레벨을 증가하는 시스템인데요. 이게 나오면 앞으로 설원 자사 되는 지역이 더욱 늘어날 것 같아요.

랜덤진화시스템도 업데이트 예정인데, 몬스터길들이기는 진화 시스템이 없고, 합성이 있는데, 합성은 같은 등급케릭터5강 2개로 합치면 다음 등급 랜덤 케릭터가 나오는 시스템이에요. 그런데 영웅은 무조건 그 케릭터로만 진화를 해서 새로운 케릭터는 영웅뽑기나 모험에서 얻을 수 밖에 없죠.
그래서 랜덤진화 시스템은 진화할 때 다음등급을 랜덤으로 나오게 하는 것이라고 하네요. 근데 이것이...무려 한 번 하는데 250젬!-_- 가격은 좀 조정했으면 좋겠네요. 태생5성을 뽑을 좋은 기회의 업데이트라고 보네요.

영웅도 뭐 몬스터 길들이기류와 다르진 않은데요. 케릭터 수집, 결투장랭킹 경쟁, 왕좌의탑 랭킹 경쟁, 각종 모험 클리어 등의 재미요소는 매우 비슷합니다. 앞으로 이런 류의 게임이 얼마나 갈지 모르겠지만, 확실히 아직까진 혼자하는 게임의 느낌이 강합니다. 물론 혼자서 케릭터가 강해지는 것을 지켜보는 것도 꽤나 재미는 있지만요!

지금도 컨텐츠가 꽤나 많다고 생각합니다만, 레이드 시스템도 언넝 업데이트 되었으면 좋겠네요. 길드전도 넣어서 길드원들과 무엇을 할 수 있는 시스템도 언넝 업데이트 되었으면 좋겠네요!

[DB] Mroonga - MariaDB 10.0.15에 포함된 InnoDB+Fulltext 검색엔진

머드초보 — Wed, 21 Jan 2015 16:26:08 +0900

회사에서 처음 알게된 Mroonga인데요. 원래 InnoDB를 쓰면 Fulltext 검색을 사용할 수 없어요. MyISAM에서 밖에 안되죠. Mroonga는 InnoDB의 특징인 트랜잭션, 외래키락 등을 지원하고 Fulltext 검색까지 원하는 엔진이에요.

마리아디비가 10.0.15로 업데이트되면서 Mroonga가 기본적으로 포함이 되어 있어요.

1. 마리아디비 최신버전 설치

https://downloads.mariadb.org/mariadb/repositories/#mirror=kaist

리눅스계열은 소스를 받아서 컴파일하는 것보다 위처럼 레포지토리를 추가해서 하라는대로 해서 설치하는 게 빠릅니다. 위처럼 설치하면 잘 설치가 될꺼에요. 저는 우분투라 아래와 같이 설치했습니다.

sudo apt-get install software-properties-common
sudo apt-key adv --recv-keys --keyserver hkp://keyserver.ubuntu.com:80 0xcbcb082a1bb943db
sudo add-apt-repository 'deb http://ftp.kaist.ac.kr/mariadb/repo/10.0/ubuntu trusty main'

키를 추가하고 레포지토리를 추가하면 최신버전의 mariadb를 설치할 수 있습니다.

sudo apt-get update
sudo apt-get install mariadb-server

2. Mroonga 플러그인 설치하기

원래 Mroonga도 소스받아서 컴파일하고 설치해야하는데, 최신버전인 10.0.15가 설치가 되어있다면 그냥 바로 아래 명령어로 플러그인이 설치가 됩니다.

deploy@jared-dev:/usr/bin$ mysql -uroot -p
Enter password: 
Welcome to the MariaDB monitor.  Commands end with ; or \g.
Your MariaDB connection id is 38
Server version: 10.0.15-MariaDB-1~trusty mariadb.org binary distribution

Copyright (c) 2000, 2014, Oracle, SkySQL Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MariaDB [(none)]> INSTALL SONAME 'ha_mroonga';
Query OK, 0 rows affected (0.04 sec)

MariaDB [(none)]> show engines;
+--------------------+---------+----------------------------------------------------------------------------+--------------+------+------------+
| Engine             | Support | Comment                                                                    | Transactions | XA   | Savepoints |
+--------------------+---------+----------------------------------------------------------------------------+--------------+------+------------+
| MEMORY             | YES     | Hash based, stored in memory, useful for temporary tables                  | NO           | NO   | NO         |
| CSV                | YES     | CSV storage engine                                                         | NO           | NO   | NO         |
| PERFORMANCE_SCHEMA | YES     | Performance Schema                                                         | NO           | NO   | NO         |
| BLACKHOLE          | YES     | /dev/null storage engine (anything you write to it disappears)             | NO           | NO   | NO         |
| MyISAM             | YES     | MyISAM storage engine                                                      | NO           | NO   | NO         |
| MRG_MyISAM         | YES     | Collection of identical MyISAM tables                                      | NO           | NO   | NO         |
| Mroonga            | YES     | CJK-ready fulltext search, column store                                    | NO           | NO   | NO         |
| FEDERATED          | YES     | FederatedX pluggable storage engine                                        | YES          | NO   | YES        |
| InnoDB             | DEFAULT | Percona-XtraDB, Supports transactions, row-level locking, and foreign keys | YES          | YES  | YES        |
| Aria               | YES     | Crash-safe tables with MyISAM heritage                                     | NO           | NO   | NO         |
| ARCHIVE            | YES     | Archive storage engine                                                     | NO           | NO   | NO         |
+--------------------+---------+----------------------------------------------------------------------------+--------------+------+------------+
11 rows in set (0.01 sec)

MariaDB [(none)]>

3. Mroonga로 테이블 생성, InnoDB로 테이블 생성 후 비교.

Mroonga로 만드려면 아래와 같이 Engine은 Mroonga로 쓰고, fulltext key를 추가하고, fulltext key에 코멘트로 검색 옵션을 지정하면 돼요. 그리고 Engine에 코멘트를 달 수가 있는데, 이것은 InnoDB에 Wrapper Mode로 사용하겠다는 것이에요. 기본적으로 Mroonga를 생성하면 Storage Mode가 되는데, 이걸로 만들면 Transaction을 사용할 수 없어요.

CREATE TABLE `random_hangul` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `hangul` text NOT NULL,
  PRIMARY KEY (`id`),
  FULLTEXT KEY `hangul` (`hangul`) COMMENT 'parser "TokenBigramIgnoreBlankSplitSymbolAlphaDigit"'
) ENGINE=Mroonga DEFAULT CHARSET=utf8 COMMENT='engine "InnoDB"'

아래는 그냥 InnoDB

CREATE TABLE `random_hangul2` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `hangul` text NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8

데이터를 아래와 같이 허접한 php스크립트로 넣고-_- 넣다보니 120만개 넣었는데, 지금부터 막 느려지더라구요ㅠ 구린 컴이라ㅠ

<?php

$servername = "localhost";
$username = "root";
$password = "1234";
$db = "mudchobo";

$words = ['가', '나', '다', '라', '마', '바', '사', '아', '자', '차', '카', '타', '파', '하'];

// Create connection
$conn = mysqli_connect($servername, $username, $password, $db);

// Check connection
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}
echo "Connected successfully";
$conn->query("set names utf8");
for ($i = 0; $i < 1000000; $i++) {
    $randomWords = '';
    for ($j = 0; $j < 100; $j++) {
        $randomWords .= $words[mt_rand(0, count($words) - 1)];
    }
    echo 'randomWords = ' . $randomWords . PHP_EOL;

    $conn->query("insert into random_hangul(hangul) values ('$randomWords')");
}

$conn->close();

그리고 검색하면....뭐 거의 비슷한데....이상하네... 암튼 그래도 조금 더 빠르네요. 아 잘모르겠네요... 동시접속하면 더 빠르려나요 ㄷㄷ

MariaDB [mudchobo]> select count(*) from random_hangul;
+----------+
| count(*) |
+----------+
|  1298192 |
+----------+
1 row in set (0.00 sec)

MariaDB [mudchobo]> select * from random_hangul where match(hangul) against('가나다' in boolean mode);
...
45681 rows in set (1.69 sec)

MariaDB [mudchobo]> select count(*) from random_hangul2;
+----------+
| count(*) |
+----------+
|  1297523 |
+----------+
1 row in set (0.00 sec)

MariaDB [mudchobo]> select * from random_hangul2 where hangul like '%가나다%';
...
45904 rows in set (3.53 sec)

암튼 Fulltext에 옵션이 있는데, 공백과 검색, or and검색 등 다양한 옵션을 제공하니 참고요.
http://mroonga.org/docs/tutorial/wrapper.html#how-to-use-wrapper-mode

확실히 간단하게 사용할 검색이라면 쓰기에 좋을 것 같습니다.

[Linux] CentOS7에 rbenv 설치하기 - 부제: Ruby 2.2.0설치하기

머드초보 — Sun, 18 Jan 2015 12:20:06 +0900

회사에 CI서버 셋팅할라고 삽질하는데 Ruby가 컴파일 하는데 겁나 에러나서 기록용-_-

yum install ruby로 설치되는 루비 버전이 2.1이여서 2.2.0을 설치하기 위해서 rbenv를 설치하려고 했는데, rbenv는 사실 그냥 스크립트라서 git으로 받으면 되는것인데, rbenv가 문제가 아니라 2.2.0이 컴파일이 잘 안되었어요.그래서 열심히 로그를 살펴본 결과 의존성패키지를 덜 설치해서 그렇더라구요.

아래사이트는 6.5에서 하는 방법인데, 여기에서 몇 개 더 설치를 해줘야 해요.

http://mmclub.github.io/blog/2014/03/30/install-ruby-on-rails-on-centos/

1. 필요 패키지 설치

sudo yum update
sudo yum install git
sudo yum groupinstall -y 'development tools'
sudo yum install -y gcc-c++ glibc-headers openssl-devel readline libyaml-devel readline-devel zlib zlib-devel  sqlite-devel
sudo yum install glibc-devel libffi-devel

맨 아래줄에 있는 거 설치안하면 컴파일할 때 에러나더라구요.

2. rbenv 설치

git clone git://github.com/sstephenson/rbenv.git ~/.rbenv

다른 계정에서도 실행할 수 있게 하려면 보통 /usr/local/rbenv 위치에 설치하기도 합니다.

3. ruby-build 설치

git clone https://github.com/sstephenson/ruby-build.git ~/.rbenv/plugins/ruby-build

rbenv에 설치한 경로 안에 plugins/ruby-build 디렉토리에 설치합니다.

4. 환경변수 설정

글로벌 하게 쓰려면 /etc/profile.d/rbenv.sh로 파일을 생성해서 전체 유저에 영향받게 하고, 해당 유저만 사용하려면 그냥 .bashrc에 넣어도 됩니다.

일반적으로 RBENV_ROOT가 ~/.rbenv로 되어 있습니다. 이걸 바꾸고 싶으면 RBENV_ROOT환경변수를 정의하면 됩니다.

rbenv를 /usr/local/rbenv에 설치한 경우 /etc/profile.d/rbenv.sh 추가

export RBENV_ROOT="/usr/local/rbenv"
export PATH="$RBENV_ROOT/bin:$PATH"
eval "$(rbenv init -)"

그냥 .rbenv에 설치한 경우에는 rbenv path만 잡아주면 됩니다. (~/.bashrc)

export PATH="$HOME/.rbenv/bin:$PATH"
eval "$(rbenv init -)"

5. 루비를 설치

rbenv install 2.2.0
rbenv rehash
rbenv global 2.2.0
ruby -v
ruby 2.2.0p0 (2014-12-25 revision 49005) [x86_64-linux]

6. 레일즈도 해볼까...

gem install rails

오 잘된다!

[리뷰] 안드로이드 4년 넘게 쓴 사용자가 쓰는 아이폰6플러스 리뷰

머드초보 — Mon, 12 Jan 2015 23:07:21 +0900

스마트폰을 아이폰6플러스로 바꿨습니다. 그 동안 할부원금(?) 아이폰보다 싼 안드로이드폰을 계속 써왔는데요.

처음에 멋도 모르고 난 구글이 좋으니까 한국 최초 출시된 안드로이드폰인 모토로이 쓰다가 SKT안드로이드 공모전에서 앱을 내고 받은 갤럭시S! 그러다가 갤럭시S3 대란이 뽐뿌발로 펼쳐지면서 탑승! 그 뒤에 G2가 미친듯한 가격하락으로 급뽐뿌가 와서 구매!

골드 + 에어자켓(클리어메이트)입니다! 겁나 이뻐!

이러다보니 가격 방어 잘 되는 아이폰 계열을 쓸 기회가 없었네요. 그러다가 회사에서 아이폰6플러스를 줘서 갈아타게 되었습니다(사...사....아니 감사합니다 회사님ㅠ).

확실히 안드로이드를 쓰다가 아이폰을 쓰니 장점도 있고, 단점도 있네요. 외관이야 뭐 많이 봤을테니 제가 주로 사용하는 기능 위주로 리뷰를...(뭐 주로 하는 게 게임이지만ㅠ)

가장 기본적인 음악과 동영상 기능부터...

1. 음악 넣기

안드로이드폰은 그냥 컴퓨터랑 연결해서 mp3파일을 복사하고 음악플레이어를 실행하면 자동으로 파일을 스캔해서 리스트에 떠서 바로 재생할 수 있는 구조입니다. 그래서 보통 음악 폴더를 통째로 올리고, 음악폴더별로 재생이 가능하고, 재생목록도 만들 수 있어서 듣고 싶은 음악 리스트를 넣을 수 있습니다.

아이폰에서는 mp3를 폴더로 복사하는 기능이 없고(뭐 다른 방법이 있겠지만 보편적으로 itunes로 해야하는 것 같더라구요), 아이튠즈에서 음악을 드래그로 추가해서 재생목록을 만든 뒤 동기화를 시키면 바로 아이폰에서 동일한 재생목록으로 그대로 들을 수 있습니다. 맥과 아이폰끼리 서로 완벽히 동기화가 된다는 장점이 있습니다. 맥에서 재생목록만 잘 관리하면 매우 편합니다.

아..걸스데이 노래 겁나 좋네요. 몇 년을 들어도 안질려요.

그리고 아이폰 전용 이어폰이 꽤 맘에 드네요. 귀에 쏙 맞고 음질도 꽤 괜찮아요(이어팟이라는 이름이 있네요). 그리고 다른 것보다 맘에 드는 것은 맥북에 연결하면 맥북 볼륨 조절도 된다는 것입니다!! 회사 맥북에 모니터 연결해서 쓰고 있는데, 볼륨 조절 하려면 맥북에 있는 fn+F10~F12로 조절해야 해서(윈도우 세대로 fn키를 켜놨...) 귀찮았는데, 바로 누르니 볼륨 조절이 됩니다.

2. 동영상 넣기

안드로이드는 음악처럼 동영상 파일 그대로 안드로이드폰에 복사해버리면 플레이어가 알아서 인식해서 재생할 수 있습니다. 음악이랑 똑같죠. 그리고, 보편적인 코덱은 대부분 지원해서 복사만하면 재생못하는 영상은 거의 없습니다. 그래서 꽤나 편했죠.

근데, 아이폰은 비디오 재생을 하려면 기본 내장된 비디오앱에서 iTunes에서 구매를 하거나 인코딩해서 동영상을 동기화하는 방법이 있습니다.

다른 방법으로는 써드파티 동영상앱을 설치하고, 아이튠즈를 통해 파일공유라는 기능을 이용해서 무인코딩 동영상을 넣어서 재생할 수 있습니다. 대부분 써드파티 동영상앱으로 하는 방법을 선호하죠. 아래 사이트에 잘 나와 있네요.

http://azdesigntm.com/700

우사미짱. 잘 나오네요. kmp플레이어에요.

동영상도 위와 같은 방법으로 넣으면 쉽게 넣을 순 있어요. 근데, 코덱이 재생할 수 있는 앱이 있고, 재생할 수 없는 앱들이 있어요. 동영상 앱 선택할 때 신중히 선택하셔서 구매하세요.

3. 가로로 전환?

이건 쓰면서 느낀건데 제 폰이 맛이 간건지 원래 그런건지는 정확하게는 잘 모르겠어요. 안드로이드 같은 경우는 폰을 애초부터 가로 거꾸로 잡고 있고, 거꾸로 잡고 있으면 앱이 실행될 때 자동으로 거꾸로 된 위치가 바뀌는데, 아이폰은 안그렇더라구요. 애초에 거꾸로 잡고 가로앱을 실행하면, 계속 거꾸로 되는데, 다시 폰을 돌렸다가 다시 거꾸로 돌리면 그때 화면이 바뀌더라구요. 뭐 별거 아니지만 그냥 그렇다구요... 써놓고 보니 뭔말이지....무...무시하세요...

4. 스팸전화 필터 앱

안드로이드폰은 전화올 때 이벤트 같은 것을 써드파티앱이 받을 수 있습니다. 그래서 후후, 후스콜 처럼 전화가 오면 그 전화번호를 자신의 스팸데이터에서 검색을 해서 이게 스팸전화인지 아닌지를 알 수 있는 앱들이 있죠.

아이폰에서는 이런 필터앱 구현을 할 수 없습니다. 그래서 "뭐야 이번호"라는 앱이 있는데, 아이폰에서는 연락처에는 접근할 수 있어서 그 연락처에 모든 스팸번호를 등록해서 그 스팸번호로 전화가 오면 뭐야이번호로 저장된 번호로 전화가 옵니다.

최신정보를 앱을 실행해서 받아줘야하는 단점이 있습니다ㅠ

스팸전화 두 개 걸렀네요.

위와 같이 전화가 오면 뭐야이번호로 오기 때문에 안받으면 됩니다. 연락처에 다양한 전화번호가 저장될 수 있어서 가능한 것 같습니다. 만든 사람 머리 좋네요. 스팸전화를 어제 두 건이나 받았는데, 걸렀네요.

또 다른 방식의 스팸필터앱 중에 후스콜(안드로이드 처럼 실시간 앱이 아님)이라는 게 있는데, 이것은 모르는 번호에 전화가 오면 받지 않고 끊은 다음에 전화번호를 복사하면 그 번호로 인터넷을 통해 검색을 해서 위젯에 표시해주는 원리의 앱입니다.
전화번호에서 최근통화해서 i버튼을 누르면 전화번호가 나오는데, 그거 오래 누르고 있으면 복사하기가 되는데 복사하자마자 후스콜이 바로 검사를 해줍니다. 위에서 위젯을 보여주면 이게 스팸인지 아닌지 나와요......귀찮아 하는 사람들은 전화받고 스팸이면 끊는 게 더 낫겠어요.

텔레마케팅이라고 나오네요.

5. 움직이는 아이콘!

오 신기했던 게 바탕화면에 있는 아이콘에 오늘 날짜가 표기되고, 시계는 초침이 움직이면서 현재 시계가 아날로그로 표기되고 있어요! 근데, 이거 개발자가 앱으로 구현할 수는 없는거죠? 이런 종류의 앱을 본 적이 없어서... 암튼 신기한 아이콘이네요. 아 근데 생각해보니 안드로이드는 위젯이 있으니...별로 신기할 것도 없는데, 뭔가 더욱 깔끔해보여서 신기하게 느껴지는 것 같네요.

6. 웹브라우저 사파리(Safari)

저는 크롬이 좋아서 크롬을 깔았는데, 깔자마자 네이버들어가고 바로 지웠습니다. 속도가 안드로이드폰이나 기본 아이폰 사파리에 비해서 너무 느렸어요. 그래서 그냥 사파리를 쓰기로 했습니다.

브라우저는 빠릿빠릿해서 좋네요. 더욱 좋은 점은 컨트롤인데, 처음에 안드로이드는 뒤로가기 할 때 그냥 뒤로가기 버튼 누르면 알아서 뒤로 가는데, 아이폰은 그 버튼이 없어서 뒤로가기 하려면 버튼을 눌러야 하는데, 버튼을 누르려면 스크롤을 다시 올려야 메뉴가 나오는데, 그때 좌측하단에 있는 버튼을 눌러야 뒤로 갈 수 있습니다. ㅣㄴ아러ㅣㅏㅁㄴㄹ얼ㅇ 아오 뒤로가기 겁나 힘드네 하고 있는데, 다른 사람들 쓰는 거 보니 왼쪽끝에서 오른쪽으로 드래그를 하니 뒤로 가집니다!

전체 열려 있는 탭이 간지나게 나오네요. 역시 UI는 애플이죠. 왼쪽으로 밀면 바로 닫을 수 있어요 짱이에요.

드래그로 뒤로가기를 쉽게 할 수 있어요!

7. 건강

오 이런 기능은 정말 처음이네요. 안드로이드에는 없어요ㅠ 자신이 얼마나 걸었는지 계단 오르내리기를 얼마나 했는지 그래프로 이쁘게 보여줍니다. 아...볼 때마다 운동해야지 하는데...회사가 코앞이라... 하루에 2km미만으로 걷고 있네요ㅠ

이제 계단으로 출퇴근해야겠다...3계단이라니...

8. 핫스팟 기능

핫스팟이 좀 맘에 안드는 게 이상하게 연결이 잘 안됩니다ㅠ 제가 안드로이드 게임밖에 없는 게임을 위해 폰을 안드로이드폰과 같이 들고 다니는데, 핫스팟기능을 켜면 한 번에 연결이 안될 때가 많습니다(설마 이것도 내 폰만 문제인건가ㅠ). 몇 번 다시 껐다켜면 연결이 되더라구요.

좋은 점이 폰이 연결이 되면 몇 개 연결이 되었는지 상단에 나와요. 그래서 어떤 놈이 내꺼 몰래 쓰고 있는지 나오죠. 그리고, 안드로이드는 테더링이라고 표시하는데, 타임아웃 시간을 지정할 수 있습니다. 무제한까지 가능한데, 아이폰은 타임아웃 시간을 지정하는 것이 없고, 그냥 한 5분동안 인터넷을 하지 않으면 끊어지는 느낌입니다ㅠ 끊어지면 또 바로 연결이 안되고, 핫스팟 기능을 다시 껐다 켜야 하더라구요.

우오오! 저기 선택하면 설정화면으로 가요.

9. NFC기능이 없...

이거 좀 아쉽습니다. 원래 NFC가 아이폰에 들어는 있는데, 애플페이 만을 위한 기능이라고 하네요. 예전에 안드로이드폰에는 NFC가 있어서 체크카드가 없을 때 NFC를 이용해서 ATM에서 돈을 뺄 수 있는데, 그걸 할 수 없어요ㅠ 교통카드 기능도 되는데ㅠ 애플이 하루 빨리 풀어줘야 한다고 생각합니다.

10. 지문인식 기능

지문인식 기능 겁나 신세계입니다. 화면 잠금 풀 때 자연스럽게 가운데 버튼을 누르면 잠금이 풀립니다. 이렇게 지문인식이 신기하게 잘 되는 거 처음보네요. 예전에 제 노트북이 소니지문인식노트북이였는데, 살 때 처음 테스트해보고 봉인했었는데, 이건 인식율이 너무 좋으니 이걸 활용한 앱들이 나오면 좋을 것 같습니다(아..근데 이것도 사용자가 구현할 수 있나 모르겠네요).

그리고, 앱스토어에서 앱을 구매 및 다운로드할 때에도 비밀번호 겁나 쳐야하는데, 지문인식만으로 앱을 구매 및 다운로드할 수 있어요. 근데 안드로이드에서는 사실 무료앱 다운로드할 때에는 비밀번호 안물어보죠. 유료앱살 때 결제할 때에만 비밀번호를 물어보죠. 앱스토어도 무료앱살 때에는 비번 안치게 좀......

11. 게임

게임은 안드로이드폰보다 훨씬 부드럽게 잘 돌아가네요. 요즘 즐겨하는 게임 중 영웅이 있는데요. 확실히 G2에서 하던 것보단 렉도 없이 잘 돌아갑니다. G2에서 할 때에는 몹이 미친듯이 많아지면 렉이 걸려서 죽기 일쑤여서 해상도 조절을 최하로 맞춰놓고 했는데요(그래서 렉걸리고...ㅠㅠ). 아이폰에서는 그런 게 전혀 없어서 좋네요. 고해상도로 해놔도 매우 부드럽게 잘 돌아가요! 게임은 아이폰에서 하는 게 좋을 것 같아요.

단.... 아이폰 게임이.... 출시가.... 잘 .... 안됩...니다.... 카카오게임만 해도 주로 안드로이드만 출시하는 게임이 대부분이에요. 아이폰 유저가 좀 더 늘어나야 게임 개발사들이 아이폰에 더 눈을 돌릴텐데요ㅠ 우리나라 현실은 그렇지 않으니 안타깝네요.

결론

이제 쓴 지 한달이 다되어가는데요. 장점도 있고 단점도 있는 것 같습니다. 일부 안타까운 단점은 뭐 그닥 불편한 점은 아니고, 게임을 주로(?)하기 때문에 매우 만족스럽습니다. 지금 하고 있는 영웅이 매우 잘 돌아가서 기쁘네요ㅠ 그리고 맘에 드는 점은 부드러운 UI전환과 애니메이션입니다. 아주 깔끔해요. 이래서 다들 아이폰아이폰 하나 봅니다.

인기 있고 유명한 게임(이런 게임들은 대부분 아이폰도 같이 냄!)만 하실 분들은 아이폰 강추합니다. 게임이 잘 돌아갑니다! 최고의 게임기 입니다!

소스 코드 보기 좋게 css 입혀주는 Syntax Highlight Tool - hilite.me

머드초보 — Sun, 11 Jan 2015 21:54:51 +0900

기존에 syntax highlighter라는 플러그인은 js를 업로드하거나 script로 include해서 <code></code>태그를 찾아서 css를 입히는 형태가 있습니다. 근데 티스토리에서 할라니까 html skin도 편집해야 하고 js, css파일도 업로드해야 합니다. 이거 말고도 https://highlightjs.org/라는 플러그인도 있지만, 이것도 위와 같은 동일한 형태입니다.

결정적으로 글을 쓸 때 html형태는 Syntax Highlight를 하기 힘들더라구요. 그래서 찾다보니 그냥 소스코드를 붙여넣으면 바로 css까지 입힌 형태의 소스코드를 생성합니다. 그래서 티스토리에서 글을 쓸 때 그냥 <p></p>사이에 코드를 그대로 넣으면 매우 잘 나옵니다.

사이트 주소

http://hilite.me/

아래와 같이 그냥 소스코드 대추 붙여놓으면 이쁘게 html로 바꿔서 오른쪽에 표시해줍니다.

아래는 html태그를 붙인 예제입니다.

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div>
    테스트입니다.
</div>
</body>
</html>

php도 붙여보니 잘되네요.

<?php
$osInfo = strtoupper(substr(PHP_OS, 0, 3));

if (count($argv) <= 4)
{
    echo 'argv enter. area stage isChallenge device deviceip ex) 5 3 1 genymotion (101)' . PHP_EOL;
    exit;
}
$area = $argv[1];
$stage = $argv[2];
$isChallenge = ($argv[3] == '1') ? true : false;
$device = $argv[4];
$data = json_decode(file_get_contents("$device.json"), true);
if ($data == null) {
    echo 'Error!' . PHP_EOL;
    exit;
}

프로그래밍 언어 관련 글 쓰시는 분들 잘 애용하세요. 보니까 소스코드도 공개되어 있더라구요. 혹시나 사이트가 나중에 죽어버려도 소스가 깃헙에 있으니 괜찮을 것 같아요.

[Spring Boot] 간단한 RestAPI 및 JPA 예제.

머드초보 — Sun, 11 Jan 2015 19:43:25 +0900

스프링 오랜만에 다시 보내 새롭네요. 우연히 접할 기회가 있어서 스프링 부트를 접하게 되었습니다. 기존에 주로 회사에서는 php, ruby on rails, javascript 등 스크립트 언어를 해오다 보니 꽤나 쉽지 않네요. 뭐 이걸로 프로젝트를 한 번 하면 금방 배우겠죠. 루비 같은 경우도 작년까지 전혀 몰랐는데, 프로젝트를 하다보니 점점 알게 되더라구요.

1. 셋팅

이걸 하면서 gradle이라는 것을 알게 되었는데, 보니까 maven 같은 것인데, 확실히 maven보단 설정 문법이 더욱 깔끔하고 좋네요. maven에서는 xml 지옥이라 알아보기 힘들었는데, gradle은 그냥 스크립트 형식으로 되어있어서 더 알아보기 쉽게 되어있습니다.

build.gradle

buildscript {
    repositories {
        mavenCentral()
    }
    dependencies {
        classpath("org.springframework.boot:spring-boot-gradle-plugin:1.1.10.RELEASE")
    }
}

apply plugin: 'java'
apply plugin: 'spring-boot'

sourceCompatibility = 1.5
version = '1.0'

repositories {
    mavenCentral()
}

dependencies {
    testCompile group: 'junit', name: 'junit', version: '4.11'
    compile("org.springframework.boot:spring-boot-starter-web:1.2.0.RELEASE")
    compile("org.springframework.boot:spring-boot-starter-data-jpa")
    compile("mysql:mysql-connector-java:5.1.34")
}

맨 위에 buildscript부분은 jar파일 만들기 위해서 필요한 것 같아요. 그 외에 plugin이 spring-boot가 추가되었는데, bootRun 이런 task 등이 추가 되어있어요.

dependencies는 스프링 부트를 쓰려면 spring-boot-starter-web이 있어야 하고, 데이터연동하는 것을 하기 위해서는 spring-boot-starter-data-jpa가 있어야 하고, mysql을 쓰려면 mysql-connector-java를 추가해야 해요.
jpa에는 하이버네이트가 내장되어 있어요.

2. 메인 클래스

스프링 부트는 예전 개발방식이랑 틀리게 톰캣 받고, web.xml을 셋팅하고, 웹개발을 위한 셋팅이 필요없이 기존 java 실행 방식으로 실행하며 이 실행과 동시에 내장된 톰캣이 작동하여 서버를 만들어버립니다. 아래와 같이 메인클래스를 만들어버리면 그냥 웹서버애플리케이션이 뜹니다.

Application.java

@SpringBootApplication
public class Application {
    public static void main(String[] args) {
        ConfigurableApplicationContext context = SpringApplication.run(Application.class, args);

    }
}

보면 예전에 자바처음 배울 때 쓰는 public static void main클래스로 실행만 합니다. @SpringBootApplication어노테이션을 붙이면 최초 기본셋팅으로 톰캣을 띄워서 8080포트로 서버를 만들어 줍니다.

3. 모델 생성

그 전에 접속할 db정보를 입력해야 합니다.
application.properties

spring.datasource.url=jdbc:mysql://127.0.0.1/sosi?autoReconnect=true&useUnicode=true&characterEncoding=utf8
spring.datasource.username=root
spring.datasource.password=
spring.jpa.hibernate.ddl-auto=create-drop
spring.jpa.database=mysql
spring.jpa.show-sql=true

대략 설정값은 저런데 ddl-auto부분이 create-drop은 서버 재시작 때마다 테이블을 날려버리는 옵션입니다. 처음에 개발할 때에는 매우 편리합니다. 값을 매번 지우지 않고도 서버만 재시작해도 처음부터 다시 개발 해놓은 것을 테스트해볼 수 있으니깐염.

Sosi.java

@Entity
public class Sosi {
    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)
    private long id;

    @Column(nullable = false)
    private String name;

    @OneToMany
    @JoinColumn(name="sosi_id", referencedColumnName="id")
    private List<Schedule> scheduleList;

    public Sosi() {
    }

    public Sosi(String name) {
        this.name = name;
    }

    public long getId() {
        return id;
    }

    public void setId(long id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public List<Schedule> getScheduleList() {
        return scheduleList;
    }

    public void setScheduleList(List<Schedule> scheduleList) {
        this.scheduleList = scheduleList;
    }

}

Schedule.java

@Entity
public class Schedule {
    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)
    private Long id;

    @ManyToOne
    @JsonBackReference
    private Sosi sosi;

    @Column
    private String program;

    public Schedule() {
    }

    public Schedule(Sosi sosi, String program) {
        this.sosi = sosi;
        this.program = program;
    }

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public Sosi getSosi() {
        return sosi;
    }

    public void setSosi(Sosi sosi) {
        this.sosi = sosi;
    }

    public String getProgram() {
        return program;
    }

    public void setProgram(String program) {
        this.program = program;
    }

}

두 개의 모델이 1:N관계 입니다. Sosi가 스케줄을 여러개 가질 수 있는 구조입니다. 여기서 Schedule에는 ManyToOne을 걸었는데, @JsonBackReference도 같이 넣었습니다. 이걸 안 넣으면 서로 계속 참조해서 JSON출력할 때 무한루프에 빠지더라구요-_- 이제 Sosi참조는 json에서 안쓰는 그런 옵션 같습니다.

그리고 예전에는 Dao만들어서 뭔가 하이버네이트세션 가져와서 그걸 통해서 했던 것 같은데, Spring Data JPA에서는 JpaRepository라는 것을 제공하는데, 이것을 통하면 해당 모델에 대해서 CRUD를 제공합니다.

SosiRepository.java

public interface SosiRepository extends JpaRepository<Sosi, Long>{
}

ScheduleRepository.java

public interface ScheduleRepository extends JpaRepository<Schedule, Long> {
}

4. 컨트롤러 생성

간단하게 소녀시대 정보를 가져오는 컨트롤러와 스케줄 추가 및 가져오는 컨트롤러를 생성합니다.

SosiController.java

@RestController
@RequestMapping("/sosi")
public class SosiController {

    @Autowired
    private SosiRepository sosiRepository;

    @RequestMapping("{sosiId}")
    public Sosi getSosi(@PathVariable Long sosiId) {
        Sosi sosi = sosiRepository.findOne(sosiId);
        return sosi;
    }
}

ScheduleController.java

@RestController
@RequestMapping("/schedule")
public class ScheduleController {

    @Autowired
    private ScheduleRepository scheduleRepository;

    @Autowired
    private SosiRepository sosiRepository;

    @RequestMapping("{scheduleId}")
    public Schedule getSchedule(@PathVariable Long scheduleId) {
        Schedule schedule = scheduleRepository.findOne(scheduleId);
        Sosi sosi = schedule.getSosi();
        return schedule;
    }

    @RequestMapping("add/{sosiId}")
    public Schedule addSchedule(@PathVariable Long sosiId, @RequestParam(value="program") String program) {
        Sosi sosi = sosiRepository.findOne(sosiId);
        Schedule schedule = scheduleRepository.save(new Schedule(sosi, program));

        return schedule;
    }
}

소스 내용을 보면 Repository클래스를 통해 Autowired하면 기본 인터페이스를 해당 모델기반 구현체를 만듭니다. 그 구현체에서 save, findOne 등 함수를 통해 데이터 삽입 및 가져올 수 있습니다.

5. 기본 값 삽입

기본적으로 소녀시대 멤버를 삽입하고 시작할 수 있습니다. 기존 application.properties에 하이버네이트 설정을 재시작하면 꺼지게 해놨기 때문에 기본적으로 앱을 시작할 때 값을 삽입하고 하면 편하게 테스트할 수 있습니다.

Application.java

@SpringBootApplication
public class Application {
    public static void main(String[] args) {
        ConfigurableApplicationContext context = SpringApplication.run(Application.class, args);
        SosiRepository sosiRepository = context.getBean(SosiRepository.class);

        sosiRepository.save(new Sosi("태연"));
        sosiRepository.save(new Sosi("윤아"));
        sosiRepository.save(new Sosi("수영"));
        sosiRepository.save(new Sosi("효연"));
        sosiRepository.save(new Sosi("유리"));
        sosiRepository.save(new Sosi("티파니"));
        sosiRepository.save(new Sosi("써니"));
        sosiRepository.save(new Sosi("서현"));
    }
}

6. 실행

소녀시대 정보 가져오기
http://localhost:8080/sosi/1

스케줄 추가하기
http://localhost:8080/schedule/add/1?program=무한도전

다시 소녀시대정보 가져오기
http://localhost:8080/sosi/1

예제 소스는 깃헙에...
https://github.com/mudchobo/sosi-schedule-sb

끗

[게임] SuperStar SMTOWN - 리듬게임에 카드시스템 조합!

머드초보 — Tue, 6 Jan 2015 22:40:27 +0900

리듬 게임을 참 좋아했는데요. 중학교 때 비트매니아 보고 반해서 그때부터 좋아하기 시작해서 아직까지 즐기고 있네요. 그 당시 비트매니아는 300원이였는데, 부평에 가야지만 있어서 버스타고 가서 했던 기억이 나네요. 너무 비싸서 집에 컴퓨터용 비트매니아 프로그램으로 연습해서 오락실에서 하고 그랬던 기억이 나네요.

이제 스마트폰이 보급화 되면서 스마트폰에서도 리듬게임이 한창 인기가 있었는데, 그 1세대가 탭소닉이였던 것 같습니다. 탭소닉은 스마트폰에 맞게 터치앤드래그 형식으로 리듬게임을 즐기는 방식입니다. 이것도 한창 인기가 있었는데, 어느새 시들해졌네요. 그러고 나서 많은 리듬게임이 나왔는데, 탭소닉 링스타 for Kakao, DJMAX 태크니카 for Kakao 등 다양한 리듬게임이 나왔어요.

탭소닉 링스타는 예전 NDS시절 리듬히어로 방식처럼 큰 원이 점점 작아지면서 터치할 원에 일치할 때 터치하는 방식의 리듬게임입니다. 그리고 DJMAX는 노트들이 나타나고 그 노트들을 선이 지나갈 때 터치하는 리듬게임이죠. 이렇게 다양한 리듬게임이 나왔는데, 대부분 성공하지 못했어요.

그래서 최근에 나온 것이 SuperStar SMTOWN인데, 이게 어느정도 중박을 친 게 아이돌과 리듬 게임의 조합입니다. 그래서 아이돌 팬들이 이 게임에서 자신이 원하는 아이돌의 카드를 모으기 위해서 게임을 할 수 있습니다. 이런 방식이 어느 정도 먹힌 것이죠.

1. 전체적으로 깔끔한 외쿡 스타일 디자인

위의 로고 화면처럼 전체적으로 외쿡스타일의 게임형태로 되어 있습니다. 실제로도 이 게임은 외국 사람들도 꽤 많이 하고 있죠. 물론 디자인 때문이 아니라 외국에 팬을 많이 보유하고 있는 SM가수의 영향이 가장 크죠.

랭킹 화면입니다. 화면의 아이콘도 매우 심플하게 설명없이 배치되어 있네요.

(1) 상단 메뉴

헤드폰 - 게임을 플레이할 수 있는 수 인데(애니팡의 하트같은...), 지금 52개 있는데, 나중에 다 쓰면 5분마다 한 개씩 차며 맥스 5개입니다.

R(리듬포인트) - 곡을 클리어 하면 주는 포인트인데, 이걸 모아서 일반 카드를 뽑거나 카드를 강화에 사용합니다.

다이아몬드 - 현질하거나 주간 랭킹에 순위권에 들면 얻을 수 있는 돈 같은 존재입니다. 프리미엄 카드(B~S등급)를 뽑을 수 있고, 헤드폰을 구매하거나 R을 살 수 있습니다.

(2) 하단 메뉴

카드 - 내가 보유하고 있는 카드 덱을 보여줍니다. 여기에 SM가수별로 나열되어 보여집니다. BoA(보아), TVXQ!(동방신기), Super Junior(슈퍼주니어), KyuHyun(규현), Super Junior-M(슈퍼주니어엠), Henry(헨리), ZhouMi(조미), Girls'Generation(소녀시대), Girls'Generation-TTS(태티서), SHINee(샤이니), TAEMIN(태민), f(x)(함수), EXO-K(엑소케이), EXO-M(엑소엠), RedVelvet(레드밸벳), SMTOWN으로 나눠져 있습니다. 카드를 장착하면 그 곡을 클리어 시 더 높은 점수를 얻을 수 있습니다. 카드 시스템은 아래에 다시 한 번 더...

상점 - 다이아몬드, R(리듬포인트), 헤드폰, 카드팩, 인벤토리확장 등을 구매할 수 있는 페이지입니다.

우편함 - 운영자가 보상을 주거나, 주간랭킹 보상 등은 다 이곳을 통해서 받습니다.

도움말 - 게임에 필요한 도움말입니다.

2. 곡 목록 화면

처음에 곡이 다 잠겨있는데, 계속 클리어해야 다음 곡이 열립니다. 한 100여곡 되는 것 같았어요. 최초 미션 클리어 시에는 C급 카드도 한장씩 줍니다. 클리어 시에 주는 줄 알았는데, 그게 아니더라구요. 전부 다 깨면 그때부터는 리듬포인트 모아서 카드팩을 구매하셔야 합니다.

그리고 가끔 챌린지가 뜨는데, 이게 언제 뜨는지 모르겠는데, 지 꿀리는 대로 뜨는 것 같더라구요-_- 자신의 점수 그 이상을 받으면 C급카드랑 리듬포인트10배수치(약 5000~6000정도 주는 것 같음)을 줍니다. 챌린지가 뜨면 약 3번의 기회가 주어지는데, 3번안에 못깨면 챌린지모드는 사라집니다. 다시 개 노가다...

3. 게임 화면

아이폰6가 깔끔하게 동영상 캡쳐가 되어서 게임 화면은 잘 찍어놨습니다. 으핫. 유튜브에서 노래는 저작권에 위반되어서 삭제했습니다ㅠ
게임은 탭소닉과 동일한 형태입니다. 롱노트와 터치노트 두가지 방식으로 구성되어있는데, 약간 다른 점이라면 터치포인트가 정확하게 없다는 것입니다. 그냥 내려오는 것에 맞춰서 터치해야 합니다.
그리고 생명 게이지가 떨어지면 사망합니다. 생명게이지에서 안 틀리고 더 잘하면 게이지가 하나 더 차는데, 그때부터 점수보너스가 더 주는 것 같더라구요.

4. 카드 시스템

카드시스템은 최근 유행하는 카드 시스템과 매우 많이 닮았습니다. 카드를 강화하거나 카드를 진화(여기에선 업그레이드)하는 시스템이 있습니다.

(1)가수별 덱

가수별로 카드를 장착하는 슬롯이 정해져있습니다. 보아를 보면 카드에 VOCAL, DANCE, RHYTHM 슬롯이 있으며, 여기에 장착을 하게 됩니다.

카드 슬롯을 선택하면 또 해당 카드를 장착할 수 있는 카드가 있습니다. 여기선 해당가수-슬롯위치만 장착할 수 있습니다. 마치 무기아이템이 무기슬롯에만 장착이 가능한 것 처럼요. 그래서 리듬슬롯을 누르면 리듬슬롯 카드만 아래에 나와서 선택하면 비교화면이 나와서 장착할 것인지 묻습니다.

(2)카드 파워업

카드가 처음에 파워업을 하지 않으면 1성부터 시작하는데, 여기서 같은 종류의 가수 카드를 통해서 파워업을 할 수 있습니다. 파워업을 할 때에는 실패를 하면 그냥 카드가 사라져버립니다. 몬스터 길들이기처럼 강화포인트 개념이 없어서 그냥 생카드만 날라갑니다-_-(이것때문에 좀 빡치는...).

C등급 카드로 C등급 카드를 강화하면 Power Up 성공률이 High인 반면에, C등급 카드로 S등급 카드를 강화하면 Power Up 성공률이 Low가 나옵니다. 등급에 가까울수록 강화확율이 높습니다.
S등급 카드에 B를 넣으니 Normal이네요.

성공을 하면 별이 하나씩 붙습니다. 4번성공하면 5개의 별이 붙어서 더 이상 파워업을 할 수 없게 됩니다. 그 뒤로는 Power Up버튼이 Upgrade버튼이 바뀝니다.

(3) 카드 업그레이드

카드 5성이 되면 그 다음부터 업그레이드를 할 수 있습니다. 업그레이드는 같은 등급의 5성카드 2개끼리 합치면 다음 등급으로 업그레이드를 할 수 있는 기능입니다. 그래서 상위등급으로 갈 수 있는 것이지요. 결국 생각해보면 노현질로 엄청난 곡클리어 노가다를 하게 되면 언젠가 전부 R로 덱을 도배할 수 있다는 것이지요. 그게 힘들다면...현질을 해야하는 뭐 다른 모바일게임과 전혀 다르지 않는 시스템입니다.

5. 총평

리듬게임 치고 꽤나 잘 만든 게임 같습니다. 다만 SM노래밖에 없다는 것이... 이게 장점이 될 수도 단점이 될 수도 있겠네요. 리듬게임에 아이돌카드를 접목한 것은 꽤나 잘 한 것 같습니다.

[크롬확장프로그램] IMAP Mail Checker(읽지않은 메일 표시 및 새 메일 표시)

머드초보 — Tue, 6 Jan 2015 21:08:46 +0900

회사메일이 뭔가 맥용 메일 클라이언트랑 호환이 잘 안되는지 메일 푸쉬가 잘 안되어서 크롬플러그인으로 만들었습니다. 지메일용 unread 체크 표시해주는 플러그인이 있어서 거기서 영감을 받아 만들었습니다. 이게 근데 Node.js용 서버가 있어야 합니다-_- 크롬 익스텐션에서 뭔가 소켓통신이 될 줄 알았는데, 잘 안되더라구요.

그래서 chorme-extension -> Node.js서버로 읽지 않은 메일이 있는지 확인 요청 -> Node.js가 imap서버에 연결하여 읽지 않은 메일을 가져오기 방식으로 구현했습니다. 그리고 Socket.io를 쓴 이유가 커넥션을 계속 맺고 있으려고 그렇게 했는데, 최초 imap서버에 로그인하는데 오래걸려서 이미 커넥션을 맺고 있으면 읽지않은 메일 가져오는 서치는 빠르게 되더라구요. 그래서 그렇게 했는데... 음… 만들다보니 이게 최선이였…..

Node.js에서는 Socket.io를 이용해 크롬 익스텐션과 통신을 합니다.

imap서버를 지원하는 다음메일, 네이트메일, 네이버메일은 잘 되네요. 지메일도 잘 되는데, 신뢰하지 않은 애플리케이션 옵션을 꺼야지 되네요.

1. Socket.io 프로토콜 구조

client -> server

로그인 요청. IMAP서버 연결정보를 전달해서 줌. 서버는 IMAP서버에 연결.

unseen()

읽지 않은 메일 아이디 목록 요청.

mail_info(mailId)

메일아이디로 메일정보 요청.

server -> client

connect()

클라이언트가 연결되면 전송.

login_success()

로그인 요청올 때 IMAP서버에 연결 후 이상이 없으면 전송.

unseen_result()

unseen요청이 올 때 unseen목록을 전송.

mail_info_result()

mail_info요청이 올 때 메일의 제목 및 보낸 사람 정보 전송.

server_error()

서버에서 IMAP서버에서 끊어지거나 예외 에러가 발생한 경우 전송.

대충 이렇습니다. 서버 에러가 나면 disconnect날려서 끊어버리면 클라가 다시 또 재연결을 시도합니다. 이런 식으로 좀비적으로 계속 붙어서 서버가 살아낼 때까지 연결합니다-_-

이제 실행법은 아래와 같습니다.

2. 로컬 서버 실행

서버 소스주소입니다.

https://github.com/mudchobo/imap-mail-checker-server

RSA키키 만들고 실행하면 서버가 실행됩니다.

openssl genrsa -out rsa_1024_priv 1024

openssl ras -pubout -in rsa_1024_priv -out rsa_1024_pub

node app.js

3. 크롬확장프로그램 설치

크롬 확장프로그램 소스주소입니다.

https://github.com/mudchobo/imap-mail-checker-cx

위에서 만든 RSA키의 rsa_1024_pub키를 클론받은 소스 경로에 복사합니다.

크롬 실행 -> 설정 -> 확장프로그램 -> 개발자모드 체크 -> 압축해제된 확장프로그램 로드 후 소스 받은 경로 선택 하면 자동으로 설치가 됩니다.

4. 옵션 설정

오른쪽 상단에 표시된 크롬확장프로그램 아이콘에 오른쪽 버튼 클릭 후 옵션 선택하면 옵션이 나옵니다.

IMAP Server셋팅 대로 그대로 쓰시면 되고, 마지막 Enter WebMail Url은 크롬확장프로그램 클릭 시 이동하는 URL을 쓰면 됩니다.
저장 누르면 제대로 작동할 것입니다.

부록

Heroku서버에 올린 것과 연동된 플러그인을 크롬 웹스토어에 올렸습니다. 로컬서버 안 띄우고 제가 올린 서버와 연동되서 하는 것이긴 한데, 서버가 언제 죽을지는 모르니 참고하세요-_-

https://chrome.google.com/webstore/detail/imap-mail-checker/kbjiiglaopkgdnimdapohppnaeiocnbg?utm_source=chrome-ntp-icon

[php][osx] brew로 apache2.4+php5.6+laravel 셋팅

머드초보 — Thu, 1 Jan 2015 15:31:02 +0900

laravel설치법 나중에 찾아볼라고 기록 ㅇㅇ

brew

MAC에서는 brew라는 게 있는데, 없는 거 빼고 다 있는 만능 도구에요. 필요한 패키지는 검색해서 찾아서 설치하면 됩니다. apache, php, composer 등도 전부 brew로 설치할 수 있어요.

php framework Laravel

php프레임워크인데, ruby on rails스타일과 매우 흡사하고, 일반적인 MVC형태이며, DB마이그레이션도 제공하고, ORM같은 것도 제공하는 프레임워크에요.

1. apache설치

brew install httpd24

설치하면 가끔 brew tap어쩌구 나오는데, 그거 그냥 치고 하면 되는듯염.

2. php56설치 및 필요 extension 설치

brew install php56
brew install php56-mcrypt

3. apache + php 연동

brew로 설치했다면 아파치설정파일이 /usr/local/etc/apache2/밑에 존재합니다. php랑 연동하려면 module을 추가해야 합니다.
추가로 rewrite.so도 추가해야합니다(이건 원래 있는건지 잘 모르겠지만 rewrite기능이 되야 합니다)

httpd.conf

LoadModule rewrite_module libexec/mod_rewrite.so
LoadModule php5_module /usr/local/opt/php56/libexec/apache2/libphp5.so

<FilesMatch \.php$>
SetHandler application/x-httpd-php
</FilesMatch>

그러고 apachectl restart 하면 재시작.

4. composer 설치

brew install composer

5. laravel 설치

http://laravel.com/docs/4.2/quick#installation
설치방법은 위에 사이트대로 두 가지 방법이 나와 있어요. 한 가지는 composer를 통해 laravel-installer를 설치해서 laravel 실행파일로 프로젝트를 앞으로 계속 생성하는 것이고, 다른 한 가지는 composer로 그냥 프로젝트를 만드는 방법이 나와있어요.
첫번째 laravel-installer 설치하는 게 뭔가 더 레일즈 스러워 첫번째 방법으로...

composer global require "laravel/installer=~1.1"

이거 할 때 혹시 메모리가 딸리다고 나오면, php의 메모리설정을 늘려주면 됩니다.
brew로 설치한 php가 기본이라면 /usr/local/etc/php/5.6/php.ini에 memory_limit=1G로 바꿔주고 하면 잘 됩니다. 설치할 때 뭔가 메모리를 겁나 먹는듯염.

6. laravel 프로젝트 만들기

laravel new blog

원하는 디렉토리에서 위와 같은 명령어를 치면 blog로 디렉토리를 만들어주면서 기본적으로 필요한 프로젝트를 만들어줍니다.

7. 해당 프로젝트와 아파치 virtualhost 연동

아파치에는 해당 프로젝트에 public디렉토리를 DocumentRoot로 잡으면 됩니다. 아파치 vhost파일을 수정해요. 그리고 기본적으로 httpd.conf파일에 Include /usr/local/etc/apache2/2.4/extra/httpd-vhosts.conf부분에 주석처리 제거해야해요. 그러고 httpd-vhost.conf파일을 수정해봅시다.
/usr/local/etc/apache2/2.4/extra/httpd-vhosts.conf

<VirtualHost *:8080>
DocumentRoot "/Volumes/d/laravel/blog/public"
<Directory "/Volumes/d/laravel/blog/public">
Options Indexes FollowSymLinks
AllowOverride
All Require all granted
DirectoryIndex index.php
</Directory>
ServerName local.blog.com
ErrorLog "/usr/local/var/log/apache2/blog.com-error_log"
CustomLog "/usr/local/var/log/apache2/blog.com-access_log" common
</VirtualHost>

ServerName을 local.blog.com으로 들어오는 것에 대해서는 위와 같이 처리하도록 했습니다.
그럼 host를 잡고 테스트를 해봅시다.
/etc/hosts 파일에 아래와 같이 추가해야 해당 서버로 인식합니다.

127.0.0.1 local.blog.com

8. 실행!

기본아파치 포트가 8080으로 되어있더라구요.

우오오 잘됨 ㅇㅇ

[Javascript] html5, Android, iOS 게임 개발 가능한 Cocos2d-JS

머드초보 — Sat, 21 Jun 2014 08:07:31 +0900

Javascript로 html5게임과 Android랑 iOS 게임을 만들 수 있는 멀티플랫폼 게임개발툴입니다. 제가 웹게임을 만드려고 알아보고 있었는데, 이게 가장 적합한 것 같네요. 게다가 같은 소스코드로 그대로 Android, iOS도 같이 빌드할 수 있습니다.

Cocos2d-x인 경우에는 c++을 이용해서 멀티플랫폼을 지원하는데,Cocos2d-x를 잠깐 해봤을 때 c++은 대학교 때 이후로 해보질 않아서 조금 어려운 점이 많았습니다. string을 다루는 법부터 시작해서 헤더파일도 다루고 그러는 것이 익숙치 않더라구요(아...쉬운 문법 언어만 해와서ㅠ).

그래서 사이트에 가서 찾아보니 Javascript로도 개발을 할 수 있는 제품도 있더군요. 그래서 살짝 맛보기를 해보니 클래스명은 x와 서로 비슷하며 사용법 또한 비슷한데, 이것을 Javascript로만 표현을 했습니다. 문법면에서는 훨씬 쉽게 개발할 수 있을 겁니다(물론 저는 웹개발이 주여서 그게 더 쉽게 느껴지지만, c++만 한사람은 x가 더 쉽겠죠?).

간단히 다운로드 셋팅을 한 번 해봅시다. 참고로 저는 맥 이용자입니다. 윈도우에서도 되는지는 잘 모르겠네요.

0. 준비물

Apache ANT : http://ant.apache.org/bindownload.cgi
Python2.7.6 : https://www.python.org/downloads/
AndroidSDK : https://developer.android.com/sdk/index.html?hl=sk
AndroidNDK : https://developer.android.com/tools/sdk/ndk/index.html
XCode : AppStore에서 받으삼.
WebStorm: 있으면 좋음. 없으면 그냥 에디터에서 편집해도 됨 ㅇㅇ

1. Cocos2d-JS 다운로드

http://cocos2d-x.org/download
위 사이트에서 받을 수 있습니다. Cocos2d-JS를 받습니다. 아직까지는 베타버전입니다. 곧 정식버전이 나오길 ㄷㄷ. 그리고 다운로드 사이트에서는 크게 3가지를 받을 수 있는데요. Cocos2d-x, Cocos2d-JS, CocoStudio입니다. Cocos2d-x와 Cocos2d-JS는 말그대로 C++개발, JS개발 툴이구요. CocoStudio는 게임 개발할 때 필요한 Scene, UI, Animation 등을 손쉽게 개발할 수 있는 툴입니다. 유니티를 개발할 때에도 유니티개발툴에서 애니메이션, UI를 개발하는데 그것과 비슷한 것이라고 보면 됩니다.

그리고 개발하기 위해서는 웹에디터가 하나 필요한데요. 여기서 추천하는 것은 WebStorm입니다. 웹스톰이 확실히 자바스크립트 코딩할 때에는 갑이거든요. 자바스크립트 디버깅도 할 수 있고, 코드힌트 에러도 제일 잘 잡는 에디터에요. 웹개발에도 갑이고 꽤 좋은 에디터에요. 여기서 만든 에디터들은 다 좋아요.

2. 환경 설정

환경설정은 Python으로 구현이 되어 있습니다. Cocos2d-JS압축을 풀면 setup.py파일이 나옵니다. 이걸 실행하면 NDK, Android SDK설정이 어디에 있냐고 물어보면서 그대로 대답하게 되면 그 값을 기반으로 .bash_profile에 환경변수와 패스를 저장해줍니다. NDK, SDK, ANT를 적당한 곳에 풀고 해당 패스를 물어보는 것에 적으면 알아서 .bash_profile에 넣어버립니다.
그러면 아래와 같이 자동으로 잡아줍니다.

# Add environment variable COCOS_CONSOLE_ROOT for cocos2d-x

export COCOS_CONSOLE_ROOT=/Volumes/d/mudchobo/cocos2d-js-v3.0-beta/tools/cocos2d-console/bin
export PATH=$COCOS_CONSOLE_ROOT:$PATH

# Add environment variable NDK_ROOT for cocos2d-x
export NDK_ROOT=/Volumes/d/mudchobo/android-ndk
export PATH=$NDK_ROOT:$PATH

# Add environment variable ANDROID_SDK_ROOT for cocos2d-x

export ANDROID_SDK_ROOT=/Volumes/d/mudchobo/android-sdk
export PATH=$ANDROID_SDK_ROOT:$PATH
export PATH=$ANDROID_SDK_ROOT/tools:$ANDROID_SDK_ROOT/platform-tools:$PATH

근데 보면 버그인지 모르겠지만 ANT_ROOT는 안잡아주더군요. 그래서 그냥 ANT_ROOT는 수동으로 추가했습니다.

# ant root
export ANT_ROOT=/Volumes/d/mudchobo/apache-ant

3. 프로젝트 생성

source ~/.bash_profile을 해서 profile파일을 다시 읽던가 아니면 터미널을 껐다켜면 해당 패스와 환경변수가 잡혀있을 겁니다. 그러면 초간단 프로젝트를 생성할 수 있습니다. COCOS_CONSOLE_ROOT가 패스에 잡혀서 cocos를 실행할 수 있습니다. 얘가 프로젝트를 만들어 줍니다.

만들고 싶은 경로 위치로 가서 아래와 같이 실행하면 바로 만들어 집니다.

cocos new MudchoboTest -l js

new는 프로젝트 생성하라는 것이고 다음은 프로젝트 명입니다. 다음 옵션은 -l은 언어를 선택하는 건데, js로 하라는 것입니다. 그러면 바로 생성이 됩니다.

4. 실행

바로 실행하면 최초 헬로우월드 게임이 나옵니다. 실행도 cocos로 하면 됩니다.

cocos run -p web|ios|android|mac

원소스로 4가지 플랫폼을 전부다 실행해볼 수 있습니다. 올인원 겁나 좋아하는데 딱 저한테 맞는 플랫폼이네요. web으로 띄우면 서버도 자체적으로 만들어서 띄웁니다. web은 따로 컴파일이 필요없고, ios와 android는 따로 컴파일 후에 실행하게 됩니다. 시간이 조금 걸리긴 합니다.

확인해보니 websocket(socket.io모듈도 지원)도 지원을 합니다. 나중에 시간될 때 웹소켓으로 멀티유저게임을 한 번 만들어봐야겠네요.

참고문서
http://cocos2d-x.org/docs/manual/framework/html5/v2/cocos-console/en

[유틸리티] Genymotion 2.0 구글앱 설치하기(플레이스토어 등)

머드초보 — Mon, 9 Dec 2013 21:05:27 +0900

이거슨 안드로이드 에뮬레이터 입니다. 우리가 안드로이드 개발할 때 쓰는 거지같이 느린 안드로이드 에뮬레이터와는 차원이 틀린 것입니다. 일단 겁나 빠릅니다.

공식사이트는 여기입니다.

http://www.genymotion.com/

얘네들이 2.0으로 버전업을 하면서 부분 유료화를 선언을 했어요. 하긴 이거 만든 사람도 먹고는 살아야하니까... 최근 앱들도 부분유료화가 대세... 얘네도 대세를 따랐겠죠...

암턴간 원래 제니모션1.3.x에는 google app들이 다 포함이 되어있었어요. 근데, 뭐 라이센스 문제로 일단 그냥 뺀 것 같아요. 하지만, 구글링 해보니 방법은 있는 것 같아요. 하라는대로 하니까 잘 됐어요. 저도 까먹지 않고 다시 설치를 하기 위해 기록해둡니다.

1. GENYMOTION 다운로드

http://www.genymotion.com/ 여기가서 signup을 눌러서 가입을 합니다. 그리고 로그인을 합니다. 그러면 Get Genymotion을 클릭하면 다운로드를 받을 수 있어요. 이건 VirtualBox위에서 돌아가는거라 VirtualBox도 같이 설치해줘야해요. Windows용은 올인원이 존재하는데, Mac OSX는 따로 받아야해요. VirtualBox사이트가서 받아와야해요.
https://www.virtualbox.org/wiki/Downloads
여기서 OS X용을 받아서 설치하면 돼요. 그리고 제니모션도 받아서 설치하면 돼요.

2. GENYMOTION실행 후 가상머신 추가.

처음에 아무것도 없으면 가상머신 추가할꺼냐고 물어봐요. 한다고해요. 그럼 Connect버튼이 나오는데, 로그인을 해야 원하는 디바이스를 선택할 수 있대요. 로그인을 해요. 아까 가입한 걸로 로그인해요.

원하는 기종과 버전을 골라요. 저는 넥서스7이 갖고 싶으니까 이걸로 선택했어요. 이렇게 기종이 참 많아요.

선택하고 Next를 하면 해당 롬을 다운로드 받아요. 겁나 빨리 잘 돼요.

3. 옵션셋팅

옵션에는 원하는 해상도로 롬을 띄울 수 있어요. 그리고 우리는 한글 사용자이기 때문에 use virtual keyboard for typing을 선택해요. 이걸 선택하지 않으면 키보드가 안나오는데, 기본 키보드는 한글이 지원이 안돼요. 그래서 그냥 가상 키보드를 이용해서 타이핑을 하고 한글 키보드를 설치하면 한글을 쓸 수 있어요.

4. 잘 실행되는지 확인

play를 하면 실행이 돼요. adb설정할껀지 물어요. 개발자이신 분들은 뭔지 알꺼에요. Android SDK패스를 지정해주면 되고, 그냥 한 번 돌려보고 싶으신 분들은 그냥 패스해도 돼요. 그만 물어봐 체크해도 돼요. 대신 adb를 설정하면 나중에 adb를 이용해서 앱도 설치하고 파일도 복사하고 adb기능을 사용할 수 있어요.

잘 돼요. 근데 마켓도 없고 아무것도 설치할 수 없어요.

5. ARM Translation Installer v1.1 설치

http://goo.gl/JBQmPa 이 링크를 클릭하면 받을 수 있어요.
그리고 그 받은 zip파일을 그대로 Genymotion에 드래그앤드랍으로 떨구면 지가알아서 복사해요. 경고가 뜨는데 system인데 복사할꺼냐 묻는 것 같아요. 그냥 무시하고 복사고고싱.
그리고 재부팅 고고싱!

6. Google Apps 다운로드 및 설치.

http://wiki.rootzwiki.com/Google_Apps#Universal_Packages_2

위에 링크에서 받을 수 있는데, 여기서 좀 주의해야할 것이 버전에 주의해야 해요.
만약 처음에 에뮬레이터 만들 때 4.2.2를 선택했다면 20130813버전을 깔면 안돼요. 맛이 가요. 굵은 글씨로 Not compatible with 4.2.x!라고 당당히 써있어요.
4.2.2이면 20130812버전을 받아서 설치하면 돼요.

4.3버전을 설치했으면 20130813 최신버전을 설치해도 돼요.

참고로 다운로드 받는데 더럽게 느려요. 그래서 구글링할 때 보면 해당 파일이름으로 검색하면 구글드라이브에 올라온 파일이 있어요.
gapps-jb-20130813-signed.zip 이런식으로 구글에 검색하면 나와요.
그걸 받아서 똑같이 Genymotion에 드래그앤드랍하고 껐다가 켜면 지가알아서 플레이스토어, 지메일 등이 설치가 되어 있을꺼에요.

7. 언어 변경

어플서랍에서 Settings에서 Language & input에서 한국어로 바꿔주면 돼요.

짠 완성이에요.

이제 알아서 커스텀마이징해서 쓰면 돼요.

4.3버전을 기기없이 테스트 및 개발할 수 있게 되었어요.

[php] Google App Engine php 게링스따디드.

머드초보 — Fri, 18 Oct 2013 17:14:03 +0900

구글앱엔진에서 php를 preview 맛보기로 제공을 하네요.

https://developers.google.com/appengine/docs/php/gettingstarted/introduction

여기 문서를 따라한건데, 얘는 콘솔로했는데, 보니까 Launcher로 하면 더 편하니까 런쳐로 설명할게요.

1. 프로젝트 생성.

https://cloud.google.com/console#/project
여기가서 CreateProject를 해야해요. Project Name은 원하는 것으로 쓰고, Project ID를 유니크한 것으로 써야해요. 저는 mudchobo-php라고 썼어요. 생성하면 뭔가가 생겨요.

2. 필요한 프로그램 설치 - Python 2.7.x, Google App Engine SDK

파이선 다운로드 : http://www.python.org/download/
Google App Engine SDK : https://developers.google.com/appengine/downloads

3. Google App Engine Launcher

위에 대로 설치하면 Google App Engine Launcher가 설치돼요. 실행해요.
메뉴에 File -> Create New Application하고, Application Name에 구글클라우드콘솔에서 생성한 Application ID를 넣고, Parent Directory에는 원하는 경로를 지정해요. 이 안에 새로운 폴더로 프로젝트가 생성돼요. runtime은 php로 하고, port는 원하는 포트로 지정하고 Create하면 해당 폴더에 프로젝트가 생겨요. 간단히 필요한 app.yaml과 main.php, favicon.ico만 생겨요. 다 끝났어요. 실행하면 끝나요.

4. 실행

아이콘 중에 Run이라고 있는데, 이걸 클릭하면 서버가 실행이 돼요. 그러고 그냥 localhost:8080으로 접속하면 Hello World!가 떠요. 그럼 끝난거에요. 이제 개발하면 돼요.

5. 구글계정 Users 서비스.

php도 python과 java처럼 구글계정 연동을 매우 손쉽게 제공해요.
main.php

<?php
require_once 'google/appengine/api/users/UserService.php' ;
use google \ appengine \api \ users \User ;
use google \ appengine \api \ users \UserService ;
$user = UserService ::getCurrentUser() ;

if ($user ) {
echo 'Hello, ' . htmlspecialchars ( $user -> getNickname());
} else {
header ( 'Location: ' . UserService ::createLoginURL ($_SERVER [ 'REQUEST_URI' ])) ;
}

소스를 보면 알겠지만, 그냥 UserService라는 클래스를 가져와서 유저값이 있으면 유저 닉네임을 보여주고 없으면 로그인으로 이동시켜요.

이게 로컬에서는 이렇게 나오는데, 실제로 Deploy(배포)를 하면 구글로그인으로 로그인이 돼요.

6. 폼

main.php에 아래와 같이 또 추가해요.

<html>
    <body>
        <?php
            if (array_key_exists('content', $_POST)) {
                echo "You wrote:<pre>\n";
                echo htmlspecialchars($_POST['content']);
                echo "\n</pre>";
            }
        ?>
        <form action="/sign" method="post">
            <div><textarea name="content" rows="3" cols="60"></textarea></div>
            <div><input type="submit" value="Sign Guestbook" /></div>
        </form>
    </body>
</html>

소스를 보면 알겠지만, 그냥 폼값 읽어서 보여주는거에요.

7. static파일

php 굳이 거쳐도 되지 않는, css나 js파일 같은 것들을 그냥 뿌려주려고 하려고 해요.
app.yaml을 수정해야해요.

- url: /stylesheets
static_dir: stylesheets

/stylesheets라는 url은 stylesheets에 있는 것을 그대로 내려준다는 거에요.

main.css파일을 stylesheets폴더를 만들고 생성해보아요.

body {
font-family: Verdana, Helvetica, sans-serif;
background-color: #DDDDDD;
}

백그라운드값을 바꿔보아요.
main.php에 head부분에 css를 추가해보아요.

다 만든 결과에요.

8. 배포

Google App Engine Launcher에서 Deploy를 눌러요. Email과 Password를 입력해요. 구글계정이에요. 그럼 이상한 콘솔창 하나 뜨더니 그냥 올라가요. 매우 간편해요!

[node.js] File system(파일 시스템)

머드초보 — Tue, 16 Jul 2013 12:55:36 +0900

http://book.mixu.net/ch11.html 에 대한 번역입니다. 제가 직접 했으니 아마 그지 같을 것입니다. 오류는 피드백 부탁!

11. File system

이 챕터는 파일시스템 모듈에 대해서 설명한다.

파일시스템 함수들은 파일I/O와 디렉토리I/O함수에 관한 것이다. 모든 파일싀스템 함수들은 동기/비동기 함수를 제공한다. 이 둘의 차이점을 설명하면 동기는 값을 함수안에서 바로 리턴하며(함수이름에 Sync가 붙음), I/O작업이 수행하는 동안 다른 코드가 실행되는 것을 막는다.

var fs = require('fs');
var data = fs.readFileSync('./index.html', 'utf8');
// wait for the result, then use it
console.log(data);

비동기 함수는 리턴값을 콜백함수를 통해서 제공한다.

var fs = require('fs');
fs.readFile('./index.html', 'utf8', function(err, data) {
  // the data is passed to the callback in the second argument
  console.log(data);
});

아래 목록은 FS API의 비동기 함수들 전부이다. 이 함수들은 동기함수를 가지고 있지만, 읽기 쉽게 하기 위해 목록에서 뺐다.

Read & write a file (fully buffered)
fs.readFile(filename, [encoding], [callback])
fs.writeFile(filename, data, encoding='utf8', [callback])
Read & write a file (in parts)
fs.open(path, flags, [mode], [callback])
fs.read(fd, buffer, offset, length, position, [callback])
fs.write(fd, buffer, offset, length, position, [callback])
fs.fsync(fd, callback)
fs.truncate(fd, len, [callback])
fs.close(fd, [callback])
Directories: read, create & delete
fs.readdir(path, [callback])
fs.mkdir(path, mode, [callback])
fs.rmdir(path, [callback])
Files: info
fs.stat(path, [callback])
fs.lstat(path, [callback])
fs.fstat(fd, [callback])
fs.realpath(path, [callback])
Readable streams
fs.ReadStream
Event: 'open'
fs.createReadStream(path, [options])
Writable streams
fs.WriteStream
Event: 'open'
file.bytesWritten
fs.createWriteStream(path, [options])
Files: rename, watch changes & change timestamps
fs.rename(path1, path2, [callback])
fs.watchFile(filename, [options], listener)
fs.unwatchFile(filename)
fs.watch(filename, [options], listener)
fs.utimes(path, atime, mtime, callback)
fs.futimes(path, atime, mtime, callback)
Files: Owner and permissions
fs.chown(path, uid, gid, [callback])
fs.fchown(path, uid, gid, [callback])
fs.lchown(path, uid, gid, [callback])
fs.chmod(path, mode, [callback])
fs.fchmod(fd, mode, [callback])
fs.lchmod(fd, mode, [callback])
Files: symlinks
fs.link(srcpath, dstpath, [callback])
fs.symlink(linkdata, path, [callback])
fs.readlink(path, [callback])
fs.unlink(path, [callback])

아마도 주로 비동기 형태를 많이 사용하겠지만, 동기 형태가 더 적절한 케이스도 있다(예를 들어 서버 시작 시 설정 파일을 읽는 작업). 비동기 작업 시에는 작업이 시작되고 금방 끝날 수 있기 때문에 조금 더 생각을 하고 작업할 필요가 있다.

fs.readFile('./file.html', function (err, data) {
  // ...
});
fs.readFile('./other.html', function (err, data) {
  // ..
});

각각 파일을 읽는데 걸리는 시간이 순서에 상관없이 완료될 수 있다. 가장 쉬운 해결책으로 콜백체인 방식으로 해결할 수 있다.

fs.readFile('./file.html', function (err, data) {
   // ...
   fs.readFile('./other.html', function (err, data) {
      // ...
   });
});

그렇지만, control flow챕터에서 좀 더 나은 패턴을 연구해볼 필요가 있다.

11.1. 파일: 읽기 쓰기

한번에 읽고 쓰는 방법은 매우 간단하다. 함수 호출할 때 문자나 버퍼로 쓰고, 콜백 리턴값을 확인하면 된다.

레시피: 파일 읽기(Fully buffered)

fs.readFile('./index.html', 'utf8', function(err, data) {
  // the data is passed to the callback in the second argument
  console.log(data);
});

레시피: 파일 쓰기(Fully buffered)

fs.writeFile('./results.txt', 'Hello World', function(err) {
  if(err) throw err;
  console.log('File write completed');
});

파일의 일부의 쓰기 읽기 작업을 할 때에는 open()함수가 필요로 하는데, 이것을 통해 파일디스크립터를 얻고 이것과 함께 작업할 수 있다.

fs.open(path, flags, [mode], [callback]) 아래와 같은 flag를 지원한다.

'r' - 읽기로 열기. 파일이 존재하지 않으면 에러발생.
'r+' - 읽기/쓰기로 열기. 파일이 존재하지 않으면 에러발생.
'w' - 쓰기로 열기. 파일이 존재하지 않으면 만들어지고, 파일이 존재하면 지우고 처음부터 씀.
'w+' - 읽기/쓰기로 열기. 파일이 존재하지 않으면 만들어지고, 파일이 존재하면 처음부터 씀.
'a' - 추가 쓰기로 열기. 파일이 존재하지 않으면 만들어짐.
'a+' - 파일을 읽고/추가쓰기모드로 열기. 파일이 존재하지 않으면 만들어짐.

새로 생성되는 퍼미션에 대해서는 기본값 0666으로 지정됨.

레시피: 파일을 열고 쓰기를 한 뒤 닫기(in parts)

fs.open('./data/index.html', 'w', function(err, fd) {
  if(err) throw err;
  var buf = new Buffer('bbbbb\n');
  fs.write(fd, buf, 0, buf.length, null, function(err, written, buffer) {
    if(err) throw err;
    console.log(err, written, buffer);
    fs.close(fd, function() {
      console.log('Done');
    });
  });
});

read()와 write()함수는 버퍼에서 돌아가는 함수라서, 문자열을 new Buffer()로 생성했다. 명심할 것은 리턴값이 buffer객체로 리턴된다.

레시피: 파일 열고, 특정위치 탐색 후 읽고 닫기.

fs.open('./data/index.html', 'r', function(err, fd) {
    if(err) throw err;
    var str = new Buffer(3);
    fs.read(fd, buf, 0, buf.length, null, function(err, bytesRead, buffer) {
      if(err) throw err;
      console.log(err, bytesRead, buffer);
      fs.close(fd, function() {
        console.log('Done');
      });
    });
  });

11.2 디렉토리: 읽기 생성 삭제

레시피: 디렉토리 읽기

디렉토리에 있는 아이템(파일, 디렉토리 등)의 이름들을 리턴해준다.

var path = './data/';
fs.readdir(path, function (err, files) {
  if(err) throw err;
  files.forEach(function(file) {
    console.log(path+file);
    fs.stat(path+file, function(err, stats) {
      console.log(stats);
    });
  });
});

fs.stat()함수는 아이템에 대한 정보를 제공한다. stat객체는 아래와 같은 정보를 제공한다.

{ dev: 2114,
  ino: 48064969,
  mode: 33188,
  nlink: 1,
  uid: 85,
  gid: 100,
  rdev: 0,
  size: 527,
  blksize: 4096,
  blocks: 8,
  atime: Mon, 10 Oct 2011 23:24:11 GMT,
  mtime: Mon, 10 Oct 2011 23:24:11 GMT,
  ctime: Mon, 10 Oct 2011 23:24:11 GMT }

atime, mtime, ctime은 Date인스턴스다. stat객체는 또한 아래와 같은 함수를 제공한다.

stats.isFile()
stats.isDirectory()
stats.isBlockDevice()
stats.isCharacterDevice()
stats.isSymbolicLink() (only valid with fs.lstat())
stats.isFIFO()
stats.isSocket()

레시피: 디렉토리 생성과 삭제

fs.mkdir('./newdir', 0666, function(err) {
  if(err) throw err;
  console.log('Created newdir');
  fs.rmdir('./newdir', function(err) {
    if(err) throw err;
    console.log('Removed newdir');
  });
});

stream객체를 이용해서 읽고 쓰기

stream객체는 chapter9에서 설명한다.

레시피: 파일을 읽어서 다른 파일에 쓰기

var file = fs.createReadStream('./data/results.txt', {flags: 'r'} );
var out = fs.createWriteStream('./data/results2.txt', {flags: 'w'});
file.on('data', function(data) {
  console.log('data', data);
  out.write(data);
});
file.on('end', function() {
  console.log('end');
  out.end(function() {
    console.log('Finished writing to file');
    //test.done();
  });
});

다른 방법으로 pipe()함수를 이용해서 할 수 있다.

var file = fs.createReadStream('./data/results.txt', {flags: 'r'} );
var out = fs.createWriteStream('./data/results2.txt', {flags: 'w'});
file.pipe(out);

레시피: 파일에 추가하기

var file = fs.createWriteStream('./data/results.txt', {flags: 'a'} );
file.write('HELLO!\n');
file.end(function() {
  test.done();
});

연습용 예제

Node는 여러 파일에 대한 비동기 접근이 자주 일어나기 때문에 큰 용량의 파일I/O처리에 대해서 주의해야 한다. 사용 가능한 파일핸들을 다 써버릴 수도 있다(제한된 운영 시스템에서 파일을 사용하는 경우). 또한 비동기 처리로 동작하면서 끝나는 순서가 보장되지 않은 상황이 오기 때문에 이전 챕터인 CONTROL FLOW에서 실행 순서를 조정하는 패턴에 대해서 논의를 했었다. 아래 예를 보자.

예제: 특정 디렉토리를 재귀적으로 탐색해서 파일을 찾기

이 예제에서는 주어진 경로에 대해서 재귀적으로 파일을 검색할 것이다. 검색할 경로, 검색할 파일이름, 찾기가 끝났을 때 호출할 콜백함수, 이렇게 3개의 파라메터를 받는다.

var fs = require('fs');

function findFile(path, searchFile, callback) {
  fs.readdir(path, function (err, files) {
    if(err) { return callback(err); }
    files.forEach(function(file) {
      fs.stat(path+'/'+file, function(err, stats) {
        if(err) { return callback(err); }
        if(stats.isFile() && file == searchFile) {
          callback(undefined, path+'/'+file);
        } else if(stats.isDirectory()) {
          findFile(path+'/'+file, searchFile, callback);
        }
      });
    });
  });
}

findFile('./test', 'needle.txt', function(err, path) {
  if(err) { throw err; }
  console.log('Found file at: '+path);
});

함수를 분리하여 좀 이해하기 쉽게 만들었다.

var fs = require('fs');

function findFile(path, searchFile, callback){
    function isMatch(err, stats, file){
        if(err) { return callback(err); }
        if(stats.isFile() && file == searchFile) {
            callback(undefined, path + '/' + file);
        } else if (stats.isDirectory()){
            statDirectory(path + '/' + file, isMatch);
        }
    }
    statDirectory(path, isMatch);
}

function statDirectory(path, callback){
    fs.readdir(path, function(err, files){
        if(err) { return callback(err); }
        files.forEach(function(file){
            fs.stat(path + '/' + file, function(err, stats){
                callback(err, stats, file);
            });
        });
    });
}

findFile('./test', 'needle.txt', function(err, path){
    if(err) { throw err; }
    console.log('Found file at: ' + path);
});

함수를 작은 파트별로 분리했다.

findFile: 이 코드는 전체 프로세스의 시작점이며, 입력값에 의해서 결과값과 함께 콜백을 리턴한다.
isMatch: stat()함수의 결과값을 가져오는 함수이고, 매칭이 됐는지 체크하는 필수로직이 있는 부분이다.
statDirectory: 이 함수는 경로를 읽고, 각각의 파일의 stat정보를 파라메터로 받는 콜백함수로 리턴한다.

PathIterator: EventEmitter를 이용하여 재사용을 향상시키기

EventEmitter를 이용하여 디렉토리를 탐색하는 방법의 모듈을 생성해서 재사용하는 방식으로 만들 것이다.

var fs = require('fs'),
    EventEmitter = require('events').EventEmitter,
    util = require('util');

var PathIterator = function() { };

// augment with EventEmitter
util.inherits(PathIterator, EventEmitter);

// Iterate a path, emitting 'file' and 'directory' events.
PathIterator.prototype.iterate = function(path) {
    var self = this;
    this.statDirectory(path, function(fpath, stats) {
        if(stats.isFile()) {
            self.emit('file', fpath, stats);
        } else if(stats.isDirectory()) {
            self.emit('directory', fpath, stats);
            //self.iterate(path+'/'+file);
            self.iterate(fpath);
        }
    });
};

// Read and stat a directory
PathIterator.prototype.statDirectory = function(path, callback) {
    fs.readdir(path, function (err, files) {
        if(err) { self.emit('error', err); }
            files.forEach(function(file) {
            var fpath = path+'/'+file;
            console.log(fpath);
            fs.stat(fpath, function (err, stats) {
                if(err) { self.emit('error', err); }
                callback(fpath, stats);
            });
        });
    });
};
module.exports = PathIterator;

보시다시피 EventEmitter를 확장해서 새로운 클래스를 만들었다. 그리고, 아래와 같이 발생시킬 수 있는 이벤트를 정의했다.

error - function(error): 에러 발생 시 발생.
file - function(filepath, stats): 파일의 전체경로와 fs.stat()의 결과
directory - function(dirpath, stats): 디렉토리의 전체경로와 fs.stat()의 결과

이제 디렉토리를 탐색하기 위해 이 유틸리티 클래스를 사용할 수 있다.

var PathIterator = require('./pathiterator.js');
function findFile(path, searchFile, callback) {
    var pi = new PathIterator();
    pi.on('file', function(file, stats) {
        if(file.indexOf(searchFile) > 0) {
            callback(undefined, file);
        }
    });
    pi.on('error', callback);
    pi.iterate(path);
}

findFile('./test', 'needle.txt', function(err, path){
    if(err) { throw err; }
    console.log('Found file at: ' + path);
});

이 방식이 순수 콜백 방식보다 좀 더 나은 결과와 확장성을 보여준다(예를 들어 file이벤트에서 file목록을 쉽게 찾을 수 있다).

경로를 탐색하는 코드 작성을 완료했다면, PathIterator EventEmitter는 코드를 단순화시킬될 것이다. 넌블로킹I/O가 이벤트 루프를 통해서 콜백하는 것이 남아있지만, 인터페이스는 매우 이해하기 쉽게 되었을 것이다. 아마 findFile()함수를 프로세스 일부에 쓰일 것이라면, 같은 모듈로 일부 로직을 몰라도 경로를 탐색하는 코드를 작성할 수 있다.

특화된 모듈 사용: async.js

EventEmitter를 이용한 I/O처리의 캡슐화는 도움이 되었지만, 좀 더 나은 모듈인 fjacob의 async.js모듈을 사용하여서도 처리할 수 있다. 이것은 FileSystem모듈에 정의된 것을 체인 방식으로 잘 캡슐화한 것이다. async.js를 이용한 findFile()함수를 보자:

var async = require('asyncjs');

function findFile(path, searchFile, callback){
    async.readdir(path)
        .stat()
        .filter(function(file){
            if (!file.stat.isFile()){
                findFile(file.path, searchFile, callback);
                return false;
            }
            return file.name == searchFile;
        })
        .end(function(err, file){
            if (!file){
                return;
            }
            callback(err, file.path);
        });
}

findFile('./test', 'needle.txt', function(err, path){
    if(err) { throw err; }
    console.log('Found file at: ' + path);
});

async.js에서는 다양한 기술들로 구성되어 있지만(Control flow챕터 참조), 체인 인터페이스를 사용한 작동만 사용했다.

포인트 - 노드에서 비동기I/O로 구성하는 것은 다른 환경이나 언어에서 보다 복잡할 수 있다. 이것은 파일 시스템을 다룰 때 매우 중요하다. 왜냐하면 어떤 것을 얻기 위해서는 긴 비동기 호출을 수행할 수 있기 때문이다.

그렇지만, 메인 코드로부터 더 나은 해결책을 찾아낼 가능성이 있다. 어떤 경우에는 매우 간결한 방법을 제공하는 라이브러리를 찾아서 처리할 수 있다(예를 들어 async.js 같은 것). 그리고, 다른 경우에는 모듈을 분리해서 프로세스의 파트를 나눠서 작업하는 경우도 있다(PathIterator 같은 것).

[Hadoop] 하둡 클러스터 구성 및 테스트(Cluster Setup)

머드초보 — Tue, 2 Jul 2013 18:42:48 +0900

하둡설치 클러스터 구성 이렇게 치면 다양한 설치 방법이 나오는데요. 그거랑 제가 지금 쓰는거랑 틀리지 않습니다-_- 그 문서를 가지고 삽질했습니다. 저도 나중에 진짜 업무에서 클러스터 구성할 기회가 있을지도 모르니 문서화합니다. 그냥 참고만 하세요.

공식문서입니다.
http://hadoop.apache.org/docs/r1.1.2/cluster_setup.html

아마 나중에는 2.x방식 대로 뭔가 바뀔 것 같은데, 현재 알파버전이 나왔습니다. 문서를 보면 뭔가 좀 틀리긴 합니다. 그건 또 나중에 삽질하기로 하고...
하둡 1.1.2버전 기준입니다.

서버를 3대로 했습니다. 운영체제는 ubuntu에서 했습니다.
namenode, jobtracker = 1대
secondarynamenode = 1대
datanode1 = 1대
그 외에 계속 datanode만 확장하면 됩니다.

1. 기본적으로 설치되어야할 것.

기본적으로 sshd, ssh, rsync가 설치되어야 함.
서로 접속이 가능하도록 키값 authorized_keys에 등록. 비밀번호 없이 모든 서버가 통신이 가능해야 합니다.

2. 서버를 알아보기 쉽게 하기 위해 /etc/hosts 수정

sudo vi /etc/hosts
192.168.0.1 namenode
192.168.0.2 secondarynode
192.168.0.3 datanode1
#192.168.0.4 datanode2
#192.168.0.5 datanode3

해당 아이피는 각각 서버 아이피를 입력하면 됩니다. 저는 가상머신이라.....

3. ssh-key값을 모든 서버가 비번없이 접속 가능하게 수정.

ssh localhost
ssh-keygen -t dsa -P '' ~/.ssh/id_dsa
cat ~/.ssh/id_dsa.pub >> ~/.ssh/authorized_keys

보면 키값을 만들고 자신에게 접속해도 비밀번호 묻지 않게 authorized_keys에 공개키를 추가하는 과정입니다.
그리고 나서 이 키값을 모든 서버에 동일하게 넣습니다. 그러면 모든 서버가 비밀번호 없이 접속할 수 있습니다.
손쉽게 rsync를 이용해서 넣으세요. 처음에는 비밀번호 물어볼겁니다. 대신 넣고 나서는 잘 될겁니다.

rsync -avz ~/.ssh/ mudchobo@secondarynode:~/.ssh/
rsync -avz ~/.ssh/ mudchobo@datanode1:~/.ssh/

그리고 다 접속한번 해보고 known_hosts에 등록이 되어야 합니다. 안그러면 hadoop이 서로 접속할 때 ssh로 접속하는데 yes/no 뜨는 거
The authenticity of host '~~~' can't be established.
RSA key fingerprint is 8e:52:c0:a7:1f:d8:4f:b5:5b:c3:05:f2:76:85:ab:65.
Are you sure you want to continue connecting (yes/no)?
요런거 뜨는데, 그래서 무슨 서로 연결이 안되어서 에러나요. 그래서 한번씩 접속해줘야 합니다. 모든 서버에서 다 해줘야함. 이것때문에 고생함ㅠ

ssh namenode
ssh secondarynode
ssh datanode1

4. 하둡은 자바기반이라 java설치

우분투라 저는 간단하게 아래명령어로 설치했습니다. 모든서버에 다 설치합니다.

sudo apt-get install openjdk-7-jdk

5. 하둡다운로드 및 압축풀기

namenode서버에서만 일단 다운로드 및 셋팅합니다. 나중에 다른 서버는 rsync로 그냥 동기화 시켜버릴겁니다.

wget http://apache.tt.co.kr/hadoop/common/hadoop-1.1.2/hadoop-1.1.2.tar.gz
tar xvf hadoop-1.1.2.tar.gz

6. 하둡설정 core-site.xml, hdfs-site.xml, mapred-site.xml

최소 필요설정만 할겁니다. 나머지 디폴트값은 src/core, src/hdfs, src/mapred에 있습니다. 대부분 자기 업무에 맞게 최적화하면 되는데, 옵션이....많군요....ㄷㄷ

core-site.xml

보면 hdfs:// 으로 시작해야 합니다. 그리고 namenode는 아이피로 써도 됩니다. 결국 호스트와 포트설정임.

<configuration>
        <property>
                <name>fs.default.name</name>
                <value>hdfs://namenode:9000</value>
        </property>
</configuration>

hdfs-site.xml

namenode저장 경로랑 datanode저장 경로 지정합니다. 아무곳이나 원하는 곳을 설정하세요.

<configuration>
        <property>
                <name>dfs.name.dir</name>
                <value>/home/mudchobo/hdfs/name</value>
        </property>
        <property>
                <name>dfs.data.dir</name>
                <value>/home/mudchobo/hdfs/data</value>
        </property>
</configuration>

mapred-site.xml

맵리듀스 관련해서 설정하는 겁니다. jobtracker를 어디다가 놓을지 설정하는데, 보통 namenode랑 같이 놓는 것 같은데, 일부 서버 따로 빼서 놓는다는 사람도 있는 것 같아요. 뭐 잘 몰라서 일단 저는 namenode서버에 설정합니다. 그리고, local.dir system.dir설정합니다. 뭐하는 디렉토리인지는 잘 모르겠어요.

<configuration>
        <property>
                <name>mapred.job.tracker</name>
                <value>namenode:9001</value>
        </property>
        <property>
                <name>mapred.local.dir</name>
                <value>/home/mudchobo/hdfs/mapred</value>
        </property>
        <property>
                <name>mapred.system.dir</name>
                <value>/home/mudchobo/hdfs/mapred</value>
        </property>
</configuration>

conf/hadoop-env.sh

여기에 JAVA_HOME 환경변수를 추가해줘야 해요. 전역으로 되어있다면 안해도 되는데 혹시 모르니...
우분투 oepnjdk-7-jdk로 설치한 경우 JAVA_HOME은 /usr/lib/jvm/java-7-openjdk-amd64

export JAVA_HOME=/usr/lib/jvm/java-7-openjdk-amd64

conf/master

여기 서버리스트는 secondary namenode서버목록을 넣습니다. 아이피로 써도 되고 네임호스트로 써도 됩니다.

secondarynode

conf/slaves

여기 서버리스트는 datanode를 넣습니다. 아이피로 써도 되고 네임호스트로 써도 됩니다. 나중에 확장할 때 datanode서버만 추가해주면 손쉽게 확장을 할 수 있습니다.

datanode1

7. rsync로 secondary namenode서버와 datanode서버에 하둡 복사

rsync로 그냥 복사해버립니다.

rsync -avz ~/hadoop-1.1.2/ mudchobo@secondarynode:~/hadoop-1.1.2/
rsync -avz ~/hadoop-1.1.2/ mudchobo@datanode1:~/hadoop-1.1.2/

8. 데몬 구동 실행

하둡홈/bin/start-all.sh 이라는 스크립트가 있는데, 이게 이제 위에 설정대로 구동하게 됩니다. namenode, jobtracker, secondarynamenode, datanode들을 띄우게 되는데, 설정대로 라면 namenode와 jobtracker는 namenode호스트로 9000, 9001로 뜨게 되고, secondarynamenode는 masters목록에서 띄우고, datanode는 slaves목록에 있는 것을 띄우게 됩니다. 그러니 다 각각 서버에 같은 디렉토리와 셋팅이 있으면 됩니다. 7번에서 rsync로 맞췄기 때문에 다 같은 환경설정입니다.

시작하기전에 namenode를 포맷하고 시작해야해요.

bin/hadoop namenode -format

시작 스크립트를 수행합니다.

mudchobo@ubuntu1:~/hadoop-1.1.2$ bin/start-all.sh
starting namenode, logging to /home/mudchobo/hadoop-1.1.2/libexec/../logs/hadoop-mudchobo-namenode-ubuntu1.out
datanode1: starting datanode, logging to /home/mudchobo/hadoop-1.1.2/libexec/../logs/hadoop-mudchobo-datanode-ubuntu3.out
secondarynode: starting secondarynamenode, logging to /home/mudchobo/hadoop-1.1.2/libexec/../logs/hadoop-mudchobo-secondarynamenode-ubuntu2.out
starting jobtracker, logging to /home/mudchobo/hadoop-1.1.2/libexec/../logs/hadoop-mudchobo-jobtracker-ubuntu1.out
datanode1: starting tasktracker, logging to /home/mudchobo/hadoop-1.1.2/libexec/../logs/hadoop-mudchobo-tasktracker-ubuntu3.out
mudchobo@ubuntu1:~/hadoop-1.1.2$

jps 라는 명령어가 있는데 java에서 지원하는 건데, java로 실행하고 있는 프로세스 목록을 보여주는 것이에요. 그래서 각각 서버 들어가서 데몬이 잘 떠있는지 확인해봐야해요.

namenode 서버

mudchobo@ubuntu1:~/hadoop-1.1.2$ jps
26206 NameNode
26498 Jps
26383 JobTracker
mudchobo@ubuntu1:~/hadoop-1.1.2$

secondarynamenode 서버

mudchobo@ubuntu2:~$ jps
10704 Jps
10434 SecondaryNameNode
mudchobo@ubuntu2:~$

datanode1 서버

mudchobo@ubuntu3:~$ jps
17049 TaskTracker
16827 DataNode
17347 Jps
mudchobo@ubuntu3:~$

9. 초간단 MapReduce 예제 실행

다 잘 떠있으니 예제를 돌려보면요. 기본 문서에 나와있는 예제를 돌려봅시다.
conf파일을 hdfs에 put하고 거기서 dfs문자를 찾아서 grep하는 예제입니다.

mudchobo@ubuntu1:~/hadoop-1.1.2$ bin/hadoop fs -put conf input
mudchobo@ubuntu1:~/hadoop-1.1.2$ bin/hadoop fs -ls
Found 1 items
drwxr-xr-x   - mudchobo supergroup          0 2013-07-02 18:35 /user/mudchobo/input
mudchobo@ubuntu1:~/hadoop-1.1.2$ bin/hadoop jar hadoop-examples-1.1.2.jar grep input output 'dfs[a-z.]+'
13/07/02 18:36:26 INFO util.NativeCodeLoader: Loaded the native-hadoop library
13/07/02 18:36:26 WARN snappy.LoadSnappy: Snappy native library not loaded
13/07/02 18:36:26 INFO mapred.FileInputFormat: Total input paths to process : 16
13/07/02 18:36:26 INFO mapred.JobClient: Running job: job_201307021835_0001
13/07/02 18:36:27 INFO mapred.JobClient: map 0% reduce 0%
13/07/02 18:36:35 INFO mapred.JobClient: map 12% reduce 0%
13/07/02 18:36:41 INFO mapred.JobClient: map 25% reduce 0%
13/07/02 18:36:46 INFO mapred.JobClient: map 37% reduce 0%
13/07/02 18:36:51 INFO mapred.JobClient: map 50% reduce 0%
13/07/02 18:36:53 INFO mapred.JobClient: map 50% reduce 16%
13/07/02 18:36:56 INFO mapred.JobClient: map 62% reduce 16%
13/07/02 18:37:00 INFO mapred.JobClient: map 68% reduce 16%
13/07/02 18:37:01 INFO mapred.JobClient: map 75% reduce 16%
13/07/02 18:37:02 INFO mapred.JobClient: map 75% reduce 20%
13/07/02 18:37:05 INFO mapred.JobClient: map 75% reduce 25%
13/07/02 18:37:06 INFO mapred.JobClient: map 87% reduce 25%
13/07/02 18:37:11 INFO mapred.JobClient: map 100% reduce 29%
13/07/02 18:37:15 INFO mapred.JobClient: map 100% reduce 100%
13/07/02 18:37:16 INFO mapred.JobClient: Job complete: job_201307021835_0001
13/07/02 18:37:16 INFO mapred.JobClient: Counters: 30
13/07/02 18:37:16 INFO mapred.JobClient:   Job Counters
13/07/02 18:37:16 INFO mapred.JobClient:     Launched reduce tasks=1
13/07/02 18:37:16 INFO mapred.JobClient:     SLOTS_MILLIS_MAPS=82690
13/07/02 18:37:16 INFO mapred.JobClient:     Total time spent by all reduces waiting after reserving slots (ms)=0
13/07/02 18:37:16 INFO mapred.JobClient:     Total time spent by all maps waiting after reserving slots (ms)=0
13/07/02 18:37:16 INFO mapred.JobClient:     Launched map tasks=16
13/07/02 18:37:16 INFO mapred.JobClient:     Data-local map tasks=16
13/07/02 18:37:16 INFO mapred.JobClient:     SLOTS_MILLIS_REDUCES=40275
13/07/02 18:37:16 INFO mapred.JobClient:   File Input Format Counters
13/07/02 18:37:16 INFO mapred.JobClient:     Bytes Read=27225
13/07/02 18:37:16 INFO mapred.JobClient:   File Output Format Counters
13/07/02 18:37:16 INFO mapred.JobClient:     Bytes Written=206
13/07/02 18:37:16 INFO mapred.JobClient:   FileSystemCounters
13/07/02 18:37:16 INFO mapred.JobClient:     FILE_BYTES_READ=102
13/07/02 18:37:16 INFO mapred.JobClient:     HDFS_BYTES_READ=28995
13/07/02 18:37:16 INFO mapred.JobClient:     FILE_BYTES_WRITTEN=871542
13/07/02 18:37:16 INFO mapred.JobClient:     HDFS_BYTES_WRITTEN=206
13/07/02 18:37:16 INFO mapred.JobClient:   Map-Reduce Framework
13/07/02 18:37:16 INFO mapred.JobClient:     Map output materialized bytes=192
13/07/02 18:37:16 INFO mapred.JobClient:     Map input records=771
13/07/02 18:37:16 INFO mapred.JobClient:     Reduce shuffle bytes=192
13/07/02 18:37:16 INFO mapred.JobClient:     Spilled Records=8
13/07/02 18:37:16 INFO mapred.JobClient:     Map output bytes=88
13/07/02 18:37:16 INFO mapred.JobClient:     Total committed heap usage (bytes)=3252924416
13/07/02 18:37:16 INFO mapred.JobClient:     CPU time spent (ms)=4080
13/07/02 18:37:16 INFO mapred.JobClient:     Map input bytes=27225
13/07/02 18:37:16 INFO mapred.JobClient:     SPLIT_RAW_BYTES=1770
13/07/02 18:37:16 INFO mapred.JobClient:     Combine input records=4
13/07/02 18:37:16 INFO mapred.JobClient:     Reduce input records=4
13/07/02 18:37:16 INFO mapred.JobClient:     Reduce input groups=4
13/07/02 18:37:16 INFO mapred.JobClient:     Combine output records=4
13/07/02 18:37:16 INFO mapred.JobClient:     Physical memory (bytes) snapshot=2754953216
13/07/02 18:37:16 INFO mapred.JobClient:     Reduce output records=4
13/07/02 18:37:16 INFO mapred.JobClient:     Virtual memory (bytes) snapshot=12783337472
13/07/02 18:37:16 INFO mapred.JobClient:     Map output records=4
13/07/02 18:37:16 INFO mapred.FileInputFormat: Total input paths to process : 1
13/07/02 18:37:16 INFO mapred.JobClient: Running job: job_201307021835_0002
13/07/02 18:37:17 INFO mapred.JobClient: map 0% reduce 0%
13/07/02 18:37:23 INFO mapred.JobClient: map 100% reduce 0%
13/07/02 18:37:31 INFO mapred.JobClient: map 100% reduce 33%
13/07/02 18:37:33 INFO mapred.JobClient: map 100% reduce 100%
13/07/02 18:37:34 INFO mapred.JobClient: Job complete: job_201307021835_0002
13/07/02 18:37:34 INFO mapred.JobClient: Counters: 30
13/07/02 18:37:34 INFO mapred.JobClient:   Job Counters
13/07/02 18:37:34 INFO mapred.JobClient:     Launched reduce tasks=1
13/07/02 18:37:34 INFO mapred.JobClient:     SLOTS_MILLIS_MAPS=5959
13/07/02 18:37:34 INFO mapred.JobClient:     Total time spent by all reduces waiting after reserving slots (ms)=0
13/07/02 18:37:34 INFO mapred.JobClient:     Total time spent by all maps waiting after reserving slots (ms)=0
13/07/02 18:37:34 INFO mapred.JobClient:     Launched map tasks=1
13/07/02 18:37:34 INFO mapred.JobClient:     Data-local map tasks=1
13/07/02 18:37:34 INFO mapred.JobClient:     SLOTS_MILLIS_REDUCES=9109
13/07/02 18:37:34 INFO mapred.JobClient:   File Input Format Counters
13/07/02 18:37:34 INFO mapred.JobClient:     Bytes Read=206
13/07/02 18:37:34 INFO mapred.JobClient:   File Output Format Counters
13/07/02 18:37:34 INFO mapred.JobClient:     Bytes Written=64
13/07/02 18:37:34 INFO mapred.JobClient:   FileSystemCounters
13/07/02 18:37:34 INFO mapred.JobClient:     FILE_BYTES_READ=102
13/07/02 18:37:34 INFO mapred.JobClient:     HDFS_BYTES_READ=324
13/07/02 18:37:34 INFO mapred.JobClient:     FILE_BYTES_WRITTEN=100996
13/07/02 18:37:34 INFO mapred.JobClient:     HDFS_BYTES_WRITTEN=64
13/07/02 18:37:34 INFO mapred.JobClient:   Map-Reduce Framework
13/07/02 18:37:34 INFO mapred.JobClient:     Map output materialized bytes=102
13/07/02 18:37:34 INFO mapred.JobClient:     Map input records=4
13/07/02 18:37:34 INFO mapred.JobClient:     Reduce shuffle bytes=102
13/07/02 18:37:34 INFO mapred.JobClient:     Spilled Records=8
13/07/02 18:37:34 INFO mapred.JobClient:     Map output bytes=88
13/07/02 18:37:34 INFO mapred.JobClient:     Total committed heap usage (bytes)=211382272
13/07/02 18:37:34 INFO mapred.JobClient:     CPU time spent (ms)=710
13/07/02 18:37:34 INFO mapred.JobClient:     Map input bytes=120
13/07/02 18:37:34 INFO mapred.JobClient:     SPLIT_RAW_BYTES=118
13/07/02 18:37:34 INFO mapred.JobClient:     Combine input records=0
13/07/02 18:37:34 INFO mapred.JobClient:     Reduce input records=4
13/07/02 18:37:34 INFO mapred.JobClient:     Reduce input groups=1
13/07/02 18:37:34 INFO mapred.JobClient:     Combine output records=0
13/07/02 18:37:34 INFO mapred.JobClient:     Physical memory (bytes) snapshot=236998656
13/07/02 18:37:34 INFO mapred.JobClient:     Reduce output records=4
13/07/02 18:37:34 INFO mapred.JobClient:     Virtual memory (bytes) snapshot=1511505920
13/07/02 18:37:34 INFO mapred.JobClient:     Map output records=4
mudchobo@ubuntu1:~/hadoop-1.1.2$ bin/hadoop fs -cat output/*
1       dfs.data.dir
1       dfs.name.dir
1       dfs.server.namenode.
1       dfsadmin
cat: File does not exist: /user/mudchobo/output/_logs
mudchobo@ubuntu1:~/hadoop-1.1.2$

dfs로 시작하는거 4개를 찾았네요. 간단히 하둡위에서 돌아가는 맵리듀스 예제였음 ㅇㅇ

[Node.js] socket.io의 room 기능을 이용한 랜덤채팅

머드초보 — Wed, 26 Jun 2013 17:36:22 +0900

socket.io에는 room 기능이 있습니다. 말그대로 그 방에 들어가면 그 방에 있는 사람들끼리만 메세지를 주고 받을 수 있는 기능입니다.

https://github.com/LearnBoost/socket.io/wiki/Rooms

처음에 이런 기능이 있는 줄 모르고 구현했었는데, wiki를 찾아보니 있네요.

사용법은 간단해요. 해당 socket 객체에 join, leave함수가 존재해요. join하고 방이름을 string으로 적으면 방에 입장하는 것이고, leave하면 방에서 나가는 것이에요.

그리고 방에 있는 사용자들에게 메세지를 보내려면
io.sockets.in('room').emit('event_name', data);
이렇게 하면 돼요.

그래서 이걸 이용해서 손쉽게 랜덤채팅을 만들 수 있어요. 사용자가 접속하면 자기 id로 방을 만들고, 다른 사용자가 들어왔을 때 1명이 있는 방이 있으면 입장시키면 돼요. 그럼 두명이서만 대화를 할 수 있어요. 나중에 disconnect할 때에는 그 사용자가 어디에 접속해있는지 socketRoom객체에 저장해두었다가 그 방을 폭파시키고 로비로 보내버리면 돼요.

※여기서 좀 주의할 점이 방을 만들면 io.sockets.manager.rooms에 방 목록을 볼 수 있는데, 여기에 방키값 앞에 "/"가 붙습니다. 그래서 다른 사용자들을 그 키로 입장 시킬 때 그 값을 제거하고 넣어야 하더라구요.

app.js

index.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>socketio redis store</title>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="/socket.io/socket.io.js"></script>
    <script type="text/javascript">
        var socket = io.connect('http://<%=host%>');

        $(document).ready(function(){
            socket.on('connected', function(){
                console.log('connected');
            });

            // 매칭완료되었을 때
            socket.on('completeMatch', function(data){
                console.log('completeMatch!');
                $('.lobby').hide();
                $('.wait').hide();
                $('.chat').show();
            });

            // 대화를 받았을 때
            socket.on('receiveMessage', function(data){
                $('.chatResult').append('<li>' + data.message + '</li>');
            });
            // 상대방이 나갔을 때 나도 같이 로비로 나감.
            socket.on('disconnect', function(data){
                console.log('disconnect');
                $('.lobby').show();
                $('.chat').hide();
            });

            // 랜덤요청 시
            $('#btnRequestRandomChat').click(function(){
                $('.lobby').hide();
                $('.wait').show();
                socket.emit('requestRandomChat');
            });

            // 요청 취소 시
            $('#btnCancelRequest').click(function(){
                $('.lobby').show();
                $('.wait').hide();
                $('.chat').hide();
                socket.emit('cancelRequest');
            });

            // 엔터입력 시
            $('#inputMessage').keyup(function(e){
                if (e.keyCode == 13){
                    send();
                }
            });
            // 채팅 내용 전송 시
            $('#btnChat').click(function(){
                send();
            });
        });

        function send(){
            var message = $('#inputMessage').val();
            if (message.length < 1){
                alert('내용을 입력하세요.');
                return;
            }
            socket.emit('sendMessage', {message:message});
            $('#inputMessage').val('');
        }
    </script>
</head>
<body>
    <div class="lobby container">
        <button id="btnRequestRandomChat" class="btn">채팅입장</button>
    </div>
    <div class="wait container" style="display:none">
        <div>상대방을 기다리는 중...</div>
        <button id="btnCancelRequest" class="btn">취소</button>
    </div>
    <div class="chat container" style="display:none">
        <input type="text" id="inputMessage" class="input-medium search-query" />
        <button type="submit" id="btnChat" class="btn">전송</button>
        <ul class="chatResult">
        </ul>
    </div>
</body>
</html>

이상입니다.

heroku에도 올려봤어요.
http://random-chat.herokuapp.com/

소스는 github에.....
https://github.com/mudchobo/nodejs-random_chat

[Node.js] socket.io에 redis를 이용해서 여러 서버에서 사용하기

머드초보 — Tue, 25 Jun 2013 11:47:34 +0900

socket.io는 일단 기본 store가 메모리 기반이여서 프로세스를 하나 띄우면 거기서 밖에 socket.io 접속자들을 공유를 못해요. 그래서 socket.io에서는 store를 redis로 변경해서 여러 프로세스에서도 공유를 할 수 있는 옵션을 제공을 해요.

var RedisStore = require('socket.io/lib/stores/redis')
  , redis  = require('socket.io/node_modules/redis')
  , pub    = redis.createClient()
  , sub    = redis.createClient()
  , client = redis.createClient();

io.set('store', new RedisStore({
  redisPub : pub
, redisSub : sub
, redisClient : client
}));

이렇게 하면 된답니다.

그래서 한 번 해보면, redis를 설치해야해요. 저는 windows환경이라 virtualbox에 ubuntu설치하고 redis를 설치했어요. 아 그리고 나중에 redis도 1대로 못버티면 redis도 clustering해야하는데, 이건 나중에 삽질 해보고....

이게 원리가 redis에서 제공하는 pub/sub기능을 이용해서 하는건데, 하나의 서버에서 pub/sub를 만들고 연결해놓고 나중에 현재 서버에서 접속이 들어오면 다른 서버들에 publish를 해서 알려주고, 다른 서버는 구독중이기에 연결된 데이터를 받을 수 있습니다.

대략 소스는 이러합니다.

server.js

index.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>socketio redis store</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="/socket.io/socket.io.js"></script>
    <script>
        var socket = io.connect('http://<%=host%>');

        $(document).ready(function(){
            socket.on('message', function(data){
                $('#chat').append('<li>' + data.message + '</li>');
            });

            $('#btnSend').click(function(){
                send();
            });
            $('#inputText').keyup(function(e){
                if (e.keyCode == 13){
                    send();
                }
            });
        });
        function send(){
            var message = $('#inputText').val();
            if (message.length < 1){
                return;
            }
            socket.emit('message', {message:message});
            $('#chat').append('<li>' + message + '</li>');
            $('#inputText').val('');
        }
    </script>
</head>
<body>
    socketio redis store...<br />
    <input type="text" id="inputText" />
    <button id="btnSend">보내기</button>
    <ul id="chat">
    </ul>
</body>
</html>

node app.js 10001

node app.js 10002

두 개 띄워놓고 localhost:10001, localhost:10002 접속하면 두 서버에서 같은 방에 있는 것처럼 채팅을 할 수 있습니다.

redis는 기본적으로 127.0.0.1로 bind를 해서 외부에서 접속을 할 수 없습니다. 그래서 /etc/redis/redis.conf 파일을 수정해서 bind 127.0.0.1을 주석처리하거나 알맞게 수정하시면 됩니다.

socket.io는 참 잘해놓은게 다른 것은 전혀 신경쓸 것이 없이 store옵션만 바꾸어서 socket들의 정보 저장위치를 변경하게 만들어 놨습니다. 나중에 서버 확장을 할 때에도 매우 쉽게 할 수 있습니다.(하지만, redis clustering 조회해보고 있는데 힘들어보이는.....)

소스는 github에.......

https://github.com/mudchobo/nodejs-socketio_redis_store

[git] 서버에 hooks을 이용해서 push 후 자동으로 웹서버에 배포하기

머드초보 — Tue, 1 May 2012 19:17:55 +0900

제목이 뭔가 거창한데, 그냥 소스파일을 그대로 원하는 웹서버에 배포하는 내용입니다. java 개발인 경우에는 뭐 필요없지만, php인 경우에는 컴파일이 필요없이 웹서버에 복사만 하면 되는 경우라 이 방법을 택했습니다.
개인별로 개발하고 푸쉬타임에 해당 웹서버에 배포하게 되어서 서버에서 테스트해볼 수 있는 구조를 만드려고 했습니다.

환경은 gitolite + gitlab으로 설치되어 있는 환경입니다.

구조는 간단합니다.
배포하려는 서버에 git을 clone을 합니다. 그리고, 서버훅을 이용해서 push 후에 스크립트를 실행할 수 있는 스크립트를 실행해서 그 서버에서 pull을 하거나 reset을 하면 됩니다.
이 구조는 git서버, 배포서버, 로컬 이렇게 다 나눠진 경우입니다.

1. 배포할 서버에 git서버 공개키 추가
이걸 하는 이유가 서버와 git서버가 틀린 경우에 하는 겁니다. git서버에서 해당 배포서버에 비번없이 접속하려고 하다보니 ssh키가 필요합니다.
git서버로 접속해서 ssh키를 생성합니다.

sudo su git
ssh-keygen -t rsa
cd ~/.ssh
cat id_rsa.pub

id_rsa.pub 파일을 복사해서 배포할 서버의 ~/.ssh 디렉토리 안에 authorized_keys 파일을 생성해서 붙여넣습니다. 그럼 이제, git -> 배포서버에서 ssh접속 시 비밀번호 없이 접속할 수 있습니다.

2. 해당 서버에 공개키를 git서버에 추가
이걸 하는 이유는 해당 서버에서 git서버에서 clone을 받아야 하기 때문입니다. 즉 서로 등록이 필요한 것이죠. 으핫. 위와 동일한 방법으로 ssh-keygen으로 생성합니다. 그리고 id_rsa.pub파일을 복사해서 authorized_keys파일에 추가합니다. gitlab을 사용하고 있다면 사용자 ssh키 등록만 해주면 되겠죠?

3. 해당 배포 디렉토리에 git clone하기
소스가 있는 git repository를 해당 배포할 디렉토리에 clone을 합니다. 저는 일단 아파치 기본 폴더에 했습니다. 일단 clone 시에는 다 지워야해서... 다 지우고 clone!

cd /var/www
rm -rf *
cd ..
git clone 해당git주소(ex:git@domain:mudchobo.git) www

이렇게 하면 /var/www가 해당 repository가 되어버립니다. 루트가 되어버리는 것이죠.

4. hooks 설정
일단 해당 서버에 pull을 하는 스크립트를 작성해서 스크립트가 실행될 수 있게 합니다.

vi /var/www/pull.sh
cd /var/www/
git pull origin
:wq
chmod +x pull.sh

gitolite로 설치를 해서 해당 서버훅을 사용하려면 git계정으로 접속하면 repositories 디렉토리에 hooks 관련 스크립트 디렉토리가 있습니다. 여기서 post-update 스크립트에 넣으면 client에서 push를 할 때 실행되게 됩니다.

cd /home/git/repositories/mudchobo.git/hooks
vi post-update
ssh mudchobo@서버주소 "/var/www/pull.sh"
:wq

여기서 post-update를 한 번 실행을 해줘서 신뢰할 수 있는 사이트에 등록을 해줘야합니다. 스크립트 실행 시 한번에 다 실행이 되야해서 yes/no 물음이 없어야 하거든요. 그래서 한번 실행해서 신뢰할 수 있는 사이트에 등록합니다.

5. 클라이언트에서 push하기
이제 다른 pc에서 push하면 바로 해당 서버에서 자동으로 pull이 되게 됩니다. 그래서 push타임에 서버에 배포되는 것처럼 되는 것이지요.

vi index.php
<?php
    phpinfo();
?>
:wq
git add .
git commit -m "index add"
git push origin
Counting objects: 5, done.
Delta compression using up to 2 threads.
Compressing objects: 100% (2/2), done.
Writing objects: 100% (3/3), 282 bytes, done.
Total 3 (delta 0), reused 0 (delta 0)
remote: From localhost:mudchobo
remote:    3455f24..308e01a master     -> origin/master
remote: Updating 3455f24..308e01a
remote: Fast-forward
remote: index.php |    1 +
remote: 1 file changed, 1 insertion(+)
To git@192.168.198.130:mudchobo.git
   3455f24..308e01a master -> master

저희는 일단 이렇게 쓰려고 지금 셋팅을 하고 있는데.....제대로 된 것이 맞는지 의문이네요. 하다가 잘 안되면 다시 방법이 바뀔지도......ㅠㅠ

[GITLAB] GITLAB 우분투(Ubuntu) 서버에 설치하기

머드초보 — Tue, 1 May 2012 14:56:12 +0900

회사에서 git를 도입하려고 하는데, 그래서 막 조사하다보니 github enterprise같은 게 있더라구요. 근데, 이건 한 달에 $20 금액을 내야해서 너무 비쌌습니다. 그래서 오픈소스로 github같은 UI의 툴이 있더라구요. 그게 GITLAB입니다.

이거 근데 설치하는데 너무 힘들어서.......설치하다가 빡칠 뻔했습니다. 근데, 회사에선 오래 걸렸는데, 집에서 다시 와서 차근차근 해보니 금방 설치했네요. 뭔가 좀 이해를 하고 설치를 하니까 금방 설치한 것 같네요.

아 우분투는 최신버전인 12.04 버전을 사용했습니다.

gitlab 사이트입니다.
http://gitlabhq.com/
보면 사이트에서 Try It을 하면 체험할 수 있어요.

아래 문서는 gitlab 공식 설치 페이지입니다.
https://github.com/gitlabhq/gitlabhq/blob/master/doc/installation.md

이 문서대로 보고 하면 잘 되야는데, 저 같은 경우에는 뭔가 삑사리가 몇 번 났습니다. 뭔가 설치가 안되어있다고 자주 떴는데, 그래서 이것저것 모아보니 apt-get install로 이것저것 많이 설치해줘야 하더라구요.
제가 설치한 히스토리를 정리합니다.

요거 아래 것처럼 이렇게 많이 설치합니다.

sudo apt-get install build-essential git-core wget curl gcc checkinstall libxml2-dev libxslt-dev sqlite3 libsqlite3-dev libcurl4-openssl-dev libreadline-dev libc6-dev libssl-dev libmysql++-dev make build-essential zlib1g-dev libicu-dev redis-server openssh-server python-dev python-pip libyaml-dev

그 다음 공식사이트에서 제공하는 루비 + gitolite를 한번에 설치해주는 스크립트를 실행합니다.

curl https://raw.github.com/gitlabhq/gitlabhq/master/doc/debian_ubuntu.sh | sh

근데, 저 같은 경우에는 마지막에 뭔가 퍼미션 에러랑 패스에러가 같이 나면서 설치가 잘 안된 것 같았습니다. 그래서 이 부분을 다시 했습니다. 이런 에러가 떴었어요.

***** WARNING *****
gl-setup is not in your $PATH.

Since gl-setup MUST be run from the PATH (and not as src/gl-setup or such),
you must fix this before running gl-setup. The simplest way is to add

PATH=/home/git/bin:$PATH

to the end of your bashrc or similar file. You can even simply run that
command manually each time you log in and want to run a gitolite command.

그래서 패스잡아주는 게 잘 안된 것 같아 .profile만드는 부분 부터 다시 했습니다.

sudo -u git sh -c 'echo "PATH=\$PATH:/home/git/bin\nexport PATH" > /home/git/.profile'
sudo -u git -i -H /home/git/gitolite/src/gl-system-install
sudo cp /home/gitlab/.ssh/id_rsa.pub /home/git/gitlab.pub
sudo chmod 777 /home/git/gitlab.pub

sudo -u git -H sed -i 's/0077/0007/g' /home/git/share/gitolite/conf/example.gitolite.rc
sudo -u git -H sh -c "PATH=/home/git/bin:$PATH; gl-setup -q /home/git/gitlab.pub"

sudo chmod -R g+rwX /home/git/repositories/
sudo chown -R git:git /home/git/repositories/

sudo -u gitlab -H git clone git@localhost:gitolite-admin.git /tmp/gitolite-admin
sudo rm -rf /tmp/gitolite-admin

해보니 테스트로 잘 받아지고, 잘 삭제가 되었습니다.
그 다음 문서에 4단계부터 하는 것은 그대로 진행하면 잘 됩니다.

sudo gem install charlock_holmes
sudo pip install pygments
sudo gem install bundler
cd /home/gitlab
sudo -H -u gitlab git clone git://github.com/gitlabhq/gitlabhq.git gitlab
cd gitlab
sudo -u gitlab cp config/gitlab.yml.example config/gitlab.yml
sudo -u gitlab cp config/database.yml.sqlite config/database.yml
sudo -u gitlab -H bundle install --without development test --deployment
sudo -u gitlab bundle exec rake gitlab:app:setup RAILS_ENV=production

이렇게 하면 설치가 잘 됩니다. 또 저 같은 경우에는 pygments 설치하다가 잠시 다운로드 에러가 나서 안된 경우도 있었는데, 에러가 났는지 잘 확인하시고, 에러나면 다시 시도해서 하면 될 것 같습니다.

그 다음 서버를 시작하면 끝입니다.

sudo -u gitlab bundle exec rails s -e production -d

http://서버ip:3000/ 하면 로그인 하라고 뜨고, 로그인 아이디와 비번은 db셋팅할 때 나오는 것처럼
admin@local.host
5iveL!fe
하면 됩니다.

PS. 블로그를 보니 5월 22일에 3.0릴리즈를 준비중인 것 같은데, 코드를 최적화해서 할 것 같은데, 설치도 간편하게 만드는 게 더 중요할 듯?ㅠㅠ

[책] Javascript 자바스크립트 성능 최적화...

머드초보 — Thu, 22 Mar 2012 11:32:56 +0900

최근 자바스크립트가 급부상하면서 자바스크립트 관련된 책을 여러 개 읽고 있습니다. 진짜 보면서 느끼는 게 내가 지금까지 병신같이 개발해왔구나 라는 생각이 많이 드네요.

JavaScript자바스크립트성능최적화
카테고리	컴퓨터/IT > 프로그래밍/언어
지은이	니콜라스 자카스 (한빛미디어, 2011년)
상세보기

보니까 야후에서 YUI라는 라이브러리가 있는데, 그걸 만든 사람이 쓴 것 같아요. 그걸 만든 사람 시리즈 중에 자바스크립트 패턴이라고 있는데, 그것도 같이 보고 있어요.

일단, 다 읽어보면 매우 기본적인 내용을 바탕으로 하고 있습니다. 이렇게 쓰면 더 빠르다는 것을 주로 강조를 하며 빠르게 사용할 수 있는 여러 방법을 제시합니다. 보면 대부분 매우 간단하거나 쉽게 적용할 수 있는 내용이 많습니다. 이런 것들을 하나하나 모으면 사이트가 정말 최적화가 잘 되겠죠. 좋은 책인 것 같습니다. 그래서 우리가 만든 사이트들이 너무 느리다는 것을 이 책을 읽고 깨닫게 되었죠ㅠㅠ

1. 로딩과 실행
첫번째 장에서는 스크립트 위치와 로딩하는 순서에 대해서 간단히 얘기합니다. 보면 동적으로도 로딩하는 방법이 나옵니다. 이런 식으로도 스크립트를 삽입할 수 있는지 몰랐네요. 뭐 결론은 스크립트 태그를 포함하는 파일을 최소화하고 UI표시에 영향을 주지 않게 하는 것이 가장 큰 목적이겠네요.

2. 데이터접근
Javascript 코딩할 때 this가 짜증나서 전역변수를 선언해서 그냥 쓰거나 매번 document에 접근해서 쓰거나 뭐 이런 식의 코딩을 많이 했는데, 이런 전역변수를 계속 쓰게 되면 엔진이 스코프를 뒤지면서 계속 찾아야하니 느려진다는 것입니다. 그래서 지역변수를 주로 쓰는 것을 말하고 있고, 객체멤버 깊이도 줄여서 선언 및 사용해야 한다는 것을 설명하고 있네요.

3. DOM 스크립팅
DOM을 컨트롤하기 위해서는 DOM을 객체에서 찾거나 생성해야 해요. 찾으려면 selector를 통해 찾아야하고, 생성하려면 createElement를 통해 생성해야 해요. 그래서 이 책이 얘기하는 것은 비표준이더라도 innerHTML이나 querySelectorAll같은 함수를 활용하여 처리하는 게 빠르게 해결할 수 있는 것이라고 하네요. 그 외에 리페인트와 리플로우 개념에 대해서는 꼭 이해를 하고 가야 더욱 빠르게 dom을 추가하고 수정할 수 있다는 걸 설명하네요.

4. 알고리즘과 흐름 제어
루프는 뭐 다 비슷한데, 반복문이라면 length값 캐쉬하는 게 가장 중요합니다. 그 외에 반복횟수 줄이거나 그런 것들은 여러 프로그래밍 개발 언어에서도 충분히 적용될만한 내용이네요. 재귀함수(전 재귀가 싫어요.....-_-)에 대해서 캐쉬를 하는 메모이제이션 내용도 뭐 다른 프로그래밍 개발에도 잘 쓰이는 내용이네요.

5. 문자열과 정규 표현식
정규식은.......좀 더 공부를 해봐야겠습니다......

6. 응답성좋은 인터페이스
클릭과 동시에 반응하는 웹이야 말로 제대로 된 웹이겠지요. 뭐 html5의 내용인 웹워커 내용이 있는데, 이건 뭐 적용할 수 없죠. IE에서 지원을 안하니... 내용은 타이머를 통해 오래걸리는 처리는 처리에 맡기고 반응은 타이머콜백을 통해 빨리빨리 보이겠다는 것입니다. 근데 내용을 좀 이해할 수 없군요....-_- 좀 더 읽어봐야겠네요...

7. Ajax
일반적인 ajax내용이고, 비콘이라는 Image태그를 이용해서 서버에 보내는 재미있는 내용이 있네요. 그냥 단순히 쏘기만 할 때 좋은 듯. 그 외에 데이터포맷은 뭐가 빠른지에 대해서 설명이 되어있네요. json이 역시 짱이죠 ㅇㅇ

8. 프로그래밍 사례
eval, function 뭐 이런거 앵간해서는 쓰지말고, 객체 배열 리터럴 쓰고, 작업을 반복하지 말고, 뭐 읽어보면 매우 간단한 내용들이 있는데, 우리들이 개발하다보면 빨리 개발하다가 지나칠 수 있는 내용들이 많이 있습니다. 그리 어렵지 않으니 잘 읽고 잘 적용하면 좋을 듯 합니다.

9. 고성능 자바스크립트 애플리케이션 빌드와 배포
js 압축에 대해서 다룹니다. 뭐 압축하면 용량도 줄어들고, 변수명도 바뀌니 빨라지겠죠

10. 도구
여러 도구를 소개하고 있습니다. YUI 개발자들이라고 YUIProfiler도 소개하고... 도구는.....파이어버그, 크롬개발자 도구 이런 게 짱이죠.

PS. 크롬은 정말 성능이 좋은 것 같습니다. 그래서 제가 그지같이 개념없이 JS개발을 해도 크롬은 그걸 다 받아주며 빠르게(?) 동작시켜줘서 너무 고마웠네요. 근데, 확실히 IE에서는 느려요ㅠ 이 책을 교훈삼아 IE에서도 빠르게 동작하는 자바스크립트 개발을 해야겠네요.

제12회 한국자바개발자 컨퍼런스 다녀왔습니다~!

머드초보 — Sat, 18 Feb 2012 23:09:48 +0900

주말에 이렇게 헛되이 보내지 않고, 이런 행사를 다녀와서 너무 좋네요~ 개발자들을 위한 행사가 점점 더 많아졌으면 좋겠네요. 혼자서 최신 기술이나 동향에 대해서 조사하는 것은 너무 힘들거든요~ 여기오면 매번 좋은 정보를 많이 얻고 가서 좋은 것 같습니다.

그러나, 요즘 제가 공부를 너무 게을리한 탓에... 여러 세션 제목들이 무엇을 말하려는지 감이 잘 안오더라구요. 여러 편리한 툴들과 새로운 프레임워크 등을 많이 알고 간 것 같습니다. 그리고 제가 들은 세션은 대용량관련된 세션이라 캐쉬관련된 내용도 많이 들었던 것 같네요. 얼른 공부를 시작해야겠네요 핫핫~ 못들은 세션에 대해서 PT자료를 공유하겠죠? 얼른 PT자료를 받았으면 좋겠네요^^

제가 들은 세션은 대략 이런 내용이였습니다.

1. 아키텍트가 알아야할 12/97가지

97가지가 있었던 것 같은데, 12가지만 얘기를 하신 것 같네요. 주로 정말 당연한 얘기지만, 잘 지켜지지 않은 것들에 대해서 말씀을 잘해주셨어요.
Vasa호 얘기는 우리 소프트웨어구조에 정말 잘 맞는 비유였던 것 같아요. 물론 소프트웨어는 배와 달라서 모든 것을 잘 만족시키게 만들 수는 있지만, 우선순위를 중요시하고 이 프로젝트의 목표에 대해서 정확하게 이해를 해야 좀 더 나은 프로젝트가 탄생할 것 같습니다.
그리고 가장 공감이 갔던 것이 걸어다니는 해골인데, 확실히 어느정도 돌아가는 구현체를 보여줘야 거기에 대한 피드백이 나오면서 좀 더 완전체로 다가가는 것 같습니다.
그리고 아키텍트는 너무 멀리도 가까이도 보지말고 적당히 봐야한다는 1000피트의 뷰도 공감이 갔던 것 같고... 그리고 아키텍트입장에서 좋은 툴을 하나 소개해줬는데, STAN 인가.. 대략찾아보니 이거 같네요.
http://stan4j.com/
이걸로 해당 프로젝트의 구조를 분석하고 잘못된 것을 알려주는 툴 같습니다.
그 외에 가장 중요한 것은 사람중심의 관한 것이기에... 사람들관의 커뮤니케이션, 대화가 참 중요하다는 것을 강조한 것 같습니다.
앞으로 저도 레베루가 올라가면서 아키텍트로 다가가게될텐데 저에게 참 도움이 되는 내용이였네요.

2. JBoss RHQ와 Byteman을 이용한 오픈소스 자바 애플리케이션 모니터링

JBoss는 어디서 많이 듣긴했는데 무슨 제품인 줄 알았는데, 그게 아니더군요. JBoss는 자바를 기반으로 하는 오픈소스 미들웨어의 총칭이라고 하네요.
http://ko.wikipedia.org/wiki/%EC%A0%9C%EC%9D%B4%EB%B3%B4%EC%8A%A4
JBoss에는 여러 미들웨어가 있더군요. 그 중 Hibernate도 있네요. 원래 여기였는지 여기로 옮긴건지 모르겠지만, WAS도 있고....
이 중에 RHQ와 Byteman이라는 것을 소개했는데, RHQ는 운영서비스모니터링툴이였고, Byteman은 JVM을 bytecode로 들여다보는 것이라고 했습니다.
RHQ는 뭐 흔한 웹서버의 모니터링 툴인 것 같은데, Byteman이라는 것에 대해서 좀 신기했습니다. 애플리케이션을 개발하게 되면 그 애플리케이션을 실행하는 JVM을 통해서 메소드의 시작과 끝을 캐치를 한다던가 하는 룰을 입력하면 그것대로 모니터링을 할 수 있는 툴인 것 같습니다. 제 설명이 뭐 이상하지만 나중에 PT를 보시면 쉽게 이해가 갈 겁니다ㅠ
RHQ의 모니터링UI는 참으로 이뻤으며, Byteman의 동작원리는 놀라웠다는 느낌을 받은 발표였네요.

3. 초보자를 위한 분산 캐시 활용 전략

음......이때부터 좀 졸리더니....내용이 잘 생각이 안나네요ㅠ 분명 Memcached얘기가 좀 나온 것 같은데... 변화하는 데이터와 변화하지 않는 데이터를 잘 나눠라는 것과 디비의 저장할 때 해쉬얘기도 좀 나온 것 같은데, 기억이 잘 안나네요. Radis라는 것도 나온 것 같은데, 이건 뭔지 모르겠네요. DB인가...역시 아직 대용량과 캐쉬에 대해서 너무 모르는 부분이 많네요ㅠㅠ

4. 대용량 고가용성 분산 캐쉬서버(infinispan)를 활용한 웹서비스

이건 분산캐쉬서버인 inifinispan이라는 것을 소개하는 시간이였는데요. 이것도 JBoss에서 크고 있는 오픈소스네요^^ JBoss에는 참 훌륭한 제품들이 많은 듯!
실제로 구현체로 예를 들어 보여주시니 더욱 이해가 잘 되었던 것 같네요. 실제로 많은 요청에 의해서 매번 db를 접속해서 가져오다가, 실제로 해당 제품을 이용해서 캐시를 이용하는 것을 보여주었어요. 게다가 세션유지되는 것도 보여주었고...
해당 소스를 github에 올리셨다던데 주소가 어딘지 모르겠네요. 나중에 PT나오면 보고 해봐야겠네요ㅠ

5. 스타트업을 위한 Rapid Development

Play! Framework를 소개하는 것 같네요. php나 Ruby On Rails만큼 쉽게 개발할 수 있다는 것을 말씀하셨네요. 작년에 JCO를 통해서 처음 들었던 프레임워크인데, 요즘 많이 뜨고 있나봐요. 여기저기 몇 번 들은 기억이 나네요. 어떤 것인지 한 번 봐야겠네요.
http://www.playframework.org/
뭐 그냥 play framework를 소개하는 자리였습니다. 음......그래도 전 php로 게시판 만드는 게 가장 빠른 것 같습니다-_-

끝나고 경품 추첨! 역시...되지는 않습니다! 하지만! 이번에 사전 이벤트인 블로그 트랙백 이벤트에서 당당히 당첨되었습니다! 그래서 리얼포스키보드를 받게 되었어요!ㅠ 관계자분들 감사합니다~

그런데, 부스에서 기념품을 주는 곳이 많이 줄어든 느낌입니다ㅠ

ps. 저는 오라클에서 준 스마트폰 거치대 목걸이가 가장 맘에 드네요. 스마트폰을 거치하고 목에 걸수도 있다니...-_-

[Adobe AIR] Javascript(jQuery)를 이용한 초간단 파일서버

머드초보 — Mon, 23 Jan 2012 11:17:07 +0900

이거 제가 쓰려고 만들었었는데, 이어 받기도 되고, 더 좋은 파일서버가 많아서 만들다가 포기했던.....
최근에 Adobe AIR로 개발할 일이 생겼는데, HTML + Javascript 구조로 가져가면 유지보수도 편하게 할 수 있고, Javascript공부에 더 좋을 것 같아서 일단 기록해둡니다....

html+js로 Adobe AIR는 개발을 안해봤는데, 해보니까 그리 어렵지도 않고, 기존 ActionScript3 클래스를 그대로 포팅이 되어서 그걸 air.클래스명 해서 그대로 쓰면 돼서 어렵진 않았네요. 다만 디버깅할 도구가 조금 부족하다는 것이 좀 아쉽습니다.
이걸 이용한 툴이 그나마 드림위버인데, 드림위버는 저랑 맞지 않는 것 같습니다. 그래서 그냥 Aptana3로 개발을 하고, AIR에서 제공하는 AIRIntrospector.js를 이용해서 하니까 디버깅도 그리 불편하진 않네요.

<html>
    <head>
        <title>Simple File Server</title>
        <link rel="stylesheet" type="text/css" href="/css/main.css" />
        <script type="text/javascript" src="/js/lib/AIRAliases.js"></script>
        <script type="text/javascript" src="/js/lib/AIRIntrospector.js"></script>
        <script type="text/javascript" src="/js/lib/jquery-1.7.1.min.js"></script>
        <script type="text/javascript">

            // 기본값 지정
            var port = 50000;
            var shareFolder = air.File.documentsDirectory;
            var serverSocket;
            var isStart = false;
            $(document).ready(function(){
                $("#inputPort").val(port);
                $("#inputShareFolder").val(shareFolder.nativePath);
                shareFolder.addEventListener(air.Event.SELECT, selectShareFolderHandler);
                $("#btnStart").click(function(){
                    if (!isStart){
                        try{
                            serverSocket = new air.ServerSocket();
                            serverSocket.addEventListener(air.Event.CONNECT, connectSocketHandler);
                            serverSocket.bind($("#inputPort").val());
                            serverSocket.listen();
                            isStart = true;
                            $(this).attr("value", "중지");
                        } catch(e){
                            alert("에러! = " + e.message);
                        }
                    } else {
                        serverSocket.removeEventListener(air.Event.CONNECT, connectSocketHandler);
                        serverSocket.close();
                        isStart = false;
                        $(this).attr("value", "시작");
                    }
                });
                $("#btnBrowser").click(function(){
                    shareFolder.browseForDirectory("폴더를 선택하세요.");
                });
            });

            function selectShareFolderHandler(e){
                $("#inputShareFolder").val(shareFolder.nativePath);
            }

            function connectSocketHandler(e){
                var socket = e.socket;
                socket.addEventListener(air.ProgressEvent.SOCKET_DATA, proressSocketHandler);
            }

            function proressSocketHandler(e){
                var socket = e.target;
                var bytes = new air.ByteArray();
                socket.readBytes(bytes);
                var request = "" +bytes;
                air.Introspector.Console.log("request = " + bytes);
                var path = request.substring(5, request.indexOf("HTTP/") - 1);
                air.Introspector.Console.log("path = " + path);
                var file = shareFolder.resolvePath(path);
                air.Introspector.Console.log(file.nativePath);
                air.Introspector.Console.log(file.exists);
                if (file.isDirectory){
                    socket.writeUTFBytes("HTTP/1.1 200 OK\n");
                    socket.writeUTFBytes("<html><body><ul></ul></body></html>");
                }
                else if (file.exists && !file.isDirectory){
                    var stream = new air.FileStream();
                    stream.open(file, air.FileMode.READ);
                    var content = new air.ByteArray();
                    stream.readBytes(content);
                    stream.close();
                    socket.writeUTFBytes("HTTP/1.1 200 OK\n");
                    socket.writeUTFBytes("Content-Disposition: attachment;filename=" + path + "\n");
                    socket.writeUTFBytes("Content-Length: " + file.size + "\n");
                    socket.writeUTFBytes("\n");
                    socket.writeBytes(content);
                } else {
                    socket.writeUTFBytes("HTTP/1.1 404 Not Found\n");
                    socket.writeUTFBytes("Content-Type: text/html\n\n");
                    socket.writeUTFBytes("<html><body><h2>Page Not Found</h2></body></html>");
                }
                socket.flush();
                socket.close();
                log(file.nativePath);
            }

            function log(s){
                $(".divStatus").prepend("<div>" + s + "</div>");
            }
        </script>
    </head>
    <body>
        포트 : <input type="text" id="inputPort" /><br />
        공유폴더 : <input type="text" id="inputShareFolder" disabled="true"/>
        <input type="button" id="btnBrowser" value="폴더선택"/><br />
        <input type="button" id="btnStart" value="시작"/>
        <div class="divStatus">
        </div>
    </body>
</html>

각종 air에서 제공하는 js파일들은 여기에 다 있습니다.
AdobeAIRSDK\frameworks\libs\air

개발관련된 문서는 여기에!
http://www.adobe.com/devnet/air/articles/getting_started_air_js.html

풀소스는 여기에!
https://github.com/mudchobo/SimpleFileServer