개발자의 정보90 Workbox webpack Plugin 선택 기준 SW 생성 GenerateSW 플러그인은 서비스 워커 파일을 생성하고 웹팩 자산 파이프라인에 추가합니다. generateSW를 사용하는 경우 파일을 미리 캐시하려고 합니다. 간단한 런타임 구성이 필요합니다(예: 구성을 통해 경로와 전략을 정의할 수 있음). generateSW를 사용하지 않는 경우 다른 서비스 워커 기능(예: 웹 푸시)을 사용하려고 합니다. 추가 스크립트를 가져오거나 추가 논리를 추가하려고 합니다. 매니페스트 주입 InjectManifest 플러그인은 사전 캐시할 URL 목록을 생성하고 해당 사전 캐시 매니페스트를 기존 서비스 작업자 파일에 추가합니다. 그렇지 않으면 파일을 있는 그대로 둡니다. 주입매니페스트를 사용하는 경우 서비스 작업자에 대한 더 많은 제어를 원합니다. 파일을 미리 캐.. 2021. 8. 25. 크롬 캐시 삭제하는 방법 - 강력 새로 고침 가끔씩 마주치게 되는 캐시 삭제가 필요한 상황. 그런데 전체 웹 사이트 데이터의 캐시를 삭제하자니 너무 부담스럽다. 그동안 저장해둔 비밀번호와 쿠키 그리고 사이트 방문 기록까지 모두 날려 버리기에는 익숙해진 편리함이 나를 붙잡는다. 이럴때 우리는 필요한 곳에서만 캐시를 비워내고 싶은데 크롬에서는 간단한 방법이 있기에 소개하려고 한다. 1단계 개발자 도구 열기 Windows 에서는 F12를 누르면 되고 MacOS 에서는 Cmd + Option + i 세 키를 동시에 누른다. 그러면 개발자에게는 익숙하고 일반인에게는 외계문명과 같은 것이 나타난다. 뭐 대충 요런 모양인데 브라우저 오른쪽, 아래, 왼쪽, 별도의 창으로 어떤 방법으로 나타날지는 개별 설정마다 다르니 어디서 나오는지 찾지 말고 놀라지도 말자. 2.. 2021. 8. 20. Vite 및 Vue.js를 사용한 ESLint 및 Prettier 3 https://vueschool.io/articles/vuejs-tutorials/eslint-and-prettier-with-vite-and-vue-js-3/ 다니엘 켈리가 작성한 기사 "대규모 Vue 애플리케이션을 구성하는 방법" 시리즈 의 이전 기사 에서 Vue.js 애플리케이션에서 코드베이스를 예측 가능하고 탐색하기 쉽고 이해하기 쉽게 유지하기 위해 사용할 수 있는 몇 가지 표준을 살펴보았습니다. 특히 팀과 함께 대규모 애플리케이션을 구축할 때 개발자 경험을 개선하기 위해 취할 수 있는 또 다른 단계는 코드 린트 및 서식 지정을 위한 일부 자동화 프로세스를 설정하는 것입니다. 아마도 당신은 전에 그런 도구를 사용한 적이 없을 것입니다. 린트 및 형식 지정의 "무엇과 이유"를 간략하게 살펴본 다음 .. 2021. 7. 30. 대규모 Vue.js 애플리케이션을 구성하는 방법 https://vueschool.io/articles/vuejs-tutorials/how-to-structure-a-large-scale-vue-js-application/ 대규모 Vue.js 애플리케이션을 구성하는 방법 시리즈의 1/3부. 다니엘 켈리 씀 Vue.js 애플리케이션을 구성하는 가장 좋은 방법은 성장할수록 확장 가능하고 유지 관리 및 확장 가능하도록 유지하는 것입니다. 이것은 내가 수없이 들었던 질문이며 그 질문에 대한 한 가지 대답은 예측 가능성의 원칙에 있다고 생각합니다. 확장 가능한 프로젝트를 만들 때 모든 것이 가능한 한 예측 가능하기를 원합니다. 예측 가능성이란 정확히 무엇을 의미합니까? 가장 간단한 것은 기능 요청 또는 버그 보고에서 해당 작업을 해결할 수 있는 코드베이스의 위치.. 2021. 7. 30. 대규모 Vue.js 3 애플리케이션 구축을 위한 6가지 팁 https://vueschool.io/articles/vuejs-tutorials/6-tips-for-building-large-scale-vue-js-3-applications/?fbclid=IwAR1BOzf54d7NQ5S8FYfy_wABsq-tRwvGPqbdAeTyDKdHVSWhMyg5MHnkWo0 Vue.js 3은 크고 작은 애플리케이션을 구축하기 위한 견고한 프레임워크입니다. 대규모 Vue.js 애플리케이션을 구조화하는 방법 시리즈에서 대규모 프로젝트에 이를 가장 잘 활용하는 방법을 탐구했습니다. 우리는 좋은 파일 구조가 무엇인지, 예측 가능성에 대한 몇 가지 표준, 깨끗하고 일관된 코드를 위해 ESLint 및 Prettier를 사용하는 방법을 조사했습니다. 이 기사에서는 Vue 커뮤니티와 대규모.. 2021. 7. 30. image file format 변환 (ico 포함) https://convertio.co/kr/png-ico/ PNG ICO 변환 (온라인 무료) — Convertio png 파일(들) 업로드 컴퓨터, Google Drive, Dropbox, URL에서 선택하거나 이 페이지에서 드래그하여 선택해 주세요. convertio.co 파비콘 만들때 유용합니다. 2021. 7. 26. 이전 1 2 3 4 5 6 7 ··· 15 다음
