inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

PWA 시작하기 - 웹 기술로 앱을 만들자

서비스 워커 네트워크 요청 - 캐싱할 파일 추가 및 캐시 스토리지 디버깅 요령

캐싱자원추가 에러

233

냠냠굿

작성한 질문수 36

1

안녕하세요.

node.js 에서 express 사용하여 사이트를 만들고 인증서까지 받아서 https주소로 간단한 사이트를 만들어서 운영하고 있습니다.  서버단 js코드에서 public폴더를 static함수를 사용하여 그안에 아이콘이나 사용되는 이미지를 올려두었습니다.

서비스워커 파일이 최상위 폴더내에 있습니다.

pwa 캐싱할때 public 폴더내의 파일들은 캐싱이 되는데, 기타 폴더의 파일들을 캐싱하면 에러가 납니다. request url 요청에 따른 서버단에서 따로 코드를 사용해야하는지 궁금합니다. 

pwa 캐싱 vuejs 웹앱

답변 1

0

캡틴판교

안녕하세요 JY님, 좋은 질문이네요 :) 프리캐싱과 런타임 캐싱에 대한 질문이신 것 같은데 아래 라이브러리 참고해서 설정해 보시면 좋을 것 같아요 :)

https://developers.google.com/web/tools/workbox/guides/get-started

0

냠냠굿

답변 감사합니다. 

public 폴더는 static 함수를 사용해서 서버단 코드에서 돌아가게 해서 캐싱이 되는거 같은데요. 왜 그렇게 생각하게 되었냐면, 다른 경로에 있는 파일들은 service-worker.js에 상대경로로 해서 캐싱할 목록에 넣어두어도 에러가 났습니다. 혹시나 해서 서버단 코드에서 get 요청이 오면 그 경로에 있는 파일들을 보내주라는 코드를 사용하니 캐싱이 되었습니다. 여기서 궁금한게 있는데요. 강의에서는 따로 그런 부분을 하시는걸 못봤는데 service-worker.js에 캐싱할 파일들 위치를 적어두면 자동으로 캐싱이 되는거 같습니다. 어떻게 그렇게 되는지 궁금합니다.

서비스워커 배경 > '문제' 링크 없는 문제

1

256

2

수업에서 안내한 리포지토리를 공개로 바꿨습니다. 접근 권한 신청 안하셔도 돼요 - 강사 안내사항

0

227

1

권한 부탁드립니다.

1

247

2

quasar pwa 에러

1

376

2

깃허브 권한 부여 요청합니다

1

311

1

깃허브 권한 부여 요청합니다

1

305

1

깃 레포지토리 권한 요청드립니다.

1

299

2

깃헙 레포지토리 권한 요청

1

300

1

깃헙 레포지토리 권한 요청

1

360

2

깃헙 권한 요청드립니다.

1

274

2

깃허브 레포지토리 권한 신청 합니다.

1

375

1

깃헙 권한 요청 부탁드립니다 !

1

406

1

깃허브 권한 신청합니다.

1

439

1

깃헙 레포 권한 요청드립니다,

1

576

1

로컬서버에서 작동하던것을 웹으로 올릴때

1

303

1

로컬호스트3000번 서버를 끄는방법을알수있을까요(__)

1

690

1

깃헙 권한 요청 부탁드려요

1

278

1

깃헙 레포 권한 요청드립니다.

1

271

1

pwa-튜토리얼 깃에서 실습내용

1

294

1

권한요청드립니다

1

383

2

깃헙 권한 요청 드립니다.

1

254

1

깃헙 권한 요청 드립니다.

1

207

1

chrome://flags에 bypass user engagement checks가 없습니다.

1

245

1

깃헙 권한 요청 드립니다.

1

230

1