환영합니다. 바다아이 홈페이지 입니다.

'대통령을 욕하는 것은 민주사회에서 주권을 가진 시민의 당연한 권리입니다. 대통령을 욕하는 것으로 주권자가 스트레스를 해소할 수 있다면 저는 기쁜 마음으로 들을 수 있습니다. - 노무현 -'

이번주 로또 및 연금번호 발생!! |

HOME |

여기는? |

바다물때표 |

알림 (17) |

여러가지 팁 (1063) |

추천 및 재미 (156) |

자료실 (22) |

시사, 이슈, 칼럼, 평론, 비평 (640) |

끄적거림 (137) |

문예 창작 (716) |

바람 따라 (75) |

시나리오 (760) |

드라마 대본 (248) |

살인!

리눅스 데스크탑 (232)
리눅스 서버 (148)
윈도우 관련 (8)
freebsd 데스크탑 (31)
freebsd 서버 (34)
쉘 스크립트 (6)
html/css/xml (48)
html5 (4)
golang (179)
php (2)
디자인 관련 (1)
javascript/jquery (76)
DATABASE (9)
mariadb, mysql (33)
postgresql (45)
생활/쇼핑 (39)
컴퓨터/핸드폰 (45)
종교/자선 (3)
요리관련 (22)
음식관련 (15)
의학관련 (9)
건강/운동 관련 (13)
주식, 금융관련 (3)
자동차, 운전 관련 (21)
기계 관련 (9)
스포츠 관련 (1)
과학, 수학관련 (1)
문학관련 (8)
좋은 글 (8)
낚시관련 (1)
원예관련 (9)

현재 접속자

바다아이에게 후원하기

개정 공동번역 성경보기

기존 공동번역 성경보기

소스 하이라이팅

도로명 주소검색

URL encode, decode

javascript 줄 맞추기

Hits :

컴퓨터/핸드폰

컴퓨터/핸드폰 - [모바일] 네이티브앱 vs 모바일웹앱 vs 하이브리드앱

이 름 : 바다아이 | 조회수 : 8171

