본문 바로가기

웹 개발33

동적으로 PWA 앱 매니페스트 만들기 모든 Progressive Web App에는 앱 매니페스트, 앱의 기본 정보(이름, 아이콘, 설명 등)가 포함된 간단한 JSON 파일이 있습니다. 기존 웹 앱에 PWA 기능만 추가하려는 경우, Progressier에는 동적 앱 아이콘 옵션을 포함하여 필요한 모든 것이 있습니다. 그러나 만약 당신이 당신의 웹 앱 매니페스트를 동적으로 만들고 싶다면, 계속 읽어보세요. 전통적인 방식 당신의 첫 번째 PWA를 만들 때, 가장 간단한 방법은 당신의 HTML 템플릿의섹션에 직접 당신의 앱 매니페스트에 링크를 추가하는 것이다. 호스트 매니페스트.json은 당신의 사이트 어디에나 있습니다. 결과 JSON 파일은 다음과 같아야 합니다. { "short_name":"Coronavirus", "name":"The Coro.. 2021. 12. 29.
HTML5 로컬 스토리지 사용: 세션 저장소 최신 브라우저에서는 소량의 텍스트 데이터를 위한 최소 2가지 종류의 클라이언트 측 스토리지가 제공된다. 하나는 로컬 스토리지이고 다른 하나는 세션 스토리지입니다. 둘 다 우리의 자바스크립트 웹 앱에서 다른 용도를 가지고 있습니다. 이 기사에서는 이들 간의 차이점을 살펴보겠습니다. 그리고 자바스크립트 코드에서 어떻게 사용하는지도 살펴봅니다. 로컬 스토리지와 세션 스토리지의 차이점 로컬 스토리지와 세션 스토리지는 서로 다른 용도로 사용됩니다. 로컬 스토리지를 사용하면 삭제될 때까지 데이터를 저장할 수 있습니다. 그들은 그 영역에 머무른다. 그리고 변경사항은 현재 및 향후의 모든 사이트 방문에 적용됩니다. 세션 스토리지 변경은 탭당만 사용할 수 있습니다. 변경 내용은 닫힐 때까지 해당 탭에서만 사용할 수 있습.. 2021. 12. 29.
자바스크립트 실행 순서 자세히 알아보기 처음에는 우리가 많은 것을 알고 있는지 확인할 필요가 있다. JavaScript로 작성한 시트는 실행 컨텍스트라는 큰 것으로 래핑됩니다. 실행 컨텍스트란 무엇일까요? 실행 컨텍스트는 단순히 함수의 코드를 실행하기 위해 생성되며 다음과 같은 두 부분으로 나뉜다. 실행 스레드 기억력 자바스크립트 코드는 어떻게 간단하게 실행되나요? 한 줄 한 줄씩 실행 또는 실행합니다(실행의 스레드라고 함). 이 데이터는 나중에 사용할 수 있도록 메모리에 데이터를 저장합니다. 또 하나, 우리는 매개 변수와 인수의 차이를 알아야 합니다. 우리가 인수를 호출했을 때, 우리는 전달되는 실제 숫자나 값을 의미하며, 매개변수는 그것을 기다리는 자리 표시자입니다. 콜 스택이란? JavaScript는 이 함수가 현재 실행 중인 것을 추적.. 2021. 12. 28.