[DAY19] 07.협업을 위한 IT지식 2

http://bit.ly/3Y34pE0

패스트캠퍼스 [직장인 실무교육]

오늘의 공부 완료 오공완DAY19

07. 협업을 위한 IT지식

07-3.앱개발 방법론의 이해

• 네이티브앱
  • 모바일 기기(디바이스)에 최적화된 네이티브 언어(개발언어)로 개발된 앱
  • 빠르고 안정적이며, 원하는 ui/ux 구현 가능
  • 플랫폼(iOS/Android) API(카메라,GPS,주소록,생체인증 등)의 기능을 활용 가능
  • 플랫폼 간 호환이 되지 않아 별도 개발이 필요하며 비용이 많이 들고, 개발 시간이 많이 소요
• 웹 앱
  • 모바일 화면에맞게 구성한 웹(반응형 웹페이지)
  • 웹 개발 방식과동일하여 빠르게 개발 가능
  • 다양한플랫폼에서 실행 가능
  • 앱 배포 없이 기능을 자유롭게 수정 가능하여 유지보수 용이
  • 플랫폼 API 활용 불가
  • 네이티브앱 보다 유려한 UI/UX 구현이 어려움
• 하이브리드 앱
  • 네이티브앱과 웹 앱의 장점이 결합된 형태로 웹앱에 네이티브 앱 프레임을 씌운 형태
  • 네이티브의 API 활용이 가능
  • 웹개발 기술을 활용해 앱 개발 가능
  • 앱 네이티브 기능에 접근하기 위해 플랫폼별 개발자 필요

---

• https://www.hanl.tech/blog/native-vs-hybrid-vs-pwa/
• 프로그레시브 웹 앱(PWA:Progressive Web App)
  • 각 플랫폼에 최적화된 사용자 경험을 기반으로하며, react와 angular만으로도 개발 가능
  • 서비스 워커를 사용하여 오프라인이나 느린 네트워크에서도 작동 가능
  • 서비스 워커 업데이트 덕분에 항상 최신의 상태로 유지
  • HTTPS를 통해 제공되므로 안전성 확보
  • 다양한 플랫폼에서 실행 가능
  • 네이티브 앱보다 훨씬저렴하고 빠르게 개발
  • 다양한 화면 크기 수용 - 훌륭한 반응형(데스크탑, 모바일, 태블릿 등 모든 폼에 맞음)
  • 네이티브 앱과 유사하여 사용에 용이
  • 오래된 브라우저들은 PWS 지원 불가
  • iOS에서는 성능이 약하며 애플의 장치에 대한 지원 부족
  • 앱 스토어에서는 사용 불가
  • 배터리 전력 소모가 큼

네이티브 앱(Native App) vs 하이브리드 앱(Hybrid App) vs 프로그레시브 웹 앱(PWA) - 정의와 장단점 | 하

• PWA는 웹 기술을 통해 만드는 앱으로 홈 화면에 저장되면 브라우저에서 실행되며, 네이티브 앱처럼 동작함
• 웹이 중심이 되는기술로 검색엔진으로 쉽게 찾을 수 있도록 개발
• PWA를 위한 환경 설정 시 검색엔진이 자바스크립트에 액세스 가능하도록 설정 필요
• https://blog.wishket.com/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%A0%88%EC%8B%9C%EB%B8%8C-%EC%9B%B9-%EC%95%B1pwa%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B4%EB%A9%B0-%EC%99%9C-%ED%95%84%EC%9A%94%ED%95%9C%EA%B0%80/

프로그레시브 웹 앱(PWA)이란 무엇이며, 왜 필요한가? - wishket

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다