강좌 / 팁
하드웨어 Google Chrome 브라우저를 이용한 Web App 만들기
2010.03.13 13:52
오늘은 Google Chrome 웹 브라우저를 이용해 무언가를 만들어 볼까 합니다.
솔직히 윈포 회원들은 다 알거 같애서 좀 부끄럽더라도....ㅎㅎㅎ;;;
웹 어플리케이션 이라는건데요.
우선 웹 어플리케이션이 뭔지 설명좀 하고 들어가도록 하겠습니다.
웹 어플리케이션 (Web Application)
소프트웨어 공학적 관점에서 웹 애플리케이션(Web Application) 또는 웹앱(Web App)은 인터넷이나 인트라넷을 통해 웹 브라우저에서 이용할 수 있는 응용 소프트웨어를 말한다.
웹 애플리케이션은 클라이언트로서 웹 브라우저를 사용하는 사람이 많기 때문에 인기를 누리고 있다. 수천만 대의 PC에 굳이 소프트웨어를 배포해서 설치하지 않아도 웹 애플리케이션을 유지 관리할 수 있다는 점이 장점 중에 하나이다. 웹 애플리케이션은 웹 메일, 온라인 전자상거래 및 경매, 위키, 인터넷 게시판, 블로그 및 MMORPG 게임 등 다양한 기능을 구현할 수 있다.
이처럼 활용 빈도가 높은 기능중 하나입니다.
현재 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로 만든 제 블로그~ ^^;;)
PS. 윈포 첨부제한이 2.00M라 보너스 컷이 안들어가요...ㅜㅜ 고로 보너스컷은 없어요...;;
※ 이 글은 https://758754.textcube.com/334 에서도 다시보실수 있습니다.
댓글 [1]
-
PiPS 2010.03.13 16:07
| 번호 | 제목 | 글쓴이 | 조회 | 추천 | 등록일 |
|---|---|---|---|---|---|
| [공지] | 강좌 작성간 참고해주세요 | gooddew | - | - | - |
| 581 | 윈 도 우| -윈도7 사용자 계정 콘트롤 (UAC ) 끄기- [22] |
|
13305 | 0 | 04-02 |
| 580 | 하드웨어| -웹에서 사진과 웹페이지 전체 다운받기- [21] |
|
11445 | 1 | 03-31 |
| 579 | 윈 도 우| 갖가지 개인설정 바로가기들 [2] | 진모씨 | 10101 | 1 | 03-29 |
| 578 | 소프트웨어| 한글,한컴오피스 2010 제품번호 미리 입력시키기 [11] | 손뉨 | 46047 | 0 | 03-29 |
| 577 | 하드웨어| -구글크롬플러스- [23] |
|
10705 | 1 | 03-29 |
| 576 | 윈 도 우| 악성 hijack 바이러스 조심하기~!! [8] | ♥ZARD | 9140 | 0 | 03-28 |
| 575 | 하드웨어| 동영상 파일에서 mp3를 추출하자. ^^;; [12] | gooddew | 10972 | 0 | 03-28 |
| 574 | 하드웨어| jDownloader에서 유튜브 동영상 다운로드도 지원하는군요 [1] | Native 64 | 8495 | 0 | 03-28 |
| 573 | 윈 도 우| Windows Media Center에서 YouTube를..? [5] | PiPS | 7441 | 1 | 03-27 |
| 572 | 하드웨어| 스타2의 로그인 방식과 런처를 사용하는 이유 [7] |
|
11804 | 0 | 03-26 |
| 571 | 하드웨어| 트위터를 통해서 잠자는 시간을 알수 있다??? SleepingTime... [3] |
|
20907 | 0 | 03-26 |
| 570 | 하드웨어| p2p업체 개인정보 제 3자 제공안내... [3] | 미테니사키 | 8746 | 0 | 03-24 |
| 569 | 하드웨어| -유튜브에서 동영상 다운받기- [24] |
|
9800 | 1 | 03-23 |
| 568 | 윈 도 우| Windows 7, 화상키보드 클릭하지 않고 사용하기 [7] | PiPS | 10985 | 0 | 03-22 |
| 567 | 하드웨어| MSI Afterburner v1.5.0 / MSI Kombustor v1.0.0 사용법 | Cr.neil | 14585 | 0 | 03-19 |
| 566 | 하드웨어| foobar 2000 v1.0.1 설치와 Yin Yang v0.9.2 by Br3tt 스킨... [6] | ♥ZARD | 20799 | 0 | 03-19 |
| 565 | 윈 도 우| 동영상폴더 열기가 늦으시는분들 [9] |
|
10683 | 0 | 03-19 |
| 564 | 윈 도 우| 탐색기에서 라이브러리 제거해도 작동하는 슬라이드쇼 가젯??? [1] | Mir | 44268 | 0 | 03-19 |
| 563 | 하드웨어| EVGA Precision [9] | Cr.neil | 9451 | 0 | 03-17 |
| 562 | 윈 도 우| Internet Explorer 9 테스트 해보기 | PiPS | 10303 | 0 | 03-17 |
나는 크롬플러스에도 있던걸 난 왜 발견을 못했지..;; 개발자 도구만 만지다 보니;;