모바일앱이란

페이지 정보

profile_image
작성자유토피아 조회 3회 작성일 2022-05-03 17:28:32 댓글 0

본문

모바일웹과 앱의 기능 차이 및 비용 정리! 하이브리드앱이란?

안녕하세요! 15년 차 홈페이지 제작 장인 홈피남입니다!
오늘은 많이들 헷갈려하시는 모바일웹과 앱(app)의 차이점을 설명해드리겠습니다!

단순히 실행한 화면만 보고서는 두 가지의 차이점을 알기가 어려운데요,
과연 어떤 점이 다르고, 제작 시 비용은 어떻게 달라지는지
알기 쉽게 설명해드리겠습니다!

모바일웹, 어플제작 앱제작도 홈피남에게 맡겨주세요
리쌍 : 딱 궁금하던 내용이라 유익하게 잘 봤습니다^^ 구독했어요!
질문 좀 드릴게요~

pc방, 독서실을 운영하면서 모바일로 여러 정보를 제공하는 목적으로 앱이나 모바일웹을 개발하려고 하는데요,
좌석이 사용중인지 여부, 이용시간, 남은 시간 등의 정보를 표시하려고 하는데,
저의 고민은 이걸 앱으로 제작할 경우 비용 문제, 안드로이드와 ios 모두 만들려면 비용이 두 배(?)가 되는 문제 등이 있는데요,

그렇다면,
1. 모바일 웹으로 제작하는 경우 안드로이드, ios 상관없이 통용 가능한거겠죠..?
2. 영상 중에 설명하신 하이브리드 앱으로 제작하는 경우에도 ios와 안드로이드 각각 제작에 따르는 비용이 드나요?
왕벌이 : 질문 있습니다 저희부모님이 11년전에 홈페이지를 제작사에 돈을 주고 만드셔서 운영하던게 있는데 업데이트 할게 많거나 귀찮으시다고 유지보수 계약을 빼고 진해하셨고 너무 옛날버전의 홈페이지다 보니 제가 이번에 같은 업체 사장님과 상담하고 완전 새롭게 만들려고 하는데 기존 업체에 그대로 맡겨서 새롭게 만들어 될까요? 저희가 다루는 품목이 150가지 이상이 되는데 400~500 정도 말씀하시더라고요 진짜 믿고 맡길만한 곳을 찾고 싶기도 한데 어떻게 해야 할지 업무 특성상 바로바로 고쳐야 할 부분이 있으면 수정해야 하는데 다른 타 업체들은 바쁘다고 문의글로 답을하고 일을 처리 하는 경우도 많다고 하더라고요
So So : 와.... 백그라운드 음악 좀 빼 주시면......

PWA가 뭔가요? (+모바일 앱의 종류)

#PWA #하이브리드앱 #플러터

모바일 어플리케이션의 새로운 개발방식, PWA를 알아보겠습니다.

네이티브 앱이란?: 00:13
웹 앱이란?: 02:01
하이브리드 앱이란?: 03:29
크로스-플랫폼이란?: 04:42
⭐️PWA란?: 05:39
PWA 개발하기: 7:39

= = =

얄코사이트: https://www.yalco.kr
개발자스티커 구매: https://smartstore.naver.com/honeykers

가장 쉬운 Git 튜토리얼:

포인터 쉽게 알아보기:

객체지향에 대해 알아보기:

객체지향 디자인 패턴:

함수형 프로그래밍이란?:

쿠키 vs 세션 vs 캐시:

프로세스와 스레드:

비동기 프로그래밍:

REST API 알아보기:

GraphQL 알아보기:


===

영상 주요 포인트

모바일 앱의 종류
네이티브 앱

네이티브 앱.
스마트폰이란 것이 탄생하면서 있었던
가장 기본적인 형태의 앱이에요.

해당 스마트폰에 깔린 OS
즉 안드로이드 또는 iOS환경에
각각 그 전용으로 개발된 소프트웨인거죠.

...

이처럼 OS 각각의 전용으로 개발되었기 때문에
네이티브 앱은 안드로이드와 iOS 각각에서
주어진 모든 자원과 기능들을 활용할 수가 있어요.

iOS나 안드로이드가 새로 나올 때마다
최신 기능들을 얼마든 탑재할 수 있고

스마트폰의 전후 카메라, 각종 센서,
하드웨어 자원, 내부 파일 시스템 등을
각각의 OS가 허용하는 한 얼마든지 직.접. 활용할 수 있는거죠.

스마트폰의 성능을 최대한 활용할 수 있는
고퀄리티의 앱을 만들 수가 있는거에요.

