46일차: 점진적 웹 앱 기초 학습

PWA에 대한 개념을 검토하는 데 하루를 보냈습니다. 프로그레시브 웹 앱(PWA)은 웹 기술로 구축된 앱입니다. 나의 핵심 테이크어웨이:

PWA의 9가지 속성.

반응형

연결성 독립적인 프로그레시브 웹 앱은 오프라인에서 모두 온라인에서 작동합니다.

신선: 항상 최신

안전합니다. 이는 전송 계층 또는 보안 https에서 제공한다는 사실에 기인합니다.

검색 가능

푸시 알림으로 인해 다시 참여 가능

설치 가능

연결 가능

앱과 유사한 상호 작용이 있습니다

.

PWA에서 사용할 수 있는 브라우저 기능

스니프 및 ​​캐시를 변경하는 데 네트워크 프록시를 사용할 수 있습니다.

W3C로 앱 패키징 설치 가능

백그라운드 동기화

로컬 스토리지

게임 패드 API

페이지 가시성 API : 사용자가 실제로 귀하의 브라우저를 보고 있는지 알려줍니다.

오디오 및 비디오 캡처 기능, 미디어 재생 기능.

알림 수신 시 진동 기능.

배터리 상태 기능을 확인하십시오.

통합결제

매니페스트 파일
프로그레시브 웹 앱을 설명하는 속성이 포함된 Json 파일입니다. realfavicongenerator으로 파비콘 매니페스트를 생성했습니다.

{
    "name": "campReemerge",
    "short_name": "campReemerge",
    "icons": [
        {
            "src": "/android-chrome-72x72.png",
            "sizes": "72x72",
            "type": "image/png"
        }
    ],
    "theme_color": "#000000",
    "background_color": "#000000",
    "start_url": "/",
    "display": "standalone",
    "orientation": "any"
}

나 자신에 대한 참고 사항: 배울 것이 많습니다. 기본 사항을 건너뛰지 마십시오.
기초 학습에 대한 몇 분
또한 나 : 이미 무언가를 만들 수 있습니까?

실용적인 부분이 기대됩니다. 오늘은 끝났습니다.
46일차