Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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
×

북마크 서비스 개발기

2,100 views

Published on

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

Published in: Technology, Art & Photos
  • Be the first to comment

북마크 서비스 개발기

  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. 감사합니다.

×