그리고 각각 iOS의 앱스토어,
안드로이드의 플레이스토어에 올려지기 때문에

구글과 애플에게 검증된 방식대로
쉽게 스토어에서 검색해서 찾을 수 있고
원하는 위치에 아이콘으로 추가해서
언제든 간편하게 사용할 수 있죠.

하지만 단점도 있어요.

iOS와 안드로이드 각각에서 만들어야 하기 때문에
안드로이드 개발자, iOS 개발자를 따로 두거나
혹은 한 사람이 둘을 다 만들어야 하죠.

개발에 드는 인력과 시간이 늘어나는거에요.

...

우수한 성능의 앱을 만들 수 있지만
개발하고 관리하는 과정이 어렵다는 것이
네이티브 앱의 특징이자 장단점으로 정리될 수 있을거에요.

모바일 웹

모바일 웹은 다른 게 아니라
스마트폰 사용자들을 대상으로 만든 웹사이트에요.

...

스마트폰의 좁은 세로화면에서
보기 편안하도록 만들어진 사이트가 모바일 웹이에요.

...

눈치채셨겠지만, 모바일 웹의 장점이라면
개발하고 운영하기가 훨씬 간편하다는거에요.

모바일용으로 웹사이트만 만들어놓으면
사용자 폰에서 크롬이나 사파리 같은
브라우저로 열 수 있기 때문에

웹 개발만 할 줄 알면 OS에 구분 없이
어느 폰에서든 동작하는 웹앱을 만들 수 있고

내용이 바뀔 때도 이 사이트만 업데이트하면 되니까
스토어의 검수를 기다릴 필요 없이
언제든 원하는 때에 버전업을 할 수 있는거죠.

단점은 기능과 성능이에요.

...

브라우저 화면에 나타날 뿐인 모바일 웹으로는
할 수 있는것들이 제한되어 있어요.

이걸로도 만들 수 있는 유용한 앱이 많지만
스마트폰의 모든 자원과 기능을 활용할 수 있는
고성능 게임이나 그래픽 툴 등의 앱은 어렵겠죠.

하이브리드 앱

이 둘 사이에서 절충점을 찾은게 하이브리드에요.

네이티브로 만들되, 그 앱에 브라우저 창을 둬서
일부 또는 대부분의 기능을 웹 형태로 제공하는거죠.

보다 쉽게 말하자면, 안드로이드나 iOS 전용으로
각각 스토어에 올리는 네이티브 앱을 만드는데

그 앱 안에 크롬이나 사파리같은 브라우저처럼
웹사이트를 보여주는 창을 하나 넣는거에요.

...

이런 앱들은 이 네이티브 기능들에 대해서만
스토어를 이용한 업데이트가 필요하고

웹뷰에 나타나는 컨텐츠들은
웹쪽만 업데이트하면 되기 때문에

네이티브 앱보다 더 유연한 운영이 가능하고
탑재할 수 있는 기능에도 제한이 없을거에요.

크로스오버 플랫폼

리액트 네이티브, 플러터, 자마린
이런 크로스오버는 또 다른 방식의 접근이에요.

하나의 언어, 한 번의 개발로
안드로이드와 iOS 모두에서 동작하는
네이티브 앱을 만들기 위한거죠.

리액트 네이티브의 자바스크립트나 플러터의 다트,
또는 자마린의 C#으로 코딩을 하면

iOS와 안드로이드에서 각각 이해할 수 있는 언어로
변환이 돼서 폰에서 돌아가게 되는거거든요.

웹은 브라우저나 웹뷰가 제공하는
이 영역까지의 기능만 사용할 수 있지만

이 크로스오버 플랫폼들은 양쪽 OS의
더 깊은 영역까지 닿을 수 있도록 만들어졌어요.

⭐️ PWA

PWA는 먼저 설명한 것들을 대체하기 위한 것 또는
그것들의 단점을 다 해결할 수 있는 무언가가 아니라

개발하기 쉽고 사용하기 편리한 앱을 만들기 위한
또 하나의 접근법, 방법론이라고 보시면 돼요.

더 정확히는, 이 모바일 웹의 한계를
브라우저의 발전을 통해 끌어올린거죠.

...

브라우저에서 돌아가는 모바일 웹이
어떻게 이게 다 가능하냐구요?

네, 브라우저들이 이제 이런 기능들을 지원하는거죠.
보다 편리한 PWA의 생태계를 위해 위 기능들 뿐 아니라
여러 다른 것들을 가능하도록 하기 위한
브라우저 기능들이 개발되고 발달해가고 있어요.

...

