-
Notifications
You must be signed in to change notification settings - Fork 3
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feat/#130 pwa #132
Feat/#130 pwa #132
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
고생했숨니다아!!!🥳🥳 덕분에 pwa가 무엇인지 이번에 알게됐어욤!! 감사함댱🐥🐥
어떤건지 궁금해서 유튜브 드가봤는데!!! 자막이 영어뿐이더라?ㅋㅎㅋㅎㅋㅎ 그래서 개념만 이해했오^^..!!
암튼 오빠 덕분에 피클 들어가기 너무 편해져따!! 이주함짱!!!!!!!!!><
{ | ||
"src": "images/logo.png", | ||
"type": "image/x-icon", | ||
"sizes": "512x512", | ||
"purpose": "any maskable" | ||
}, | ||
{ | ||
"src": "images/logo.png", | ||
"type": "image/png", | ||
"sizes": "512x512" | ||
}, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이 두 칭구는 뭐가 다른건가욤??
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@NYeonK
type 이 달라서 그냥 중복된 이미지로 선언해서 적용했던 건데,
이후에 릴리즈 직전에 디자인 팀에 다시 이미지 요청해서 제대로 작성하려구 !!
날카롭네요⚡⚡
navigator.serviceWorker.register("./pwaServiceWorker.js") | ||
.then((reg) => console.log("success: ", reg.scope)) | ||
.catch((err) => console.log("Failure: ", err)); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
요거 성공하면, 로컬호스트 뜨던데!! 연결이 됐는지 확인하는 용도의 console일까여??
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
맞아요 !! 지워도 될 거 같으네요 !!!?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
피알 헷갈려서 다른데가서 삽질했네잉 떼잉😭
여기 오니깐 궁금했던거 다 되어있네욤 키키 pwa 알려줘서 곰아어용!!! 수고했어오빠👍👍👍🌟🌟🌟🌟
📌 내용
ngrok http 3000
PWA
를 알게 되어, 적용시켜보았고 테스트까지 완료하였습니다Electron
:: 웹을 로컬에서 띄우기 위해 환경을 제공합니다Node.js와 크로미움의 소스코드(실행 파일)을 사용하여 동시에 실행시키며 단독으로 실행시키게 합니다
이는 데스크탑 로컬 환경에서 서비스를 제공하기 위해 만들어졌습니다
PWA
:: 브라우저에서 웹을 마치 앱처럼 보일 수 있게 환경을 제공합니다브라우저의 확장 프로그램의 느낌으로 서비스를 사용할 수 있습니다
PWA 의 장점은 다음과 같습니다
📸 스크린샷
Lighthouse
PWABuilder