강좌 / 팁
하드웨어 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 | - | - | - |
| 566 | 하드웨어| foobar 2000 v1.0.1 설치와 Yin Yang v0.9.2 by Br3tt 스킨... [6] | ♥ZARD | 20833 | 0 | 03-19 |
| 565 | 윈 도 우| 동영상폴더 열기가 늦으시는분들 [9] |
|
10698 | 0 | 03-19 |
| 564 | 윈 도 우| 탐색기에서 라이브러리 제거해도 작동하는 슬라이드쇼 가젯??? [1] | Mir | 44288 | 0 | 03-19 |
| 563 | 하드웨어| EVGA Precision [9] | Cr.neil | 9468 | 0 | 03-17 |
| 562 | 윈 도 우| Internet Explorer 9 테스트 해보기 | PiPS | 10317 | 0 | 03-17 |
| 561 | 하드웨어| Tag(태그)란? [2] | ♥ZARD | 6813 | 0 | 03-17 |
| 560 | 윈 도 우| 원격접속 멀티세션 [4] |
|
11359 | 0 | 03-17 |
| 559 | 윈 도 우| Ctrl, Shift키를 사용하지 않고 파일을 다중선택하기 [18] | PiPS | 9989 | 2 | 03-13 |
| 558 | 하드웨어| --핸드폰으로 뮤직비디오를 보는법...*_* -- [6] |
|
9183 | 1 | 03-13 |
| » | 하드웨어| Google Chrome 브라우저를 이용한 Web App 만들기 [1] |
|
8821 | 0 | 03-13 |
| 556 | 하드웨어| DBGOAutoPower 프로그램 CPU점유율... [3] |
|
8889 | 0 | 03-09 |
| 555 | 윈 도 우| slmgr 내용을 cmd에 출력하기. [3] |
|
10897 | 0 | 03-03 |
| 554 | 윈 도 우| Internet Explorer의 'Windows Internet Explorer'표시 바꾸기 [6] | PiPS | 10440 | 0 | 03-03 |
| 553 | 윈 도 우| 윈도우 7 라이센스 키를 찾을수 없다고 나올때 [2] | 짱닌텐도 | 15383 | 0 | 03-02 |
| 552 | 하드웨어| 토렌트 인터넷 팅김수 줄이는 법 [7] | 에나루 | 13525 | 0 | 03-02 |
| 551 | 윈 도 우| Windows 7 Professional 이하 에디션에 언어팩 설치하기 [6] | PiPS | 20652 | 0 | 03-01 |
| 550 | 윈 도 우| 윈도우7 Windows 정품 인증 기술 업데이트로 인증하기 [21] |
|
111650 | 0 | 02-27 |
| 549 | 윈 도 우| 스니핑 툴. 화면을 찍는 툴입니다 [12] |
|
12121 | 0 | 02-27 |
| 548 | 윈 도 우| 32bit 윈도우, 램 4기가 인식됩니다(불펌) [12] |
|
29323 | 0 | 02-26 |
| 547 | 윈 도 우| 새로운 인증툴 WAT 업데이트 시작됨 [10] |
|
19101 | 0 | 02-26 |
나는 크롬플러스에도 있던걸 난 왜 발견을 못했지..;; 개발자 도구만 만지다 보니;;