# pwa

79개의 포스트
post-thumbnail

Vue.js PWA 적용하는 과정을 담은 기록🖊️

안녕하세요, 주인장입니다. Vue.js 프로젝트에서 PWA를 구현하는 과정을 담은 안내서를 작성하고자 이렇게 벨로그를 열게 되었습니다~! 📌 PWA Vue.js 적용 계기 현재 하는 프로젝트가 본인 학교 전 학생들을 대상으로 축제 웹사이트를 제작하고 있기 때문에,

약 19시간 전
·
0개의 댓글
·

Progressive Web App (PWA)

프로그래시브 웹 앱(Progressive Web App)이라고 하며 웹과 네이티브 앱의 기능을 모두 갖춤\-> 우리가 웹(web)에서 사용하는 기술과 네이티브 앱의 장점을 결합HTML, CSS, 자바스크립트(JavaScript)와 같은 웹 기술로 만듦\-> 느낌과 기능

2023년 3월 15일
·
0개의 댓글
·
post-thumbnail

PWA 적용해보기

기존에 만들던 프로젝트에 적용을 해보기위해서 시작을 했습니다.프로그레시브 웹 앱이라고 하며, 웹과 앱의 기능 모두이 이점을 갖도록 수 많은 웹의 특정기술과 표준 패턴을 사용해 개발된 웹 앱입니다.보안 연결Service Workers Service workers는 네트

2023년 3월 7일
·
0개의 댓글
·
post-thumbnail

🔔알림 서버 - 마무리

업로드중..프로젝트를 삭제함에 따라 간단히 글로만 설명 예정임.fcm다음 링크 참고 : PWA구현 불가 요인 : 상세하게 설명하는 글을 찾아 해당 글을 참고해 구현해보았지만, 알 수 없는 오류가 다수 발생했고, Web app 기반이다보니 manifest 등의 설정과 s

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

PWA 적용

PWA, ServiceWorker등등 PWA에 관한 개념 및 사용후기 정리

2022년 12월 28일
·
0개의 댓글
·

[PWA] Progressive Web App

새롭게 떠오르는 웹 브라우저 API를 전통적인 점진적 향상 기법과 함께 사용해서 네이티브 앱에 필적하는 사용자 경험을 제공하는 크로스 플랫폼 웹 애플리케이션입니다WEB APP + (HTTPS + manifest.json + serviceWorker.js)웹 페이지 제작

2022년 12월 22일
·
0개의 댓글
·
post-thumbnail

[동네북] 구글 플레이 스토어에 pwa 앱 출시하기 성공 !

📲 구글 플레이 스토어에 우리의 프로젝트를 출시해보자 > → 드디어 약 4주간의 프로젝트가 끝났다. 워낙 짧은 시간 동안 기획, 디자인, 협업, 기능 구현, 배포, 발표 준비까지 많은 것들을 진행하다보니 메인 프로젝트 중간부터 블로깅을 할 수 없었다. 메인 프로젝

2022년 12월 10일
·
1개의 댓글
·
post-thumbnail

PWA

✍️ 오프라인 에서도 동작 가능한 서비스를 만들기 위해 PWA를 사용한 적이 있다. 3년 전만 해도 자료 찾는 것에 애먹었던 기억이 있는데, 현재는 자동으로 코드를 만들어주는 사이트도 나왔다.😮 유용한 사이트와 함께 정리해 보았다.

2022년 12월 9일
·
0개의 댓글
·
post-thumbnail

Next.js 13 프론트엔드 구성하기

Next.js 13 버전 프론트엔드를 구성해봅시다.

2022년 12월 8일
·
0개의 댓글
·
post-thumbnail

Web Push | React + FCM 구현하기 (feat. pwa, service worker)

웹에서도 네이티브 앱처럼 푸시 알람을 받을 수 있습니다. 웹의 사용성을 네이티브 앱처럼 개선하기 위해서 나온 기술인 PWA(Progressive Web Application)을 활용하면 가능합니다.PWA는 Progressive Web Application으로, 웹이 웹

2022년 12월 2일
·
1개의 댓글
·

Ajax 부터 PWA까지

유튜브 영상으로 대체합니다!https://youtu.be/2XOS0brlrtw

2022년 11월 26일
·
0개의 댓글
·
post-thumbnail

PWA

✏️ PWA란? > PWA는 웹과 네이티브 앱의 기능 모두의 이점을 갖도록 수 많은 특정 기술과 표준 패턴을 사용해 개발된 웹 앱입니다. MDN 공식문서에 있는 내용이다 웹개발을 통해 앱으로도 보여줄 수 있는 장점이 있으니 앱개발을 따로 하지 않아도 되고 푸시 알

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

Vue PWA Github 배포하기

터미널에서 vue add pwa 입력하면 설치가된다.이렇게 PWA 를 적용하고 build를 해야한다.npm run build 를 하게되면 manifest.json , service-worker.js 를 새로 생성한다.그리고 npm run build 는 실제 배포 가능한

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

Vue PWA 이미지 변경

먼저, 모바일 앱 개발자가 앱을 패키징하는 동안 아이콘을 빌드하고 포함하는 것은 자연스러운 일입니다.PWA(progressive Web Apps)의 등장으로 웹 매니페스트 파일에서 아이콘을 구성할 수 있습니다.PWA의 필수 항목 3가지웹 앱 매니페스트(Web App M

2022년 11월 4일
·
0개의 댓글
·

Lighthouse에서 PWA 통과하게 만들기

PWA를 통과하기 위한 최소 조건을 정리해보았습니다

2022년 10월 19일
·
0개의 댓글
·

[React] PWA 셋팅으로 앱 발행하기

Progressive Web App이라는게 있는데 웹사이트를 안드로이드/ios모바일 앱처럼 사용할 수 있게 만드는 일종의 웹개발 기술임더 자세히 말하면 ios, android앱으로 발행하는게 아닌 웹사이트 자체를 스마트폰 홈화면에 설치하는것임위 사진처럼 설치된 앱을 누

2022년 10월 19일
·
0개의 댓글
·
post-thumbnail

[React] menifest.jon? 지워도 될까? ft. PWA

React app 중 필요 없는 파일을 지우며 정리하다가 manifest.json이라는 파일을 보았다. 이 파일은 과연 어디에 쓰이는 파일일까?

2022년 10월 15일
·
0개의 댓글
·

PWA란 무엇인가 왜 필요한가?

요즘 같은 모바일 시대에서 웹사이트로만 서비스를 진행한다면 참여율이 저조할 거라고 생각해서 모바일 환경에서도 정상 작동할 수 있게 할 수 있다면 더 높은 참여율을 올릴 수 있다고 생각했습니다저는 자연스럽게 모바일 사이트에서 네이티브 앱과 같은 사용자 경험을 제공하는 기

2022년 10월 14일
·
0개의 댓글
·
post-thumbnail

PWA용 아이콘 사이즈

PWA용 아이콘 사이즈

2022년 9월 26일
·
0개의 댓글
·