Go to main content

Total10

What is ERC-2612 ERC-2612 = ERC20 + EIP-712 signature⇒ No need to send a transaction to approve a spender; just include a value in your signature to grant approval! ERC-2612 introduces a function called "permit", which uses an EIP-712 signature as an input to update the allowance mapping.The signature must include the following elements:owner: The address of the token owner who signed the message.spender: The ad.. 2024. 5. 2.
Elog: Overflow-X Hidden Issues on Mobile Devices 💥 Issueexport default function RootLayout({children}: {children: React.ReactNode;}) { return ( {children} );}I added the overflow-x-hidden to prevent a background image from overflowing horizontally. However, this solution only worked on desktop browsers and did not apply on mobile devices. 💡 ResolutionTo fix this issue consistently across all devices.. 2024. 5. 2.
Elog: Next.js and window object While working on a feature to redirect users after email verification, I stumbled upon an issue with window.location.href that needed a bit of tweaking to work correctly. 💥 IssueI implemented a function to check if the user is on a mobile device:function isMobileDevice() { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent );}In our EmailVerif.. 2024. 5. 2.
Elog: Event Bubbling When I first started my journey as a frontend developer, our team was tasked with building an mobile app for Bitcoin L2 wallet. 💥 IssueIn our React Native application, I was working on the ConnectEmailPage. Here’s the relevant part of the code:const ConnectEmailPage = observer(({ navigation, route }: any) => { ... return ( {Keyboard.dismiss();}} > ... ... .. 2024. 5. 2.
[회원 정보 수정] react-hook-form 회원 정보 페이지에는 닉네임 변경, 프로필 사진 변경, 비밀번호 변경 및 계정 삭제를 할 수 있는 필드가 있다.회원가입 페이지를 맡으신 팀원 분이 react-hook-form을 사용하시면서 소개해주셔서, 나도 배워볼 겸 회원 정보 수정 페이지에 적용해보았다.   react-hook-formReact Hook Form relies on uncontrolled form, which is the reason why the register function capture ref and controlled component has its re-rendering scope with Controller or useController.This approach reduces the amount of re-rendering.. 2023. 7. 19.
[게시글 상세] 댓글 대댓글 CRUD 댓글 대댓글 구현은 상세 게시글 페이지 중 가장 시간을 많이 썼던 부분이다. 특징은 다음과 같다.최상단에 댓글 입력창이 있고 그 밑에 댓글과 대댓글이 보인다.댓글은 작성된 순서대로 정렬된다.댓글 창에는 본인이 쓴 글이라면 수정 및 삭제 버튼이 보인다.수정 버튼을 누르면 해당 댓글란이 기존 댓글 내용을 담은 입력창으로 바뀌고 수정 및 삭제 버튼이 등록 및 취소 버튼으로 바뀐다.삭제 버튼을 누르면 댓글이 삭제된다.'댓글 추가' 버튼을 누르면 해당 댓글 밑으로 새로운 입력창이 뜨고 대댓글을 입력할 수 있다.대댓글 입력창이 뜨면 '댓글 추가' 버튼은 '취소' 버튼으로 바뀌고, 이를 클릭하면 입력창이 사라진다.대댓글이 입력되면 해당 댓글 바로 아래에 작성 순서대로 정렬된다.댓글과 마찬가지로 수정과 삭제가 가능하다.. 2023. 7. 1.