<div class="se_component se_paragraph default">
<div class="se_sectionArea">
<div class="se_editArea">
<div class="se_viewArea se_ff_nanumbarungothic se_fs_T3 se_align-left">
<div class="se_editView">
<div class="se_textView">
<p class="se_textarea"><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">스마트폰 대중화로 인해 IT 환경도 다양화 되고 있는거 알고 계신가요 ? </span><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">웹서비스 방식도 기존의 데스크탑에서만 사용되었지만 현재는 다양한 스마트폰 디바이스로 서비스되고 있는 시점 입니다. 그에 따라 </span><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">서비스 제공하는 업체들은 기존 웹 방식에서 확장하여 모바일 웹 , 모바일 앱 등의 방식으로 점차 다양해 지고 있습니다. 그래서 오늘 총 3가지</span><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">의 방식을 정리하고 장단점을 살펴보는 시간을 가져볼까 합니다. 그럼 지금부터 한번 확인해 볼까요 ? ✿˘◡˘✿</span><br />
<br />
&nbsp;</p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="se_component se_paragraph default">
<div class="se_sectionArea">
<div class="se_editArea">
<div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-left">
<div class="se_editView">
<div class="se_textView">
<p class="se_textarea"><br />
<span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(0, 0, 0);"><b>모바일 </b></span><span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(240, 44, 140);"><b>웹앱 </b></span><br />
<span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(0, 0, 0);"><b>WEB + APP </b></span><br />
<br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">웹앱은 모바일웹 과 네이티브앱을 결합한 형태로 모바일웹의 특징을 가지면서 네이티브앱의 장점을 갖고 있습니다. 모바일웹 보다는 조금 더 </span><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">모바일에 최적화 된 앱을 의미 합니다. 웹앱도 모바일웹 처럼 일반적인 웹기술로 개발되고 모바일 브라우저에서 실행되지만 풀 브라우저 방식이 아닌 단일 페이지 방식으로 화면을 진화해 속도가 빠르다는 장점이 있습니다. </span><br />
<br />
<span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(0, 0, 0);"><b>여기서 잠깐 </b></span><br />
<span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(0, 118, 200);"><b>모바일 웹</b></span><span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(0, 0, 0);"><b> web 이란 </b></span><br />
<br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">모바일 웹은 모바일에서 PC용 사이트의 글자폰트와 이미지 , 터치 아이콘 , 플래시 등 데스크탑 브라우저에서 실행되는 기능을 모바일에 맞추어 표현한 사이트를 의미합니다. 쉽개말해 , PC용 홈페이지를 모바일 스크린의 크기에 맞춰 줄여 놓은 것이라고 생각하시면 됩니다. </span><br />
<br />
<span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(0, 0, 0);"><b>모바일 웹앱의 </b></span><span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(241, 47, 34);"><b>장점 </b></span><br />
<br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">■ 웹사이트를 보는 것이기 때문에 따로 설치할 필요가 없습니다.</span><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);"><span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">■</span> 모든 기기와 브라우저에서 접근할 수 있습니다.</span><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);"><span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">■</span> 별도 설치 및 승인과정이 필요치 않아 유지보수가 용이 합니다.</span><br />
<br />
<span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(0, 0, 0);"><b>모바일 웹앱의 </b></span><span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(241, 47, 34);"><b>단점</b></span><br />
<br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);"><span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">■</span> 플랫폼 API (카메라 등) 을 사용할 수 없고 오로지 , 브라우저 API만을 사용할 수 있습니다. </span><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);"><span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">■</span> 친화적인 터치 앱을 개발하기가 약간 번거로운 점이 있습니다. (까다로움) </span><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);"><span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">■</span> 네이티브 , 하이브리드 앱보다 실행이 까다롭습니다. (브라우저를 열고 검색해 들어가야 합니다.)</span><br />
<br />
&nbsp;</p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="se_component se_paragraph default">
<div class="se_sectionArea">
<div class="se_editArea">
<div class="se_viewArea se_ff_nanumgothic se_fs_T3 se_align-left">
<div class="se_editView">
<div class="se_textView">
<p class="se_textarea"><br />
<br />
<span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(0, 175, 239);"><b>하이브리드 </b></span><span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(0, 118, 200);"><b>앱</b></span><span class="se_ff_nanumbarungothic" style="color: rgb(0, 118, 200);"> </span><br />
<br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">하이브리드 앱은 기본적으로 &#39; 네이티브앱 + 웹앱&nbsp; &#39; 이라고 생각하시면 쉽습니다. 일반적으론 네이티브웹에 웹view를 띄워 웹앱을 실행 시키는 것이 보편적이며 양쪽의 API 를 모두 사용할 수 있는것이 큰 장점 입니다. </span><br />
<br />
<span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(0, 0, 0);"><b>하이브리드 APP의 </b></span><span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(240, 44, 140);"><b>장점 </b></span><br />
<br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);"><span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">■</span> 네이티브 API 와 브라우저 API 를 이용한 다양한 개발이 가능 합니다. </span><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);"><span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">■</span> 웹개발 기술을 사용해 앱을 개발할 수 있습니다.</span><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);"><span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">■</span> 한번의 개발로 다수의 플랫폼에 대응할 수 있습니다. </span><br />
<br />
<span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(0, 0, 0);"><b>하이브리드 APP의 </b></span><span class="se_ff_nanumbarungothic se_fs_T1" style="color: rgb(240, 44, 140);"><b>단점</b></span><br />
<br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);"><span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">■</span> 네이티브 기능에 접근하기 위해선 네이티브 개발 지식이 결국 필요합니다.</span><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);"><span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">■</span> 웹뷰에서 앱을 실행하는 경우이기 때문에 앱의 성능이 곧 브라우저의 성능 입니다.</span><br />
<span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);"><span class="se_ff_nanumbarungothic" style="color: rgb(0, 0, 0);">■</span> UI 프레임워크 도구를 사용하지 않는다면 개발자가 UI를 제작해야 합니다. </span><br />
&nbsp;</p>
</div>
</div>
</div>
</div>
</div>
</div>

짧은 주소 : https://www.bada-ie.com/su/?291591783855

스마트폰 대중화로 인해 IT 환경도 다양화 되고 있는거 알고 계신가요 ?
웹서비스 방식도 기존의 데스크탑에서만 사용되었지만 현재는 다양한 스마트폰 디바이스로 서비스되고 있는 시점 입니다. 그에 따라
서비스 제공하는 업체들은 기존 웹 방식에서 확장하여 모바일 웹 , 모바일 앱 등의 방식으로 점차 다양해 지고 있습니다. 그래서 오늘 총 3가지
의 방식을 정리하고 장단점을 살펴보는 시간을 가져볼까 합니다. 그럼 지금부터 한번 확인해 볼까요 ? ✿˘◡˘✿

네이티브 앱

Native APP

네이티브 앱은 우리가 흔히 말하는 ' 어플리케이션 ' 을 의미 합니다. 모바일 기기에 최적화 된 언어로 개발 된 앱으로 안드로이드 SDK를 이용해 Java (자바) 언어로 만드는 앱과 iOS 기반 SDK를 이용해 Swift (스위프트) 로 만드는 대부분의 앱이 여기에 속한다고 할 수 있습니다.

