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

[ Feature/dev 112] 문제풀기 Floating Button 구현 #173

Merged
merged 6 commits into from
Sep 25, 2024

Conversation

soomin9106
Copy link
Collaborator

🔥 Related Issues

https://linear.app/fewletter/issue/DEV-112/%EC%95%84%ED%8B%B0%ED%81%B4-%EB%AC%B8%EC%A0%9C%ED%92%80%EC%9D%B4-%ED%94%8C%EB%A1%9C%ED%8C%85-%EB%B2%84%ED%8A%BC

💜 작업 내용

  • 아티클에서 문제 풀기 플로팅 버튼 구현
  • TopBar 어디를 눌러도 뒤로가기 액션 되는 부분 수정

👀 스크린샷 / GIF / 링크

스크린샷 2024-09-16 오후 9 10 47

Copy link
Collaborator

@Happhee Happhee left a comment

Choose a reason for hiding this comment

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

깔끔하게 작업해주셨네요!! 감사합니다!

const viewportHeight = window.innerHeight;
const documentHeight = document.documentElement.scrollHeight;

// Hide button only if the user reaches the bottom of the page
Copy link
Collaborator

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.

지피티의 초안 ㅋㅎㅋㅎㅋㅎ

// });
};

useEffect(() => {
Copy link
Collaborator

Choose a reason for hiding this comment

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

이안에서 function ~ 함수명 으로 컨벤션 맞춰주시면 좋을 것 같아요!

className={cn(
"h-[55px] px-5 py-3.5 bg-[#264932] rounded-[99px] shadow flex justify-center items-center gap-2"
)}
onClick={onClickGoProblem}
Copy link
Collaborator

Choose a reason for hiding this comment

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

button type 명시해주면 시멘틱스러울 것 같습니다!

return (
<>
{showButton && (
<div className="fixed bottom-[48px] left-[60%] z-10 w-fit">
Copy link
Collaborator

Choose a reason for hiding this comment

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

혹시 여기 bottom은 px로 하고 left는 %로 사용하신 이유가 있을 까요?

@soomin9106 soomin9106 merged commit 6a5ee5b into develop Sep 25, 2024
4 of 5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants