오프라인에서 웹 사용하는 방법

[yoonminsang]

ip 주소는 dns 캐시, 정적 리소스는 cache control을 통한 캐시가 적용되어 있는데 왜 웹에 접근할 수 없을까? 라는 생각이 들었다.

조금 더 깊이 살펴보면 이유를 알 수 있다.

1. dns 캐싱을 통해 주소를 ip주소로 변환
2. tcp 연결 실패

그리고 애초에 cache control은 오프라인을 위해 만들어진 기능이 아니다. 네트워크 요청 최적화용이다.

오프라인에서 접근하기 위해서는 서비스 워커를 사용해야한다. MSW를 사용한적이 있는데 이것과 크게 다르지 않다. MSW는 api 네트워크를 가로채서 모킹한다. 오프라인에서 접근이 가능하게 하려면 서비스워커에서 html, js등을 가로채고 저장하고 사용하면 된다. 근데 서비스 워커는 일반적으로 엄청 자주 사용되는 기능은 아니다. fcm, msw 등 라이브러리 형태에서는 사용해도 직접 사용할일은 많지 않다. 국내 회사에서도 많이 사용하지는 않고 글로벌 서비스 정도로 가면 사용하는게 보인다.

그리고 구글에서는 이를 편하게 사용하기 위해 workbox라는걸 제공한다.

만들고싶은 웹앱이 하나 생겼는데 PWA, workbox를 이용해서 만들면 좋겠다는 생각이 든다.

[wo-o29]

저도 서비스 워커를 사용할 때 workbox를 사용했었는데 문서도 잘되어있어서 좋은 것 같더라고요!