네이티브 앱의 장점

■ 성능이 웹앱 , 하이브리드 앱에 비하여 가장 높습니다.
■ 네이티브 API를 호출하여 사용함으로 플랫폼과 밀착되어 있습니다.
■ 해당 언어에 익숙한 사용자라면 좀 더 쉽게 접근할 수 있습니다.

네이티브 앱의 단점

■ 플랫폼에 한정적 입니다.
■ 해당 플랫폼에서 요구하는 언어에 제약적 입니다. 따라서 해당 언어와 플랫폼의 API를 다루는데 익숙해야 합니다.

모바일 웹앱
WEB + APP

웹앱은 모바일웹 과 네이티브앱을 결합한 형태로 모바일웹의 특징을 가지면서 네이티브앱의 장점을 갖고 있습니다. 모바일웹 보다는 조금 더
모바일에 최적화 된 앱을 의미 합니다. 웹앱도 모바일웹 처럼 일반적인 웹기술로 개발되고 모바일 브라우저에서 실행되지만 풀 브라우저 방식이 아닌 단일 페이지 방식으로 화면을 진화해 속도가 빠르다는 장점이 있습니다.

여기서 잠깐
모바일 웹 web 이란

모바일 웹은 모바일에서 PC용 사이트의 글자폰트와 이미지 , 터치 아이콘 , 플래시 등 데스크탑 브라우저에서 실행되는 기능을 모바일에 맞추어 표현한 사이트를 의미합니다. 쉽개말해 , PC용 홈페이지를 모바일 스크린의 크기에 맞춰 줄여 놓은 것이라고 생각하시면 됩니다.

모바일 웹앱의 장점

■ 웹사이트를 보는 것이기 때문에 따로 설치할 필요가 없습니다.
■ 모든 기기와 브라우저에서 접근할 수 있습니다.
■ 별도 설치 및 승인과정이 필요치 않아 유지보수가 용이 합니다.

모바일 웹앱의 단점

■ 플랫폼 API (카메라 등) 을 사용할 수 없고 오로지 , 브라우저 API만을 사용할 수 있습니다.
■ 친화적인 터치 앱을 개발하기가 약간 번거로운 점이 있습니다. (까다로움)
■ 네이티브 , 하이브리드 앱보다 실행이 까다롭습니다. (브라우저를 열고 검색해 들어가야 합니다.)

하이브리드 앱

하이브리드 앱은 기본적으로 ' 네이티브앱 + 웹앱 ' 이라고 생각하시면 쉽습니다. 일반적으론 네이티브웹에 웹view를 띄워 웹앱을 실행 시키는 것이 보편적이며 양쪽의 API 를 모두 사용할 수 있는것이 큰 장점 입니다.

하이브리드 APP의 장점

■ 네이티브 API 와 브라우저 API 를 이용한 다양한 개발이 가능 합니다.
■ 웹개발 기술을 사용해 앱을 개발할 수 있습니다.
■ 한번의 개발로 다수의 플랫폼에 대응할 수 있습니다.

하이브리드 APP의 단점

■ 네이티브 기능에 접근하기 위해선 네이티브 개발 지식이 결국 필요합니다.
■ 웹뷰에서 앱을 실행하는 경우이기 때문에 앱의 성능이 곧 브라우저의 성능 입니다.
■ UI 프레임워크 도구를 사용하지 않는다면 개발자가 UI를 제작해야 합니다.

✿˘◡˘✿ 스마트폰이 대중화 되면서 다양한 방식의 플랫폼으로 개발할 수 있는 방식이 있다라는 부분 , 모두 이해 되셨나요 ?
각가의 개발 방식마다 장단점이 있기 마련 (!) 어떠한 개발 방식인지는 쉽게 정리해 보았는데 도움이 좀 되셨을까요 ?
앞으로는 더욱더 심화 된 , 좋은 정보와 지식으로 찾아오도록 하겠습니다.
오늘은 여기까지 에이콘 글쓰니 현져니 였습니다. 다음에 또 만나요. Good - Bye

출처 : https://m.blog.naver.com/acornedu/221012420292