웹으로 개발 가능한 수준의 앱은
브라우저에서 돌리는 것보다 훨씬 편리하게
그리고 지원되는 더 많은 기능들과 함께
이용할 수 있는거에요.

...

거기다 이제 홈에 아이콘으로 추가까지 되니까
스토어에서 다운받는 이 앱들처럼,
기존 사용자들을 묶어놓는것도 가능해진거구요.


===

엔딩송 : 권민호, 김한영 - Let's Dance
자료출처 : https://gongu.copyright.or.kr
Music promoted by DayDreamSound :

얄팍한 코딩사전 : 아래 링크에서 추가 정보를 확인하세요!!
https://www.yalco.kr/28_pwa/
리쌍 : 오래된 영상이지만 너무 유익하게 잘 봤습니다^^

영상보고 궁금한 점이 하나 생겼는데요,
그러면 PWA가 커버할 수 없는, 즉, 반드시 네이티브 앱개발을 해야만 하는 경우가 어떤것들이 있나요?
영상에서는, 카메라 기능, 위치? (gps를 말씀하시는건지? ) 등을 '예시'로 말씀하셨는데,
'구분기준'을 알 수 있을까요?

제가 만들려는 앱이 반드시 네이티브 앱이어야 하는지, PWA로도 충분한지 판단해보고 싶은데,
여~러가지 기능들 하나하나 구분하기가 쉽지가 않네요...ㅠㅠ
dreaming kiwi : 진짜 궁금해하는 부분이였는데 시원하게 설명해주셔서 너무 감사드려요 !!
아기 요다 : 센세의 git똥찬 강의 이~해가 잘되네요. 이 영상에서 언급된 service worker가 ReactJS와 같은 의미를 지닌건가요?
가능하시다면 service worker에 대한 영상을 만들어주신다면 좋을 것 같아요 ㅎㅎ.
감~사합니다.
우성짱TV : 저도 gatsby로 블로그 만들면서 PWA 작업했는데, gatsby는 manifest plugin이 있어서 매우 쉽게 적용했던 기억이 나네요 ㅎㅎ

모바일 웹(Web) VS 모바일 앱(App) 차이점 [에이디커뮤니케이션] AD communication.

#모바일웹제작
#모바일앱제작
#에이디커뮤니케이션

모바일 웹 Web VS 모바일 앱 App
차이점

모바일 웹이란?
PC웹의 형태가 스마트폰에 맞게 즉, 스마트폰의 해상도(480, 640, 800, 1024픽셀 등)에 맞게 구현이 되는 것이라고 생각하면 가장 쉬우며, 태블릿을 고려한 반응형 웹까지를 모바일웹이라고 할 수 있습니다.

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

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

모바일 앱이란?
구글플레이, 앱스토어에서 다운로드해 사용하는 앱이라고 보시면 됩니다.
앱의 장점이자 단점은 개발하고자 하는 OS에 따라 해당 업체 (Apple, Android)의 지원과 제약을 받는다는 것입니다.
그렇기 때문에 OS에서 지원하는 다양한 인터렉션과 효과, 사용자 폰과의 상호 연계성이 뛰어난 점을 가지고 있습니다.

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

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

하이브리드 앱이란?
하이브리드앱은 앱에서 웹페이지를 호출하여 보는 형태입니다.
모바일 앱과 동일하지만 앱에 들어가서 보게되는 화면은 웹페이지라고 생각하시면 됩니다.

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

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


[포트폴리오 보러가기] http://www.ad-plus.kr

#

상호 : 에이디커뮤니케이션(AD communication)
홈페이지 주소 : http://www.ad-plus.kr
제작 문의 : TEL. 1566-8667 / 070-8785-8325
FAX. 02-6924-8414
E-mail. master@ad-com.kr

카카오톡 : https://pf.kakao.com/_upYxgd
네이버톡톡 : https://talk.naver.com/ct/wccdao
공식블로그 : https://blog.naver.com/webadcomm

저작권자 © 에이디커뮤니케이션 무단전재 및 재배포 금지
이를 무단 복제 배포하는 경우 저작권법 제136조, 137조,138조에 의한 권리의 침해죄, 부정발행등의 죄, 출처명시위반의죄 등에 해당될 수 있습니다.
김기남 : 플레이스토어에서 깔수있는 모바일앱 중 인공지능앱을 추천해주세요.답글로요.

... 

#모바일앱이란

댓글목록

등록된 댓글이 없습니다.

전체 7,797건 7 페이지
게시물 검색
Copyright © www.ibd.or.kr. All rights reserved.  Contact : help@oxmail.xyz