웹앱의 성능을 높여줄 서비스 워커에 대하여 구 | 커리어리

웹앱의 성능을 높여줄 서비스 워커에 대하여 구글 크롬 Dev submit 2020 에서 했던 세션 중 하나를 공유합니다.(28분 정도로 짧아요!) Javascript 런타임은 single thread 기반이기 때문에 용량이 큰 파일 다운로드 같이 오랜시간이 걸리는 작업들은 main thread 에서 하지 않고 background worker에서 수행하는데요. worker 의 종류에는 web worker도 있고 service worker도 있습니다. 세션에서는 아래 내용을 설명합니다. 1. web worker 와 service worker 차이 2. service worker 와 window communication API 3. PWA patterns 그리고 실제 서비스 예시 .. (예시 코드도 나옵니다.)

PWA patterns for window and service worker communication

YouTube

2021년 5월 2일 오전 9:32

댓글 0

함께 보면 더 좋은

🤹 서버리스 환경에서 고려해야할 사항(feat.AWS) 작은 규모 회사에서 서버리스 환경을 구성해본적이 있습니다. 처음엔 단순히 endpoint 단위로 function을 만들면 되겠지라고 생각했는데 막상 개발해보니 서버리스만이 가지고 있는 특성 때문에 디자인이 달라지는 것들이 있었습니다. 이 글을 읽으면서 그때 생각이 났는데요. 저에게 와닿았던 것 위주로 정리해 보겠습니다. 1. 함수 실행 시간이 오래걸리면 안됩니다. 오래 걸린다면 작게 쪼개서 event 로 비동기 처리를 해야합니다. 2. 함수는(lambda) stateless 라고 생각해야 합니다. 로컬에 파일 저장하면 안됩니다. 이전 함수가 실행했던 파일, 변수가 남아있을거라고 생각하면 안됩니다. 3. 워크플로 처리는 함수안에서 다른 함수를 부르는 것으로 구현하면 안됩니다. Caller 함수의 작동시간은 callee 함수가 끝날때 까지 지속되게 됩니다. 각 단계를 비동기 이벤트로 처리 합니다. 아니면 이를 위한 서비스가 따로 있다고 하네요. (저는 이벤트 처리로 해서 state을 매번 확인했었습니다ㅠ) 4. 함수는 매번 성공적으로 실행 되거나 한번만 실행될 것임을 보장하지 않습니다. 워크플로우를 함수들로 구성하였다면 이 부분을 염두해 두고 설계해야 합니다. 각 함수의 멱등성을 유지하는 것이 중요합니다.

7 AWS Serverless Design Principles for Solutions Architects

Medium

추천 프로필

현직자에게 업계 주요 소식을 받아보세요.

현직자들의 '진짜 인사이트'가 담긴 업계 주요 소식을 받아보세요.

커리어리 | 일잘러들의 커리어 SNS