Skip to content
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

Merged
merged 12 commits into from
Aug 5, 2022
Merged

Feat/#130 pwa #132

merged 12 commits into from
Aug 5, 2022

Conversation

joohaem
Copy link
Member

@joohaem joohaem commented Aug 3, 2022

  • 브랜치명, 브랜치 알맞게 설정
  • Reviewer, Assignees, Label, Milestone, Issue(PR 작성 후에) 붙이기
  • PR이 승인된 경우 해당 브랜치는 삭제하기

📌 내용

PWA 를 알게 되어, 적용시켜보았고 테스트까지 완료하였습니다

Electron :: 웹을 로컬에서 띄우기 위해 환경을 제공합니다
Node.js와 크로미움의 소스코드(실행 파일)을 사용하여 동시에 실행시키며 단독으로 실행시키게 합니다
이는 데스크탑 로컬 환경에서 서비스를 제공하기 위해 만들어졌습니다

PWA :: 브라우저에서 웹을 마치 앱처럼 보일 수 있게 환경을 제공합니다
브라우저의 확장 프로그램의 느낌으로 서비스를 사용할 수 있습니다

PWA 의 장점은 다음과 같습니다

  1. 오프라인 환경에서의 서비스를 제공합니다
  2. 빠른 속도감을 제공하고, 푸시 알림, 위치 기능 지원, 홈 스크린에 관여 등 조금 더 앱과 같은 기능을 제공합니다
  3. 앱과 같이 앱스토어의 권한을 획득하고, 무거운 에뮬레이터를 띄워가며 개발하지 않아도 됩니다

📸 스크린샷

  • Lighthouse

  • PWABuilder

@joohaem joohaem linked an issue Aug 4, 2022 that may be closed by this pull request
9 tasks
@joohaem joohaem marked this pull request as ready for review August 5, 2022 05:36
@joohaem joohaem merged commit 2b6aee4 into develop Aug 5, 2022
@joohaem joohaem deleted the feat/#130-pwa branch August 5, 2022 05:36
@joohaem joohaem added this to the 💚 Release on August 💚 milestone Aug 5, 2022
@joohaem joohaem mentioned this pull request Aug 5, 2022
9 tasks
Copy link
Contributor

@NYeonK NYeonK left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생했숨니다아!!!🥳🥳 덕분에 pwa가 무엇인지 이번에 알게됐어욤!! 감사함댱🐥🐥
어떤건지 궁금해서 유튜브 드가봤는데!!! 자막이 영어뿐이더라?ㅋㅎㅋㅎㅋㅎ 그래서 개념만 이해했오^^..!!
암튼 오빠 덕분에 피클 들어가기 너무 편해져따!! 이주함짱!!!!!!!!!><

Comment on lines +13 to +23
{
"src": "images/logo.png",
"type": "image/x-icon",
"sizes": "512x512",
"purpose": "any maskable"
},
{
"src": "images/logo.png",
"type": "image/png",
"sizes": "512x512"
},
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 두 칭구는 뭐가 다른건가욤??

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@NYeonK
type 이 달라서 그냥 중복된 이미지로 선언해서 적용했던 건데,
이후에 릴리즈 직전에 디자인 팀에 다시 이미지 요청해서 제대로 작성하려구 !!
날카롭네요⚡⚡

Comment on lines +47 to +49
navigator.serviceWorker.register("./pwaServiceWorker.js")
.then((reg) => console.log("success: ", reg.scope))
.catch((err) => console.log("Failure: ", err));
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

요거 성공하면, 로컬호스트 뜨던데!! 연결이 됐는지 확인하는 용도의 console일까여??

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

맞아요 !! 지워도 될 거 같으네요 !!!?

Copy link
Contributor

@NaveOWO NaveOWO left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

피알 헷갈려서 다른데가서 삽질했네잉 떼잉😭
여기 오니깐 궁금했던거 다 되어있네욤 키키 pwa 알려줘서 곰아어용!!! 수고했어오빠👍👍👍🌟🌟🌟🌟

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[ - ] PWA 패키징 적용하기
3 participants