1 page / 2 page
번 호	카테고리	제 목	이름	조회수
45	컴퓨터/핸드폰	크롬 브라우저... 컴퓨터 재부팅 후 기존 접속했던 페이지 그대로 열기...	바다아이	594
44	컴퓨터/핸드폰	사용 안 하고 장기간 방치되어 있던 삼성 핸드폰 켜는 법.... 삼성 스마트폰 빈 배터리 그림만 나올 때.. 삼성폰. 충전 안될 때..	바다아이	962
43	컴퓨터/핸드폰	스피커 지지직 소리. 스피커 잡음....	바다아이	1787
42	컴퓨터/핸드폰	구글 애드센스 광고 로딩 속도 느릴 때 해결 방법... 애드센스 속도 높이기...	바다아이	3202
41	컴퓨터/핸드폰	그래픽 카드... 회사별.. 글자 가독성 문제.... 그래픽 카드 밝기, 명암, 색상 문제..	바다아이	2281
40	컴퓨터/핸드폰	유심 재사용, 유심 재활용....	바다아이	2877
39	컴퓨터/핸드폰	크롬 chrome 스크롤 scroll 속도 조절하기... 스크롤 속도 올리기, 크롬 휠 속도...	바다아이	4895
38	컴퓨터/핸드폰	갤럭시 s7 엣지 커스텀 os 설치하기, 리니지 os 19.1, 안드로이드 12 설치하기...	바다아이	8013
37	컴퓨터/핸드폰	알뜰폰 정리... 핸드폰, 공짜폰...	바다아이	4927
36	컴퓨터/핸드폰	통신요금 장기체납 및 미납금 확인하기... 인터넷, 핸드폰, 티비, 연체 기록 확인	바다아이	4835
35	컴퓨터/핸드폰	알뜰폰 정리... 알뜰폰 소개....	바다아이	5585
34	컴퓨터/핸드폰	컴퓨터 마우스 잘 안 움직일 때....	바다아이	4359
33	컴퓨터/핸드폰	kt, u+ 에서 핸드폰, 스마트폰 모바일티머니 사용하기...	바다아이	5681
32	컴퓨터/핸드폰	알뜰폰 가입, 번호이동, 명의변경, 해지 등등 주의사항.... 알뜰폰 적과의 동침.!!	바다아이	4064
31	컴퓨터/핸드폰	중립번호이동, 중립기관 제한기간내 번호이동 신청방법, 번호이동 후 3개월 전에 타사로 번호이동 하기.. 중립번이..	바다아이	6828
30	컴퓨터/핸드폰	삼성 갤럭시 스마트폰 통신사 펌웨어, 롬 변경하기 (갤럭시 S7 시리즈, 갤럭시 노트 FE)	바다아이	8123
29	컴퓨터/핸드폰	연결선 HDMI, VGA(D-SUB), DVI, DP 차이점.... 결론은 현재는 무조건 HDMI 를 쓰세요...	바다아이	4540
28	컴퓨터/핸드폰	삼성 갤럭시 S7 엣지 노혼 배터리 교체 후기..	바다아이	6925
27	컴퓨터/핸드폰	삼성 갤럭시 핸드폰 강제부팅! 다운로드중 전원을 끄지 마세요! 해결방법	바다아이	6346
26	컴퓨터/핸드폰	마이크로 유심을 -> 나노 유심으로 자르기.... 유심 자르기.	바다아이	4907
25	컴퓨터/핸드폰	웹 프로그램... 궁시렁...	바다아이	4856
24	컴퓨터/핸드폰	모니터 높이 어찌 하시나요, 모니터 눈 위치... 모니터 눈 높이.	바다아이	5821
23	컴퓨터/핸드폰	파일서버란? SMB/CIFS/NFS란?	바다아이	6482
22	컴퓨터/핸드폰	Oracle Cloud Free Tier, 오라클 클라우드 평생 무료... vps 무료.. 무료 클라우드	바다아이	14647
21	컴퓨터/핸드폰	firefox 파이어폭스에서 유튜브 로그인 에러날 때... 유튜브 로그인 오류	바다아이	7316
20	컴퓨터/핸드폰	파이어폭스 DoH(DNS over HTTPS), ESNI(Encrypted SNI) 설정하기, 유해사이트 차단 해제.	바다아이	7959
19	컴퓨터/핸드폰	통신사별 DNS 서버 IP 주소, skt, u+, kt, lg, google	바다아이	7829
18	컴퓨터/핸드폰	2018 하이브리드 앱 개발툴(프레임워크) TOP 5	바다아이	11968
현재글	컴퓨터/핸드폰	[모바일] 네이티브앱 vs 모바일웹앱 vs 하이브리드앱	바다아이	8172
16	컴퓨터/핸드폰	aws lightsail 사용후기... 아마존 라이트세일...	바다아이	11215
1 2
\| \|

Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ Ubuntu + GoLang + PostgreSQL + Mariadb ]
서버위치 : 오라클 클라우드 춘천 실행시간 : 0.06101 초
to webmaster... gogo sea. gogo sea.