강좌 / 팁
하드웨어 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 | 하드웨어| 자동동기화 가능한 무료 웹하드 Dropbox [15] |
|
9455 | 0 | 08-18 |
| 173 | 하드웨어| MS Office 2010 Beta 제거가 안될때 | 커피한사발 | 9508 | 0 | 11-23 |
| 172 | 하드웨어| 이 것도 팁이랄까 [11] |
|
9515 | 0 | 05-23 |
| 171 | 하드웨어| TeamViewer 5 - 원격제어 프로그램 [10] | 진모씨 | 9520 | 0 | 01-15 |
| 170 | 하드웨어| HP nx8420s 팬소음 줄이기 위한 써멀구리스 도포記 [13] | 해삼 | 9608 | 0 | 09-02 |
| 169 | 하드웨어| ****바이오스 업그레이드 방법****(텍스트) | gooddew | 9646 | 1 | 06-17 |
| 168 | 하드웨어| -SpeedConnect Internet Accelerator- [14] |
|
9667 | 1 | 04-20 |
| 167 | 하드웨어| Space와 Shift+Space 쓰시나요.. [26] | Native 64 | 9723 | 0 | 04-26 |
| 166 | 하드웨어| [곰플레이어] 영화(동영상) 볼때 말 소리(음성)가 너무 작... [5] | gooddew | 9790 | 0 | 05-22 |
| 165 | 하드웨어| 저용량 하드 디스크 활용하기 [9] | DOS | 9792 | 5 | 12-22 |
| 164 | 하드웨어| 원격으로 컴퓨터 켜기 및 원격제어하기 2-3 [3] | 지똥구리 | 9799 | 0 | 01-14 |
| 163 | 하드웨어| -유튜브에서 동영상 다운받기- [24] |
|
9800 | 1 | 03-23 |
| 162 | 하드웨어| 노트북 CPU교체하기.(엑박수정) [16] |
|
9897 | 2 | 07-28 |
| 161 | 하드웨어| 픽셀피치란 과연 무엇일까요? [2] | 메리아 | 9914 | 5 | 06-24 |
| 160 | 하드웨어| 쉽게 컴퓨터 잔류전류 방전시키기 [1] | gooddew | 9916 | 0 | 08-03 |
| 159 | 하드웨어| SAMSUNG SLP1.0 개조 안되시는분들께 | gooddew | 9950 | 0 | 06-17 |
| 158 | 하드웨어| '안전하게 제공된 콘텐츠만 보시겠습니까?' 메시지 없애기 [9] | PiPS | 10039 | 2 | 04-21 |
| 157 | 하드웨어| SSD TRIM관련 파일복구 이슈(인텔의 경우) [10] | 메리아 | 10069 | 2 | 08-19 |
| 156 | 하드웨어| AMI BIOS 수정법.. | gooddew | 10076 | 0 | 06-17 |
| 155 | 하드웨어| 고스트복구시 CRC32에러의 원인과 해결법. [2] |
|
10102 | 0 | 06-04 |
나는 크롬플러스에도 있던걸 난 왜 발견을 못했지..;; 개발자 도구만 만지다 보니;;