Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- lifecycle
- React
- Redux
- 리액트
- 파이어베이스
- useMutation
- Firebase
- next-pwa
- 겹치는 선분의 길이
- google firebase
- 넥스트
- 자바스크립트
- 리엑트
- 투두리스트
- debounce
- Recoil
- 배열
- customModal component 만들기
- Next
- JS
- 생명주기
- csr
- 달리기경주
- 리덕스
- SSR
- programmers
- todolist
- JavaScript
- NextJS
- react-query
Archives
- Today
- Total
목록Progressive Web App (1)
끄적끄적
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/clWODO/btrsysabiO8/iIYcTfkt7BdJHKJTXJLJJk/img.png)
PWA란 Progressive Web App의 줄임말입니다. 쉽게 웹사이트를 앱처럼 사용할 수 있도록 해주는 것입니다. 기존의 웹사이트들을 핸드폰에서 실행할 경우 성능상의 문제로 좋지 않은 경험을 느꼈을 수 있습니다. 하지만 PWA를 이용한다면 네이티브앱과 비슷한 성능의 앱처럼 사용할 수 있습니다. 제가 PWA를 사용하게 된 이유는 2가지입니다. 1. 웹사이트 주소를 매번 입력하여 들어오기 번거로우며, 해당 사이트의 특정 기능을 앱처럼 사용하고 싶다. 2. 핸드폰 푸쉬알림을 이용하여 사용자들의 서비스 질을 높이고 싶다. 이번 글에서는 NextJS로 만들어진 프로젝트를 PWA로 적용하는 법을 다뤄보겠습니다. ■필요한 library 설치하기 npm i next-pwa yarn add next-pwa ■web..
React
2022. 2. 5. 03:23