Bookmark Service 개발기
/변용훈 @river
ASP 개발자
@river
about me
Classic
PHP, javascript, nodejs
Bookmark Service
Read Trend bookmarkly
구성요소
도메인 등록
@river
river.io (X)
river + io
rivario.com
도메인 등록 / 이메일 등록
도메인 등록비 9,000원
i@rivario.com 등록
Google Apps 로 개인 도메인 이메일 주소 무료로 만들기
https
무료 ssl 인증서 StartSSL
StarSSL 설치과정
Screen Capture
Screen Capture
무료 API
http://url2png.com http://urlbox.io
Screenshot as a Service
https://github.com/fzaninotto/screenshot-as-a-service
/CasperJS PhantomJS
phantom_capture.js
var page = require('webpage').create();
page.open('http://www.daum.net', function (...
Screen Shot System
Laravel PHP Framework
Laravel
Migration
RESTful API
Migration
Table 생성/삭제용 php 파일 생성
$ php artisan migrate:make create_bookmarks_table --table bookmarks --create
yyyy_mm_dd_c...
Laravel RESTful API
controller 생성
$ php artisan controller:make BookmarkController
BookmarkController.php
<?php
class Book...
Laravel RESTful API
Actions handled by Resource Controller
backbone.js
Flat UI Kit
Save This Page Chrome Extension
background.js
chrome.browserAction.onClicked.addListener(function(tab) {
var action_url = ...
Resource
bookmark source
bookmarkly
Read Trend
Google Apps 로 개인 도메인 이메일 주소 무료로 만들기
StarSSL 설치과정
Combining Laravel 4 and Ba...
Q & A
감사합니다.
Upcoming SlideShare
Loading in …5
×

북마크 서비스 개발기

1,979 views

Published on

http://rivario.com/bookmark 북마크 서비스 개발기

Published in: Technology, Art & Photos
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,979
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
24
Comments
0
Likes
10
Embeds 0
No embeds

No notes for slide

북마크 서비스 개발기

  1. 1. Bookmark Service 개발기 /변용훈 @river
  2. 2. ASP 개발자 @river about me Classic PHP, javascript, nodejs
  3. 3. Bookmark Service Read Trend bookmarkly
  4. 4. 구성요소
  5. 5. 도메인 등록 @river river.io (X) river + io rivario.com
  6. 6. 도메인 등록 / 이메일 등록 도메인 등록비 9,000원 i@rivario.com 등록 Google Apps 로 개인 도메인 이메일 주소 무료로 만들기
  7. 7. https 무료 ssl 인증서 StartSSL StarSSL 설치과정
  8. 8. Screen Capture
  9. 9. Screen Capture 무료 API http://url2png.com http://urlbox.io
  10. 10. Screenshot as a Service https://github.com/fzaninotto/screenshot-as-a-service
  11. 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. 12. Screen Shot System
  13. 13. Laravel PHP Framework
  14. 14. Laravel Migration RESTful API
  15. 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. 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. 17. Laravel RESTful API Actions handled by Resource Controller
  18. 18. backbone.js
  19. 19. Flat UI Kit
  20. 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. 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. 22. Q & A
  23. 23. 감사합니다.

×