# manifest.json

6개의 포스트
post-thumbnail

크롬 익스텐션 개발 맛보기(manifest.json Docs)

이 글의 모든 것은 Docs에 그대로 있다. 그리고 Docs가 더 자세하게 나와있다. 출처: https://developer.chrome.com/docs/extensions/ 기본 구조 Docs의 예시 코드 중 Tab-manager extension의 구조를 가져왔다. 중요한 것은 사실 manifest.json이다. pop-up파일이나 image 등 다른 파일은 경로만 설정해주면 된다. 코드 분석 manifest.json 기본적이고 익스텐션의 중추인 파일인데 처음 보면 뭐가 어떤 역할을 하는지 알기 어려움. Required manifest_version: 현재 최신버전이 v3이므로 3 name: 최대 45자의 텍스트 ![](https://velog.velcd

2023년 9월 17일
·
0개의 댓글
·
post-thumbnail

javascript 코드 관리 용어 정리

nest React에서 "nest"라는 개념은 컴포넌트 계층 구조를 구성하는 것을 의미합니다. Nesting은 컴포넌트를 다른 컴포넌트 내에 중첩시키는 것을 말합니다. React에서는 UI를 작은 단위의 재사용 가능한 컴포넌트로 구성합니다. 이러한 컴포넌트들은 계층 구조로 이루어져 부모 컴포넌트와 자식 컴포넌트 관계를 형성합니다. 이때, 부모 컴포넌트 내에 자식 컴포넌트를 중첩시켜 사용하는 것을 Nesting이라고 합니다. Nesting을 통해 복잡한 UI를 단순화하고 구성 요소를 재사용할 수 있습니다. 각 컴포넌트는 독립적이고 재사용 가능한 기능을 가지며, 이러한 컴포넌트들을 중첩시켜 원하는 복잡도의 UI를 구성할 수 있습니다. 부모 컴포넌트는 자식 컴포넌트에게 데이터나 속성을 전달할 수 있고, 자식 컴포넌트는 이를 받아 사용할 수 있습니다. React의 Nesting은 컴포넌트의 재사용성과 유지보수성을 향상시키는 데에 도움을 주는 중요한 개념입니다. 컴포넌트를 작은 단위

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

PWA 적용

🎉 PWA 네이티브 앱처럼 사용할 수 있는 기술 PWA안에 오프라인지원, A2HS 등등 기능들이 포함 Service Worker 오프라인, 푸시, 백그라운드 등등 기능을 지원 리소스 캐싱 PWA의 핵심 파일 > https://developer.mozilla.org/ko/docs/Web/API/ServiceWorkerAPI 빠른로딩 외부에 있는 service-worker가 캐시역할을 해줘서 빠른로딩이 된다. 오프라인 지원 데이터가 꺼졌을때 접속하면 특정 html 파일을 호출. 라이브페이지기능 데이터가 꺼지기 전에 캐시된 페이지가 호출 구글링을 해보면 일부러 이 기능을 끄는 사람도 많은걸 봐서는 일반사용자는 선호하진 않는것같다. A2HS (Add to Home Screen) 웹앱을 프로그램으로 따로 설치하는 기술 안드로이드, 웹 둘다 가능 푸시기능 아래 링크에 푸시기능이 있다

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

PWA

✏️ PWA란? > PWA는 웹과 네이티브 앱의 기능 모두의 이점을 갖도록 수 많은 특정 기술과 표준 패턴을 사용해 개발된 웹 앱입니다. MDN 공식문서에 있는 내용이다 웹개발을 통해 앱으로도 보여줄 수 있는 장점이 있으니 앱개발을 따로 하지 않아도 되고 푸시 알림이나 오프라인 지원과 같은 네이티브 앱의 특징들도 전부 제공할 수 있어 그 장점이 매우 크다 ✏️ PWA의 3가지 중요 구성 요소 1. 보안 연결(HTTPS) PWA는 신뢰할 수 있는 연결 상태에서만 동작하기 때문에, 보안 연결을 통해서 서비스를 제공해야 합니다. 이건 단지 보안상의 이유 때문만은 아니고, 사용자들의 신뢰를 얻기 위해서도 아주 중요한 부분입니다. 2. 서비스 작업자(service worker) 서비스 작업자는 백그라운드에서 실행되는 스크립트입니다. 서비스 작업자는 네트워크와 관련된 요청의 처리를 도와주기 때문에, 여러분은 그 점에 대해서는 걱정하지 않고 더욱 복

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

Vue.js PWA manifest.json 파일 존재하지 않거나 인식하지 않을 때

환경 > @vue/cli 4.5.13 @node -v v12.16.1 npm -v 6.13.4 vue create 프로젝트명 - PWA 선택 build 하면 파일은 존재한다. 위와 같이 프로젝트를 생성하면서 메뉴얼을 선택하는 구간에 pwa를 선택했으나, manifest.json파일이 생성되어있지 않았다. 잘못 프로젝트 개설한건가 싶었는데, build를 하고 난 dist 파일에는 manifest가 생성되어있다. 아무리 찾아봐도 없는데, 생성 된 거 보니, 기본 설정 되어있나보다. 설정 방법 방법 1. vue.config.js 참고 https://cli.vuejs.org/core-plugins/pwa.html#example-configuration 방법 2. manifest.json (이거 추천) public/manifest.json 이 있어야 한다. 최상위폴더가 아니다 ㅎ.ㅎ)

2021년 6월 16일
·
0개의 댓글
·
post-thumbnail

[React] manifest.json

CRA(create-react-app)으로 React를 시작하면 public폴더에 다음과 같은 파일들이 있다. manifest.json : 웹앱 매니페스트란 앱에 대한 정보를 담고 JSON 파일이다. 배경색은 어떠한 색인지, 앱의 이름은 무엇인지, 홈스크린 화면에 추가할 때 아이콘은 어떤 것인지 등의 정보를 담고 있다. 웹앱 매니페스트는 manifest.json 파일명을 대부분 사용한다. manifest.json 파일 항목별 설명 short_name : 사용자 홈 화면에서 아이콘 이름으로 사용 name : 웹앱 설치 배너에 사용 ic

2020년 3월 11일
·
0개의 댓글
·