[내일배움캠프_UX/UI] 10주차 금요일 WIL

TIL (Today I learned)

 
🙄 오늘 나는 무엇을 했나요
- 포트폴리오 정리

- 우리 제품은 어떤 앱 유형으로 서비스해야 할까? 특강

* 오늘도 개인 일정으로 공부 별로 못함

 

😰 오늘은 어떤 문제를 겪었고, 앞으로는 어떻게 해결할 것인가요

오늘은 공부를 정말 많이 안 해서 겪을 문제가 없었다 ㅎ

 

🧐 오늘은 어떤 것을 배웠나요

우리 제품은 어떤 앱 유형으로 서비스해야 할까? 특강
- 홍윤정 튜터님

- 개발 방법, 앱 실행 방법에 따라 달라지는 앱 유형들

모바일 앱 유형
- 모바일 웹 / 웹앱 / 하이브리드 앱 / 네이티브 앱
- 크로스 플랫폼
- Sass, 백오피스

솔루션 기능에 따라 개발 방식이 달라질 수 있어서 

솔루션 도출 단계나 솔루션 이전에 앱 개발 방식을 고민할 수 있음

1) 모바일웹
- PC페이지를 모바일 화면에 맞게 구성한 웹(반응형 웹)
- 하나의 템플릿으로 개발이 간편하지만 로딩 오래걸림
장점 : 유지 보수 용이, 빠른 개발 가능
별도 앱 설치 필요하지 않음
단점 : url 입력, 검색으로 접근하여 불편
앱 개발 코드를 사용하지 않아 os기능 활용이 어렵고, 자연스러운 모션 구현 어려움
OS기능 : 카메라, 푸시 메세지, 블루투스 등 디바이스에서 기본으로 제공하는 기능
리소스 부족, os기능이 필요없을 때 사용
TED,유튜브,삼성

2) 웹앱
웹으로 접속, 앱과 비슷한 환경
모바일 웹처럼 브러우저를 통해 접속하지만, 앱과 같은 구동방식
모바일에 최적화된 형태
url 앞에 m이 붙어있음
변경된 부분만 데이터를 변경하여 웹 변경보다 속도 빠름
장점 : 모바일 웹의 장점과 같음
단점 : 모바일 웹의 단점과 같음
리소스 충분, 지속적인 업데이가 필요할 때 사용
네이버, 쿠팡, SSG

3) 하이브리드앱
앱으로 접속, 앱과 비슷한 환경
웹앱+네이티브 앱 장점을 살려 개발
겉보기에는 앱의 형태이지만 콘텐츠는 웹을 기반으로 웹 페이지를 불러오는 방식, 즉 웹뷰를 띄우는 방식
하나의 코드 베이스로 시간적으로 효율적, 바로 업데이트 가능
OS 기능 활용 가능
앱을 다운 받아서 접속
장점 : 모바일웹보다 빠르고, OS기능 접근 가능
네이티브 앱보다 개발 비용, 시간 절감되어 유지보수 용이
단점 : 네이티브보다 기능 제한적, 상대적으로 속도 느림

리소스 충분, 지속적인 업데이트가 필요한 경우
네이버, 쿠팡, 크롬

4) 네이티브앱
모바일 기기에 최적화된 네이티브 언어로 개발된 앱
기능과 속도 측면에서 하이브리드보다 우수
인터넷 연결 끊겨도
장점 : OS 기능 접근 가능, 정교한 기능 개발 가능, 높은 사양의 그래픽, 동적 효과 개발 가능
디자인 퍼포먼스를 원하는 만큼 표현 가능
구동 속도 빠르고 안정적
단점 : 개발 범위가 넓고, 많기 때문에 비용이 높고, 시간이 오래 걸림
용량 큼, IOS,Android 플랫폼 제한, 심사과정 거쳐야함
리로스 충분, 지속적인 업데이트 필요하지 않은 경우, 기능 위주 서비스
인스타그램, SNOW, 카카오톡, 토스, 당근마켓, 게임앱

5) 크로스 플랫폼
IOS, Android에서 동일한 소스코드 사용하여 개발한 앱
두개의 OS를 한번에 커버하여 효율적
Flutter, React native
관심도가 점점 높아짐
장점 : 하나의 코드 베이스를 이용하여 개발 비용 절감 및 시간 단축, 

일관된 디자인, 범용성 높음, 네이티브앱과 비교하여 개발 속도가 빠르고, 성능 차이 크지 않음
단점 : 크로스 플랫폼 개발에 대한 이해도 필요, 두 플랫폼에 대한 충분한 이해 필요
페이스북, 인스타그램, BMW, 알리바바, 텐센트, 이베이

- 모바일웹과 웹앱의 차이
모바일 웹을 풀 브라우저 방식, 속도 느림
웹앱은 단일 페이지 방식, 속도 빠름
- 풀브라우저 : 일부분이 변경될 때 전체를 새로 받아옴
- 단일페이지 : 필요한 데이터만 받아옴

7) Sass
서비스형 소프트웨어, 네트워크나 클라우드에서 실행되는 애플리케이션
장점 : 업데이트, 편리하고 쉬운 접근, 시간과 비용 절감, 확장성 및 연동의 유연성
단점 : 네트워크 연결의 의존성, 데이터 보안에 유의, 서비스 제공 업체의 의존성
네이버 클라우드, 드롭박스, 슬랙, 줌, 피그마 등

8) 백 오피스(어드민 페이지)
관리자 화면, 내부 운영자들이 서비스 운영하기 위한 페이지, 서비스의 회원 현황 확인
백오피스도 디자인 작업이 필요? 참여율이 다 다름
백오피스 벤치마킹하는 방법 : 스마트 스토어 관리자 화면

우리 제품은 어떤 앱 유형으로 서비스해야 할지?
리소스가 충분? 지속적인 업데이트가 필요한가?
디바이스 기능이 어느 정도 필요한가?
앱 설치 과정이 필요한가?

 

 

휴가온건 아니지만 외부에서 공부하는 느낌으로