https://github.com/osohyun0224/react-pwa-project

React + Typescript 프로젝트에 pwa 적용하는 개발 공부 저장소
https://github.com/osohyun0224/react-pwa-project

pwa pwa-template react typescript

Last synced: 20 days ago
JSON representation

React + Typescript 프로젝트에 pwa 적용하는 개발 공부 저장소

• Host: GitHub
• URL: https://github.com/osohyun0224/react-pwa-project
• Owner: osohyun0224
• Created: 2023-07-25T06:09:55.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-07-26T04:13:30.000Z (over 1 year ago)
• Last Synced: 2025-01-18T18:57:48.083Z (24 days ago)
• Topics: pwa, pwa-template, react, typescript
• Language: TypeScript
• Homepage:
• Size: 454 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
## React + Typescript 프로젝트에 pwa 적용하기 위한 개발 저장소

### 📌 PWA란?

- Progressive Web Application의 약자인 PWA는, 웹으로 개발된 사이트를 앱처럼 사용할 수 있는 것입니다. 반응형이나, 모바일 화면을 고려하지 않은 웹사이트를 앱처럼 보이기에는 어려워서 이 점을 고려하여 웹사이트를 개발해야합니다.

- 브라우저에서 실행되는 Web App을 마치 네이티브 앱처럼 만들어 주는 기술이며, 네이티브의 기능을 사용할 순 없지만 읽기 속도, 표시 속도, 오프라인에서의 실행 등 이점을 얻을 수 있다. 서비스 형태에 따라 PWA 사이트에 접속한 경우, 바탕화면에 PWA를 설치할까요? 라는 팝업을 띄울 수도 있다. 설치하게 되면, 다른 네이티브 앱들처럼 새로운 앱이 설치된것마냥 녹아들게 된다.

### 📌 기존 PWA 공부 흔적 

[Vue.js 프로젝트에 PWA 적용 삽질기](https://github.com/osohyun0224/Vue.js_PWA_Apply_hallymfestival)

### 📌 React + PWA-CRA-Template

- [PWA REACT TEMPLATE](https://create-react-app.dev/docs/making-a-progressive-web-app/)

- [PWA REACT TEMPLATE- repo](https://github.com/cra-template/pwa)

### 📌 개발 기록 블로그 바로 확인하기

- [React 프로젝트에 PWA 적용하기-velog](https://velog.io/@osohyun0224/React-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EC%97%90-PWA-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0)