1. Bookmark Service 개발기
/변용훈 @river

2. ASP 개발자
@river
about me
Classic
PHP, javascript, nodejs

3. Bookmark Service
Read Trend bookmarkly

4. 구성요소

5. 도메인 등록
@river
river.io (X)
river + io
rivario.com

6. 도메인 등록 / 이메일 등록
도메인 등록비 9,000원
i@rivario.com 등록
Google Apps 로 개인 도메인 이메일 주소 무료로 만들기

7. https
무료 ssl 인증서 StartSSL
StarSSL 설치과정

8. Screen Capture

9. Screen Capture
무료 API
http://url2png.com http://urlbox.io

10. Screenshot as a Service
https://github.com/fzaninotto/screenshot-as-a-service

11. /CasperJS PhantomJS
phantom_capture.js
var page = require('webpage').create();
page.open('http://www.daum.net', function () {
page.render('daum.png');
phantom.exit();
});

12. Screen Shot System

13. Laravel PHP Framework

14. Laravel
Migration
RESTful API

15. Migration
Table 생성/삭제용 php 파일 생성
$ php artisan migrate:make create_bookmarks_table --table bookmarks --create
yyyy_mm_dd_create_bookmark_table.php
<?php
class CreateBookmarksTable extends Migration {
public function up() {
Schema::create('bookmarks', function(Blueprint $table) {
$table->increments('id');
$table->timestamps();
});
}
public function down() {
Schema::drop('bookmarks');
}
}
Table 생성
$ php artisan migrate

16. Laravel RESTful API
controller 생성
$ php artisan controller:make BookmarkController
BookmarkController.php
<?php
class BookmarkController extends BaseController {
public function index() {}
public function create() {}
public function store() {}
public function show($id) {}
public function edit($id) {}
public function update($id) {}
public function destroy($id) {}
}
Routes.php
Route::resources('bookmark', 'BookmarkController');

17. Laravel RESTful API
Actions handled by Resource Controller

18. backbone.js

19. Flat UI Kit

20. Save This Page Chrome Extension
background.js
chrome.browserAction.onClicked.addListener(function(tab) {
var action_url = 'https://rivario.com/bookmark/bookmarklet?url='+encodeURIComponent(t
//새로운탭 생성
chrome.tabs.create({ url: action_url });
});
manifest.json
{
"name": "Bookmark This Page",
"manifest_version": 2,
"description": "Add this website to your bookmarks",
"version": "0.1",
"homepage_url": "https://rivario.com/bookmark",
"permissions": [ "tabs", "http://*/*", "https://*/*" ],
"background": {
"scripts" : ["background.js"]
},
"browser_action": {
"default_icon": "icon-19.png"
},
"icons": {
"128": "icon-128.png",

21. Resource
bookmark source
bookmarkly
Read Trend
Google Apps 로 개인 도메인 이메일 주소 무료로 만들기
StarSSL 설치과정
Combining Laravel 4 and Backbone
Masonry
isotope
Flat UI Kit
Developing Google Chrome Extensions

22. Q & A

23. 감사합니다.