모바일서비스의종류

페이지 정보

profile_image
작성자오늘도해피 조회 20회 작성일 2021-03-08 08:26:37 댓글 0

본문

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 :


앱으로 이런것도 돼? 나만 알기 아까운 무료 어플리케이션 추천! (몇개나 쓰고 계세요?)

여러분들은 스마트폰을 얼마나 스마트하게 사용하고 계신가요?

이번에는 제가 직접 사용하고 있는 무료앱 및 멤버십을 소개해 드릴게요.
어쩌면 대부분 사용하고 계실 수도 있지만, 생각보다 모르는 분들이 많아서
이번에 8가지 무료앱과 7가지 멤버십을 소개해 드리려고 합니다.

여러분들은 몇 개나 쓰고 계세요?

재미있게 봐 주세요 ^^

*TimeStamp
00:00 - 도입부
00:59 - 스마트폰을 스캐너 처럼 사용하기
02:17 - 사람이 등록해 주는 명함앱?
03:03 - 카메라만 비추면 자동번역
04:32 - 스마트폰에서도 팩스 가능!
05:04 - 사진 동영상 무제한 저장 클라우드
08:15 - 금융사와 연동되는 가계부
09:20 - 필수가 되어버린 스팸차단
09:52 - 테크몽이 사용하는 멤버십 7종

*문의 : clauds@naver.com
*인스타그램 : https://www.instagram.com/techmong/

기획자 직업의 모든 것 하는 일 총정리 (서비스 기획자, 앱 기획자, 웹 기획자, 광고 기획자, 프로모션 기획자, 전략 기획자)

#기획자 #기획자가하는일 #기획자란

기획자가 무슨 일을 하시는지 궁금하시거나
기획자가 되려면 어떻게 해야하는지 모르시겠다면
오늘 이 영상에서 모두 알려드리도록 하겠습니다.

기획자는 핵심 직무와 자신이 가진 역량에 따라서
같은 기획자이지만 조금씩은 다른 기획을 합니다.
이 영상에서 다룬 기획자의 유형은 크게 5가지로
서비스 기획자, 앱 기획자, 웹 기획자, 광고 기획자, 전략 기획자
위 직무 별 설명과 필요한 역량도 함께 안내 드립니다.

기획자의 직업에 대해서 궁금하신 점이 있다면
댓글로 남겨주시면 확인해서 알려드리도록 하겠습니다!

#기획자 #기획자가하는일 #기획자란

========================================
▶ Music Credit: DJ Quads
Track Name: "Ride of joy"
Music by: Dj Quads @ https://soundcloud.com/aka-dj-quads

... 

#모바일서비스의종류

댓글목록

등록된 댓글이 없습니다.

전체 2,103건 1 페이지
게시물 검색
Copyright © www.miraengm.com. All rights reserved.  Contact : help@oxmail.xyz