How to run Web Applications from your OS X desktop ±ÍÇÏÀÇ ¿î¿µ üÁ¦¿¡¼­ À¥ ¾ÖÇà ¸®ÄÉÀ̼ÇÀ» ½ÇÇàÇÏ´Â ¹æ¹ý x ¹ÙÅÁ È­¸é

by Ross McKillop on May 22, 2008 ·Î½º mckillop¿¡ ÀÇÇØ 2008³â 5¿ù 22ÀÏ

¸Æ

Using the absolutely fantastic software Á¤¸» ȯ»óÀûÀÎ ¼ÒÇÁÆ®¿þ¾î¸¦ »ç¿ëÇÏ¿© Fluid ¾×ü , you can run any web application (Gmail, Facebook, Remember The Milk, Google Reader, Google Analytics - the list is endless) on its own - as its own application. , ¸ðµç À¥ ÀÀ¿ë ÇÁ·Î±×·¥À» ½ÇÇàÇÒ ¼öÀÖ½À´Ï´Ù (gmail, ÆäÀ̽º, ±â¾ïÇÏ°í ¿ìÀ¯, ±¸±Û ¸®´õ, ±¸±Û ºÐ¼® - ¸ñ·ÏÀº ¹«ÇÑ)¸¦ ±× ÀÚü - ÇöÀç ÀÚ½ÅÀÇ ÀÀ¿ë ÇÁ·Î±×·¥À»ÇÕ´Ï´Ù. The benefits of working this way are numerous - if one app crashes, it won¡¯t bring them all down (ie. a regular browser). ÀÛ¾÷ÀÌ ¹æ¹ýÀÇ ÀåÁ¡Àº ¸¹Àº - Çϳª°¡ ÀÀ¿ë ÇÁ·Î±×·¥ Ãæµ¹ÀÌ ¹ß»ýÇÏÁö ¾Ê½À´Ï´Ù ¸ðµÎ¸¦ µ¥¸®°í ³»°íÀÖ½À´Ï´Ù (Áï, Á¤±Ô ºê¶ó¿ìÀú). You can create shortcuts to the specific app/site in your Dock or Applications folder (or both). ´ÜÃà۸¦ ¸¸µé ¼öÀִ ƯÁ¤ ÀÀ¿ë ÇÁ·Î±×·¥ / »çÀÌÆ®¿¡¼­ ±ÍÇÏÀÇ ¼±Ã¢ ¶Ç´Â ÀÀ¿ë ÇÁ·Î±×·¥ Æú´õ (¶Ç´Â µÑ ´Ù). This brief tutorial, which could also be called ¡°an introduction to Fluid¡± - will give you the rundown on using it, configuring and using its plugins and more. ÀÌ °£·«ÇÑ ÀÚ½À¼­¸¦ ¼öµµ "·Î ¾×ü¸¦ ¼Ò°³"- °³¿ä¸¦ ¾Ë ¼öÀִ°¡ »ç¿ëÇϰí, Ç÷¯±×¸¦ »ç¿ëÇÏ¿© ±¸¼ºÇϰí, ´õ ¸¹ÀºÇÕ´Ï´Ù.

  1. To get started, download and install ¼³Ä¡¸¦ ½ÃÀÛÇÏ·Á¸é ´Ù¿î·Îµå ¹× ¼³Ä¡ Fluid ¾×ü . ÇÕ´Ï´Ù. The installation is as simple as unzipping the file and dragging it to your Applications. ÀÇ ¼³Ä¡´Â °£´ÜÇÏ°Ô ¾ÐÃàÀ» Ç® ÆÄÀÏÀ» µå·¡±×ÇÏ¿© ÀÀ¿ë ÇÁ·Î±×·¥À»ÇÕ´Ï´Ù. Launch Fluid from there. °Å±â¿¡¼­ ¾×ü¸¦ ½ÃÀÛÇÕ´Ï´Ù.
  2. À¯Ã¼ÀÇ ÀÀ¿ë ÇÁ·Î±×·¥ ¸ñ·Ï
    click to enlarge Ŭ¸¯Çϸé È®´ë

  3. From here you¡¯ll be prompted to create your first Fluid app - which is almost painfully easy. ¿©±â¿¡¼­ ù ¹øÂ° ¾×ü¸¦Ç϶ó´Â ¸Þ½ÃÁö°¡ ³ªÅ¸³³´Ï´Ù ÀÀ¿ë ÇÁ·Î±×·¥À» ¸¸µå½Ê½Ã¿À - ¾î¶²Àº °ÅÀÇ °íÅ뽺·¯¿üÁö °£´ÜÇÕ´Ï´Ù. Enter the URL of the site you want to create an app for. ¿øÇÏ´Â »çÀÌÆ®ÀÇÀ» ÀÔ·ÂÇϽʽÿÀ¿¡ ´ëÇÑ ÀÀ¿ë ÇÁ·Î±×·¥À» ¸¸µé·ÁÇÕ´Ï´Ù. In this example I¡¯ll use Gmail. ÀÌ ¿¹Á¦¿¡¼­ »ç¿ë ÇϽ÷Á¸é °Ô¿ä. So the address is https://mail.google.com/mail/ ±×·¡¼­ ±× ÁÖ¼Ò´Â https : / / mail.google.com / ¸ÞÀÏ /

    The Name I¡¯ve used is Gmail - but you can of course name it anything you want - Email, Mail, Google Mail etc. The Location refers to where you want the app to be created. »ç¿ëµÇ´Â À̸§À» ³ª´Â gmail -ÇÏÁö¸¸ ´ç¿¬È÷ À̸§À» ÁöÁ¤ÇÕ´Ï´Ù ¿©·¯ºÐÀÌ ¿øÇÏ´Â ¸ðµç °ÍÀ»ÇÏ½Ç ¼öÀÖ½À´Ï´Ù - À̸ÞÀÏ, ¸ÞÀÏ, ±¸±Û ¸ÞÀÏ µîµîÀÇ À§Ä¡¿¡ °ü·ÃµÈ ÀÀ¿ë ÇÁ·Î±×·¥À» ¸¸µé ¿øÇÏ´Â À§Ä¡ÇÕ´Ï´Ù. The default, Applications is perfect. ÀÇ ±âº», ÀÀ¿ë ÇÁ·Î±×·¥ÀÌ ¿Ïº®ÇÕ´Ï´Ù.


  4. click to enlarge Ŭ¸¯Çϸé È®´ë

  5. You can use the websites favicon as the Icon for your app, but before you do that, you may want to check out some of the fantastic work shared at faviconÀÇ À¥»çÀÌÆ®¸¦ »ç¿ëÇÒ ¼öÀÖ½À´Ï´Ù¿¡ ´ëÇÑ ±ÍÇÏÀÇ ÀÀ¿ë ÇÁ·Î±×·¥ÀÌ ¾ÆÀÌÄÜÀ¸·Î Ç¥½Ã,ÇÏÁö¸¸ Àü ´ç½ÅÀÌ ±×·¸°ÔÇÑ´Ù¸é, üũ ¾Æ¿ôÇÏ·Á°í ÇÒ ¼öÀÖ½À´Ï´Ù ȯ»óÀûÀÎ ÀÛǰÀÇ ÀϺθ¦ °øÀ¯ http://www.flickr.com/groups/fluid_icons/pool/ . ÇÕ´Ï´Ù. In that Flickr pool you¡¯ll find dozens of quality png files to use as icons. flickr ¼ö¿µÀåÀÌ ¼ö½Ê°³ÀÇ Ç°Áú png ÆÄÀÏÀ» È®ÀÎÇÒ ¼ö ¾ÆÀÌÄÜÀÌ »ç¿ëµÇ°íÀÖ½À´Ï´Ù. So I grabbed a Gmail icon from that pool, and that¡¯s what I¡¯ve opted to use. gmail ¾ÆÀÌÄÜÀ» ³¬¾ÆÃ¤ ±×·¡¼­ ³­ ±× ¼ö¿µÀå, ±×¸®°í ±×·¸°Ô ³ª´Â °ÔÀ縦 »ç¿ëÇÕ´Ï´Ù. To change the default click the Icon pull-down menu and select Other¡¦ . ±âº»°ªÀ» º¯°æÇÏ·Á¸é ¾ÆÀÌÄÜÀ» Ŭ¸¯ÇÏ¿© ´Ù¸¥¡¦ ²ø¾î ¿À±â - ´Ù¿î ¸Þ´º¸¦ ¼±ÅÃÇÕ´Ï´Ù. Then navigate to the image you want to use and select it. ´ÙÀ½À¸·Î À̵¿ÇÏ¿© ¿øÇÏ´Â À̹ÌÁö¸¦ ¼±ÅÃÇÏ°í »ç¿ëÇϰíÀÖ½À´Ï´Ù.

  6. click to enlarge Ŭ¸¯Çϸé È®´ë

  7. Now that you¡¯re done, click Create . ÀÌÁ¦ ´ç½ÅÀÌ ¿Ï·áµÇ¸é »ý¼ºÀ» Ŭ¸¯ÇÕ´Ï´Ù.

  8. click to enlarge Ŭ¸¯Çϸé È®´ë

  9. A couple of seconds later you¡¯ll be prompted with a Success! window. ¸î ÃÊ Èĸ¦ ¼º°øÀûÀ¸·Î À̲ø ¼ö°¡ ³ªÅ¸³³´Ï´Ù! À©µµ¿ìÇÕ´Ï´Ù. From here you can directly launch the app by clicking Launch Now or you can click Reveal in Finder . ¿©±â¿¡¼­ ½ÃÀÛÀ» Ŭ¸¯ÇÏ¿©ÇÏ½Ç ¼öÀÖ½À´Ï´Ù ÀÀ¿ë ÇÁ·Î±×·¥À» Á÷Á¢ ½ÃÀÛÇÏ¿© Áö±ÝÀÌ ¾Æ´Ï¸é °ø°³¸¦ÇÏ½Ç ¼öÀÖ½À´Ï´Ù °Ë»ö ¿£ÁøÀ» Ŭ¸¯ÇÕ´Ï´Ù.

  10. click to enlarge Ŭ¸¯Çϸé È®´ë

  11. And there¡¯s your new Fluid app - Gmail.app - in Finder. ±×¸®°í ´ç½ÅÀÇ »õ·Î¿î ¾×ü°¡ ÀÀ¿ë ÇÁ·Î±×·¥ - gmail.app - °Ë»öÇÕ´Ï´Ù. Double-click it to launch Gmail. ´õºí - Ŭ¸¯ÇÏ¿© gmailÀ» ½ÃÀÛÇÕ´Ï´Ù.

  12. click to enlarge Ŭ¸¯Çϸé È®´ë

  13. There¡¯s Gmail! À̵˴ϴÙ!

  14. click to enlarge Ŭ¸¯Çϸé È®´ë

  15. If you right-click (ctrl-click for single button mouse folks) anywhere in the background, you¡¯ll be presented with the a few options - Back being the one that comes in handy most often. ¸é ¿À¸¥ÂÊ - Ŭ¸¯ (ctrl - ´ÜÀÏ ¹öư ¸¶¿ì½º¸¦ Ŭ¸¯Çϼ¼¿ä) ºÎºÐÀÇ ¹è°æ, ´ç½ÅÀº ¸î °¡Áö ¿É¼ÇÀ» ¹ßÇ¥ - À§·Î°¡ ÀÚÁÖ ÇÑ »ç¶÷ÀÌ ¹Ù·Î À¯¿ëÇÕ´Ï´Ù.
  16. À¯Ã¼ ÀÀ¿ë ÇÁ·Î±×·¥¿¡¼­ ¸¶¿ì½º ¿À¸¥ÂÊ ¹öưÀ¸·Î Ŭ¸¯

  17. With Gmail - you get an added extra bonus of having the icon display your new unread emails via the Dock icon. À» ÁÙ¿© - ´ç½Åµé ¿©ºÐ »ó¿©¿¡ÀÖ´Â °Í¸¸ ¾òÀ» ¼öÀÖ´Â ¾ÆÀÌÄÜÀ» µµÅ©¸¦ ÅëÇØ À̸ÞÀÏÀ» ÀÐÁö ¾ÊÀº »óÅ·Π±ÍÇÏÀÇ »õ ¾ÆÀÌÄÜÀ» Ç¥½ÃÇÕ´Ï´Ù.
  18. À¯Ã¼ µµÅ· ¾ÆÀÌÄÜÀ» gmail

  19. And as with all (almost all) OS X apps, you can right-click (ctrl-click) the Dock icon and select Keep in Dock if you¡¯d like to have it handy all the time. ±×¸®°í ¸ðµç (°ÅÀÇ ¸ðµÎ) ¿î¿µ üÁ¦ x ¾ÖÇà ¸®ÄÉÀ̼ÇÀ»ÇÏ½Ç ¼öÀÖ½À´Ï´Ù ¿À¸¥ÂÊ - Ŭ¸¯ (ctrl - Ŭ¸¯)¿¡ µµÅ· µµÅ© ¾ÆÀÌÄÜ ¹× À¯Áö¸¦ ¼±ÅÃÇÏ·Á´Â °æ¿ì Ç×»ó °®°í Æí¸®ÇÕ´Ï´Ù.
  20. gmail À¯Ã¼ ÀÀ¿ë ÇÁ·Î±×·¥À» À¯Áö µµÅ·

  21. Fluid comes with a couple of plugins enabled by default. Ç÷¯±×ÀÎÀ» ¸î °³ À¯Ã¼´Â ±âº»ÀûÀ¸·Î Ȱ¼ºÈ­µÇ¾îÀÖ½À´Ï´Ù. They are Clipboard and Thumbnail - both of which are incredibly handy. ±×µéÀº Ŭ¸³ º¸µå¿Í Ãà¼ÒÆÇ - µÑ ´Ù °³ Á¤µµ°¡ ¸Å¿ì Æí¸®ÇÕ´Ï´Ù.

    When you have a Fluid app up and running, select the Plugin menu bar item (it¡¯s the one that looks like a piece of Lego - see the screenshot below). ÀÀ¿ë ÇÁ·Î±×·¥À» ¼³Ä¡ÇÏ°í ½ÇÇàÇÏ¸é ¾×ü¸¦ ¼±ÅÃÇϽʽÿÀ Ç÷¯±× Á¢¼Ó½Ä ¸Þ´º Ç¥½ÃÁÙ Ç׸ñ (±× ÇÑ ¸¶¸®°¡ ·¹°í Á¶°¢Ã³·³ º¸ÀÌ´Â - ¾Æ·¡¿¡ È­¸é ĸó¸¦ ÂüÁ¶ÇϽʽÿÀ).

    With Clipboard Plug-in selected a side window will appear. -À» ¼±ÅÃÇÏ´Â Ãø¸é°ú Ŭ¸³ º¸µå¿¡ ¿¬°á âÀÌ ³ªÅ¸³³´Ï´Ù. You can drag and drop pictures, URLs and selected text into this clipboard for re-use/temporary saving. µå·¡±× ¾Ø µå·ÓÇÏ½Ç ¼öÀÖ½À´Ï´Ù »çÁø, Ŭ¸³ º¸µå¿¡ ´ëÇÑ Å©·Ñ¸µ ¹× ¼±ÅÃµÈ ÅØ½ºÆ®¸¦ÀÌ re-use/temporary Àý¾àÇÕ´Ï´Ù.

  22. Ŭ¸³ º¸µå¿¡ ¾×ü¸¦ Ȱ¼ºÈ­Çϰí Ç÷¯±×ÀÎ ¸Þ´º·Î Ç¥½ÃµË´Ï´Ù

  23. If you select the Thumbnail Plug-in you¡¯ll be presented with a very cool ¡°Cover Flow¡± view of all the links on the page you¡¯re currently viewing in your Fluid app. Ãà¼ÒÆÇÀ» ¼±ÅÃÇÑ °æ¿ì¿¡ ÇÑÇØ¼­ Ç÷¯±× -À»ÇÏ¸é ¸Å¿ì Äð "Ä¿¹ö È帧"ÀÌ ¹®¼­°¡ Àû¿ëµÇ´Â ¸ðµç ÆäÀÌÁö¿¡ÀÖ´Â ¸µÅ©¸¦ ±ÍÇÏÀÇ À¯Ã¼ ÀÀ¿ë ÇÁ·Î±×·¥¿¡¼­ ÇöÀ纸°íÇÕ´Ï´Ù.
  24. À¯Ã¼ È帧ÀÌ ¹®¼­°¡ Àû¿ëµÇ´Â Ä¿¹ö
    click to enlarge Ŭ¸¯Çϸé È®´ë

  25. If you select the Thumbnail button from the bottom left corner, the view will switch from Cover Flow to Thumbnails. Ãà¼Ò ¹öưÀ» ¼±ÅÃÇÏ¸é ¿ÞÂÊ ÇÏ´Ü ¸ð¼­¸®,º¸±â´Â ½ºÀ§Ä¡¸¦ Ä¿¹ö È帧À» Ãà¼ÒÇÕ´Ï´Ù.
  26. ÀÌ ¹®¼­°¡ Àû¿ëµÇ´Â À¯Ã¼ Ãà¼ÒÆÇ iphoto
    click to enlarge Ŭ¸¯Çϸé È®´ë

  27. Another outstanding feature of Fluid is that ¶Ç ´Ù¸¥ Ư¡Àº À¯Ã¼°¡ Greasekit greasekit is built in - so any of your favorite Greasemonkey scripts for Gmail etc should work just fine (my favorite, ÀÌ ³»ÀåµÈ - ±×·¡¼­ gmail µî ÀÓÀÇÀÇ ¸¶À½¿¡ µå´Â À±È°Á¦ ½ºÅ©¸³Æ®¸¦ ÀÛµ¿ÇØ¾ß Àß (³» ¸¶À½¿¡ µå´Â, Folders4Gmail+Folders2Top folders4gmail + folders2top works perfectly. ¿Ïº®ÇÏ°Ô ÀÛµ¿ÇÕ´Ï´Ù.
  28. ½ºÅ©¸³Æ®¿¡ ´ëÇÑ ¾×¼¼½º À¯Ã¼ À±È°Á¦

  29. For more info on Fluid, and to view some screencasts of it in action, check out the ´õ ÀÚ¼¼ÇÑ Á¤º¸¸¦ ¾×ü, ±×¸®°íº¸±âÀÇ ÀϺο¡ screencasts Á¶Ä¡¸¦ È®ÀÎÇØ Fluid Community À¯Ã¼ Ä¿¹Â´ÏƼ . ÇÕ´Ï´Ù.
[digg] [del.icio.us] [ÆäÀ̽º] [±¸±Û]
Related Posts: °ü·Ã °Ô½Ã¹° :
  • How to disable Remote Assistance and Remote Desktop in Windows XP ±â´ÉÀ» ÇØÁ¦ÇÏ´Â ¹æ¹ý XP ¿ë ¿ø°Ý Áö¿ø ¹× ¿ø°Ý µ¥½ºÅ©Åé¿¡ ´ëÇØ
  • How to use a screensaver as your desktop background in OS X È­¸é º¸È£±â¸¦ ¹ÙÅÁ È­¸éÀ¸·Î »ç¿ëÇÏ´Â ¹æ¹ýÀ» ¹è°æÀ¸·Î ¿î¿µ üÁ¦ x
  • How to run Dashboard Widgets on your OS X Desktop ±ÍÇÏÀÇ ¿î¿µ üÁ¦¸¦ ½ÇÇàÇÏ´Â ¹æ¹ý¿¡ ´ë½Ãº¸µå À§Á¬ x ¹ÙÅÁ È­¸é
  • 5 Desktop Wallpapers that will increase your productivity 5 ¹ÙÅÁ È­¸é ¹è°æ ¹«´ÌÀÇ »ý»ê¼ºÀ» ³ôÀÏ ¼ö
  • How to install, setup and use Google Desktop Search in Ubuntu ¸¦ ¼³Ä¡ÇÏ´Â ¹æ¹ý, ¼³Ä¡ ¹× »ç¿ë¿¡ ±¸±Û µ¥½ºÅ©Åé °Ë»öÀ» ¿ìºÐÅõ
  • { 0 comments¡¦ (0 Àǰߡ¦ add one now Áö±Ý Çϳª¸¦ Ãß°¡ } )

    Leave a Comment ÄÚ¸àÆ®¸¦ ³²°ÜÁÖ¼¼¿ä

    À̸ÞÀÏ

    You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> ÀÌ·¯ÇÑ ÅÂ±×¿Í ¼Ó¼ºÀ» »ç¿ëÇÏ½Ç ¼öÀÖ½À´Ï´Ù : <a href="" title=""> <acronym title=""> <abbr title=""> <blockquote cite=""> <b> <cite> <code> 'datetime=""> <em> <i> <del <strike> <q cite="">