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

refactor: 앱 설치 버튼 구현 및 버튼 누르면 나오는 설치 방법 설명 모달 구현한다 #900

Merged
merged 4 commits into from
Oct 24, 2023

Conversation

feb-dain
Copy link
Collaborator

@feb-dain feb-dain commented Oct 24, 2023

📄 Summary

앱 설치 버튼 구현 및 버튼 누르면 나오는 설치 방법 설명 모달 구현한다. (모바일에서는 새로고침 대신 앱 설치 버튼으로 교체)
오프라인 또는 구글 지도 불러오는 도중에 에러 발생하는 경우 404 페이지를 보여준다.

스크린샷 2023-10-24 오후 6 14 45

🕰️ Actual Time of Completion

1시간

🙋🏻 More

close #899

🚀 Storybook

https://storybook.carffe.in/

@feb-dain feb-dain temporarily deployed to test October 24, 2023 09:16 — with GitHub Actions Inactive
@feb-dain feb-dain temporarily deployed to test October 24, 2023 09:16 — with GitHub Actions Inactive
@feb-dain feb-dain self-assigned this Oct 24, 2023
@feb-dain feb-dain added 🛠️ 리팩터링 개선사항입니다 🌱 기능추가 새로운 기능 요청입니다 FE 프론트엔드 관련 이슈입니다 labels Oct 24, 2023
gabrielyoon7

This comment was marked as duplicate.

Copy link
Member

Choose a reason for hiding this comment

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

이 부분은 어떤 설정인가요?

Copy link
Collaborator Author

@feb-dain feb-dain Oct 24, 2023

Choose a reason for hiding this comment

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

pwa 설정을 위해 있어야 하는 파일입니다. lighthouse pwa를 통해 어떤 부분이 빠졌는지 확인할 수 있어요.
스크린샷 2023-10-24 오후 7 54 59

링크 공유를 할 때 어떤 이름과 설명, 이미지가 나올 지, 웹앱 설치를 했을 때 어떻게 화면에 보이게 할 건지 등 많은 걸 설정할 수 있습니다!

const render = (status: Status) => {
switch (status) {
case Status.LOADING:
return <Loading />;
case Status.FAILURE:
return <>에러 발생</>;
return <NotFound />;
Copy link
Member

Choose a reason for hiding this comment

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

드디어 생기는군요

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

width="70px"
height="70px"
justifyContent="center"
alignItems="center"
border={true}
border
Copy link
Member

Choose a reason for hiding this comment

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

이 부분에서 발생하는 콘솔 에러는 디자인 시스템 레포지토리로 분리된 이후에 버그 수정하겠습니다.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

ㅇ ㅖ, 아니면 emotion으로 개선하면서 자연스럽게 없애도 될 것 같네여

@feb-dain feb-dain temporarily deployed to test October 24, 2023 10:51 — with GitHub Actions Inactive
@feb-dain feb-dain merged commit 8ed5424 into develop Oct 24, 2023
3 checks passed
@feb-dain feb-dain deleted the refactor/899 branch October 24, 2023 10:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트엔드 관련 이슈입니다 🌱 기능추가 새로운 기능 요청입니다 🛠️ 리팩터링 개선사항입니다
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

앱 설치 버튼 구현 및 버튼 누르면 나오는 설치 방법 설명 모달 구현한다
3 participants