강좌 / 팁
하드웨어 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 | - | - | - |
| 174 | 하드웨어| VMware 7.1에 OS X 설치하기 [13] |
|
25188 | 0 | 07-01 |
| 173 | 하드웨어| 내컴퓨터에 OS X 설치하자!! AMD도 가능 (VMware7.1) [14] |
|
26810 | 0 | 07-03 |
| 172 | 하드웨어| 아수스 p5q se 마더보드 바이오스 업데이트하다가 잘못 건... [10] | 회탈리카 | 12757 | 0 | 07-04 |
| 171 | 하드웨어| Expandable VHD 최적화가 되지 않을때, [1] | BigShit | 15033 | 0 | 07-05 |
| 170 | 하드웨어| 공유기 증폭안테나 만들기 [7] |
|
13686 | 0 | 08-30 |
| 169 | 하드웨어| 로보폼을 보다 편리하게 사용하는 방법.. [24] | 이현우 | 10996 | 0 | 07-13 |
| 168 | 하드웨어| 공유기 메쉬증폭안테나 만들기---수정 [4] |
|
11716 | 0 | 08-31 |
| 167 | 하드웨어| 네이버 카페 글 회원가입 없이 보는 법 [9] |
|
19959 | 0 | 08-10 |
| 166 | 하드웨어| 자동동기화 가능한 무료 웹하드 Dropbox [15] |
|
9455 | 0 | 08-18 |
| 165 | 하드웨어| Adobe CS5 업데이트 오류 해결 [4] | dogma01 | 12895 | 0 | 09-03 |
| 164 | 하드웨어| photoshop cs5 print screen clipboard 문제해결 [5] |
|
8654 | 0 | 09-03 |
| 163 | 하드웨어| [TIP}네이버에서, 사진 저장하는 방법 [10] | 라임노트 | 12208 | 0 | 09-20 |
| 162 | 하드웨어| 64bit IE를 간단히 기본 프로그램으로! [31] |
|
13817 | 0 | 09-22 |
| 161 | 하드웨어| 업체 전화 무료 통화 방법 [6] | Native 64 | 10756 | 0 | 10-09 |
| 160 | 하드웨어| 순간복구툴의 최강자 - RollBack Rx 9.1 Build 2695223310_... | 레드 썬 | 14066 | 0 | 10-10 |
| 159 | 하드웨어| 순간복구툴의 최강자 - RollBack Rx 9.1 Build 2695223310_... | 레드 썬 | 15204 | 0 | 10-10 |
| 158 | 하드웨어| 순간복구툴의 최강자 - RollBack Rx 9.1 Build 2695223310_... [14] | 레드 썬 | 19530 | 0 | 10-10 |
| 157 | 하드웨어| 파티션 클러스터 사이즈와 성능 [8] |
|
10680 | 0 | 10-17 |
| 156 | 하드웨어| HP nx8420s 팬소음 줄이기 위한 써멀구리스 도포記 [13] | 해삼 | 9608 | 0 | 09-02 |
| 155 | 하드웨어| iPhone/ iPad로 무선프린터 사용(AirPrint)-윈도우PC가능 [3] |
|
22761 | 0 | 11-08 |
나는 크롬플러스에도 있던걸 난 왜 발견을 못했지..;; 개발자 도구만 만지다 보니;;