2010년 3월 13일 토요일

Google Chrome을 이용해 간단한 웹 App 만들기.

오늘은 Google Chrome 웹 브라우저를 이용해 무언가를 만들어 볼까 합니다.

웹 어플리케이션 이라는건데요.

우선 웹 어플리케이션이 뭔지 설명좀 하고 들어가도록 하겠습니다.

웹 어플리케이션 (Web Application)

소프트웨어 공학적 관점에서 웹 애플리케이션(Web Application) 또는 웹앱(Web App)은 인터넷이나 인트라넷을 통해 웹 브라우저에서 이용할 수 있는 응용 소프트웨어를 말한다.
웹 애플리케이션은 클라이언트로서 웹 브라우저를 사용하는 사람이 많기 때문에 인기를 누리고 있다. 수천만 대의 PC에 굳이 소프트웨어를 배포해서 설치하지 않아도 웹 애플리케이션을 유지 관리할 수 있다는 점이 장점 중에 하나이다. 웹 애플리케이션은 웹 메일, 온라인 전자상거래 및 경매, 위키, 인터넷 게시판, 블로그 및 MMORPG 게임 등 다양한 기능을 구현할 수 있다.

(출처 : http://ko.wikipedia.org/wiki/웹_애플리케이션)


이처럼 활용 빈도가 높은 기능중 하나입니다.

현재 Chrome OS가 이 형태로 개발중이라지요.... (아마두...)

Google Chrome 계열의 웹 브라우저인 Chrominium, Google Chrome, Chrome Plus 등

이 웹 어플리케이션 만들기가 된다고 합니다.

그럼 이 웹 어플리케이션 만들면 진짜로 실행이 되는건가?

웹 어플리케이션의 소통도(?)를 한번만들어 보았습니다.



대충 계통도는 저렇게 된다고 보시면 되고....

실제론 바탕화면 바로가기 하나 만들어서....

간단히 소환(?)한다고 보시면 될듯 합니다.

그럼 본격적으로 만들기 시작해보도록 하겠습니다.

준비물은 다음과 같습니다.

웹 App로 만들고 싶은 사이트 ①개
ex) Daum, twtkr.com, Lockerz.com, 자신의 블로그 등등등....

Google Chrome 계열 웹 브라우저
ex) Google Chrome(본인), Chrominium, Chrome Plus 등의 크롬 계열 브라우저

가장 중요한.... 눈치(?)....
(설명이 부족할수도 있으니까....)

자! 시작합니다.

1. Google Chrome 계열의 브라우저를 실행시켜 줍니다.
저같은 경우엔 Chrome Plus로 실행을 시켰습니다.
꼭 같은것으로 할 필요는 없습니다.

2. 자신이 웹 App 으로 만들고 싶은 사이트에 들어갑니다.
저는 아래 사진의 Lockerz.com을 예로 들어보도록 하겠습니다.

3. 이제 기타 북마크 위에 있는 빨간색 사각형 모양의 아이콘을 클릭해보세요.

4. 위의 사진까지 잘 따라오셧는지요?
저 위에 아이콘을 클릭한다면 웹 어플리케이션 바로가기 만들기(S)...가 있습니다.
그 텍스트를 클릭해주세요.

5. 누르시면 아래와 같은 창이 뜨게됩니다.
자신이 바로가기 아이콘을 놓고 싶은곳에 체크를 해주세요.
저 같은 경우엔 바탕화면에만 바로가기를 놓겠습니다.
그러므로, 바탕화면(데스크톱)에만 체크가 되어있죠? ㅎㅎ
그리고 만들기 버튼을 살포시 클릭해줍니다.

6. 만들기를 클릭하셨다면, 아래의 사진과 같이 아이콘이 생성되고....
크롬에 붙어있던 해당창이 분리가 됩니다.

7. 이제 웹 App 만들기가 끝났습니다.
참 쉽죠? 이게 끝이냐구요? 진짜 끝입니다....
이제 위 사진의 아이콘을 실행시키시면 끝납니다.
허무하지만, 진짜 끝입니다....ㅎㅎ

보기엔 떡 하니 저창 하나지만..... 실제로 보면...
할것은 다 할수있게 해놨답니다....ㅎㅎ
참 간편하고 유용할수밖에....(?)

어떠세요? 간단하게 만들어서 써보기.... 홈페이지 주소넣고 일일이 가기 힘드셧죠?
이젠 바로바로 할수있답니다.
활용은 본인이 알아서 열심히 해주세요~

Bonus Cut!
(웹 App로 만든 제 블로그~ ^^;;)

8 개의 댓글:

  1. trackback from: 찌롱s의 생각
    Google Chrome을 이용해 간단한 웹 App 만들기. 오늘은 Google Chrome 웹 브라우저를 이용해 무언가를 만들어 볼까 합니다. 웹 어플리케이션 이라는건데요. 우선 웹 어플리케이션이 뭔지 설명좀 하고 들어가도록 하겠습니다. 웹 어플리케이션 (Web..
    답글삭제
  2. 오랜만에 제대로된 글이다...ㅎ
    답글삭제
  3. 윈도우7인경우



    슈퍼바에 등록..
    답글삭제
  4. @Jung-A - 2010/03/13 16:00
    오... 오랫만이라니!!!!
    답글삭제
  5. @passing stranger - 2010/03/13 18:38
    아닌사람을 위한거야!!!
    답글삭제
  6. @찌롱s - 2010/03/13 20:35
    근데 북마크 사용안할거면 ㅇㅅㅇ



    북마크 숨기는게 더나은데 ㅇㅅㅇ;
    답글삭제
  7. trackback from: 그 웹 브라우저에서만 사용되는 그 기술 - 대한미국 99% 네티즌
    며칠 전 일이 생각나서 한 번 올려봅니다.  친구 : 너네 집 컴퓨터 os 뭐 써? 저 : 나 윈도이랑 우분투 리눅이 써. 친구 : 윈도 중에 우분투라는 버전도 있어? 저 : 아니, 윈도 말고 다른 운영체제야. 친구 : 이제 그런 거 안쓰고 윈도만 쓰잖아? 저 : .............................. 브라우저는? 나 크롬 쓰다가 오페라 쓰는데..... 친구 : 그게 뭐야? 인터넷 = 익스플로러 아니야?  이 대화를 한 순간 잠시 잊..
    답글삭제
  8. trackback from: 구글 크롬을 사용해보고!.google chrome
    우연챦게 크롬 이란 것을 사용해보앗다.익스플로러 대체용인것 같은데... 무튼 나의 desktop pc는 조립용으로 구입... 두달만에 애를먹여 다시 셋팅하는 as를 받았다..그러곤 약 한달후 이상한 현상들! 블루스크린이 뜨더니...fatal error만 기억에남는다 조립업자로부터 듣는 말이라곤...사용자 관리부주의....이말에 할말이 없다... ...그러곤 shut down >저절로 재부팅....마우스 stop 현상까지...근데...전원을 한번 빼주..
    답글삭제