# pwa

25개의 포스트
post-thumbnail

CSR/SSR, SPA/MPA, SSG, PWA란?

웹 개발자라면 제대로 이해하고 있어야 할 용어인 CSR/SSR, SPA/MPA, SSG, PWA, TTV, TTI에 대해서 정리해본다.

약 10시간 전
·
0개의 댓글
post-thumbnail

[PWA] PWA (Progressive Web Apps) 이란?

오늘은 PWA이 무엇인지, 장점은 무엇인지, PWA를 구현하기 위한 3가지 요건은 무엇인지에 대해 공부할 것 입니다.그 이후에는 저번에 만든 웹사이트에 PWA를 적용해볼 예정입니다.PWA란 Progressive Web App의 줄임말입니다.웹과 네이티브 앱의 기능 모두

2021년 5월 1일
·
0개의 댓글
post-thumbnail

기술면접 03

ReferenceAndroid 또는 iOS 같은 어떤 구체적인 플랫폼만을 위해 만들어진 응용 프로그램을 네이티브 앱(Native App)이라고 한다.Android 모바일 앱 개발의 경우는 Kotlin 또는 Java로 네이티브 앱을 만들 수 있고 iOS의 경우 Swift

2021년 4월 30일
·
0개의 댓글
post-thumbnail

PWA

PWA (Progressive web app) PWA는 웹 브라우저 API 및 기능을 사용하여 크로스 플랫폼 웹 애플리케이션에 네이티브 앱과 유사한 사용자 경험을 제공하는 웹 앱이다..

2021년 4월 23일
·
0개의 댓글
post-thumbnail

앱 같은 웹, PWA

HTML, CSS, JS와 같은 웹 기술로 만든 앱구글 크롬 엔지니어 알렉스 러셀이 2015년 고안한 개념으로 본질은 웹이나, 웹과 네이티브 앱의 장점을 동시에 취하고자 출현'네이티브 앱'에 가까운 UX를 제공하는 웹2.1 APP : 매끄러운 사용자 경험, 사용자 lo

2021년 4월 22일
·
0개의 댓글
post-thumbnail

[PWA] Vue.js 프로젝트에 PWA 적용하기

아래 3가지를 충족해야 PWA가 될 수 있다.웹 앱 매니페스트 (Web App Manifest)서비스 워커 (Service Worker)HTTPS 프로토콜Vue 프로젝트가 없다면 Vue CLI를 통해 프로젝트를 생성한다.웹 앱 매니페스트란 앱 소개 정보와 기본 설정을

2021년 4월 1일
·
0개의 댓글
post-thumbnail

[PWA] 순수 자바스크립트로 PWA 만들기

본 포스팅은 프로그레시브 웹앱 만들기(김응석 저, 이지스퍼블리싱) 책을 참고하여 작성 되었습니다.순수 자바스크립트로 PWA 만들기1\. 매니페스트 작성2\. 메인 화면 작성3\. 서비스 워커 등록4\. 캐시 변경하고 서비스 워커 다시 등록

2021년 3월 31일
·
0개의 댓글
post-thumbnail

PWA 를 활용한 push notification 구현 후기(feat. FCM)

PWA 삽질기록

2021년 3월 30일
·
0개의 댓글

Nuxt PWA(oneSignal)

PWA(Progressive Web Apps)는 앱 수준으로 점진적으로 발전해 나가는 웹을 지향합니다. 궁극적으로는 앱 수준과 같은 사용자 경험을 웹에서 제공하는 것이 목적입니다. 이 블로그는 NuxtJS환경에서 PWA를 구축해 보는 것이 목표입니다.

2021년 3월 27일
·
0개의 댓글

Progressive Web App

웹 앱 : 모든 사람들, 모든 장소, 모든 디바이스에서 접속이 가능하다.플랫폼 네이티브 앱 : 하드웨어에 접근할 수 있고 기기 데이터와 상호작용할 수 있는 등 장치의 기능을 활용할 수 있다. 설치할 수 있으므로 오프라인에서도 동작한다.PWA (Progressive We

2021년 3월 13일
·
0개의 댓글
post-thumbnail

앱 개발 방법의 장단점과 PWA

각각 OS에 맞게 주어진 개발 소프트웨어해당 OS 에서 주어진 가이드와 프레임워크로 앱들이 개발되어 디바이스의 주어진 모든 자원과 기능을 활용 할 수있음또한 최신 기능들을 바로 탑재할수가 있고 OS가 허용하는 한 디바이스의 전후 카메라 , 각종 센서 , 내부 파일 시스

2021년 3월 12일
·
0개의 댓글
post-thumbnail

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

첫 아이폰이 2007년 6월에 출시된 후 폭발적인 변화와 성장을 겪어온 모바일 앱 시장. 오늘 현재에는 다양한 방법으로 모바일 앱을 개발할 수 있다. 문제는 – 어느 방법을 선택할 것인가모바일 앱을 개발할 때 어떤 솔루션이 가장 적합할까를 결정하려면 먼저 그 앱이 어떤

2021년 3월 10일
·
4개의 댓글
post-thumbnail

웹 최적화

프런트 엔드 성능 로딩 최적화 1. 브라우저 기준 최적화의 문제점 Navigation Timing processing && load 이 두 이벤트를 앞 단기고 빨리 하는데 목표가 있다. domContentLoadedEvent(processing) - 브라우저가 ht

2021년 2월 14일
·
0개의 댓글
post-thumbnail

React Native (feat. Ionic, Flutter)

RN 설명, Ionic 설명, flutter 간단소개와 RN vs ionic vs Flutter 비교

2021년 1월 16일
·
0개의 댓글

TIL: PWA(Progressive web applications)

프로그레시브 웹 앱, 그러니까 PWA(Progressive web applications)란 무엇일까? 먼저 MDN의 정의를 살펴보자면 이렇다. PWA는 웹과 네이티브 앱의 기능 모두의 이점을 갖도록 수 많은 특정 기술과 표준 패턴을 사용해 개발된 웹 앱입니다.

2021년 1월 11일
·
0개의 댓글
post-thumbnail

TIL] PWA(+모바일 앱의 종류)?

개발하기 쉽고 사용하기 편리한 앱을 만들기 위한 방법론 중의 하나로 모바일 웹의 한계를 브라우저의 발전을 통해 끌어올린 것으로 고성능의 앱을 개발하는 것은 한계가 있지만, 굳이 앱 형태로 개발할 필요가 없는 경우에는 브라우저에서 돌리는 것보다 훨씬 편리하게 이용할 수

2020년 12월 26일
·
0개의 댓글
post-thumbnail

PWA & 서비스 워커

최근 모바일 뷰에 대해 고민하면서 PWA 를 적용해보면 어떨까 하는 생각이 들어 PWA 를 공부해 보았습니다. 생각보다 자료가 알기 어려워서 정리할 겸 작성해봅니다. Progressive Web AppAPP LIKE 하게 동작하는 웹 사이트정의는 애매모호하지만 Goog

2020년 11월 17일
·
1개의 댓글
post-thumbnail

코로나 건강 설문 앱을 만들면서(feat. google forms, react, pwa, firebase functions)

회사에서 코로나 때문에 매일 건강 이상 여부를 체크하는 구글 설문지를 작성해야되는 일이 생겼습니다. 사실 1분도 채 안 걸리지만 여간 귀찮은 일이 아니어서 자동화를 해보기로 마음먹었습니다.먼저 매일 매일 제출해야 했었던 설문지입니다. 원본이 아니라 제가 비슷하게 만든

2020년 8월 22일
·
4개의 댓글
post-thumbnail

pwa cache pattern

캐싱패턴이라... 프론트 개발자에게는 조금 생소한 주제일 수 있다.하지만 요새 트렌드의 방향이 PWA인 만큼 캐쉬에 대해서 자세하게 알아보도록 하자.여기서 캐싱 패턴이란, serviceWorker에 캐싱된 데이터를 어떻게 이용할 지 정하는 것을 말한다.우선 가장 기본적

2020년 7월 4일
·
0개의 댓글