React/NFT Airdropper(9)
-
[React] url params 변경시 애니메이션 넣기
그냥 클릭할 때 애니메이션 넘기면서 조작하는 거야 아주아주 쉽지만, url params를 바꿀 때 애니메이션과 함께 넘어가는 건 한 번 생각해볼만 하다. 간혹 이런 사이트들이 있다. https://pvoznyuk.github.io/react-update-url-on-scroll/ react-update-url-on-scroll pvoznyuk.github.io 스크롤을 내릴 때 url params가 바뀌는 웹사이트들이 종종 있다. 회사의 소개 페이지나 포트폴리오 관련 페이지들이 종종 그러는데, react-router v5 시절에는 hashRouter를 이용해서 간단하게 구현이 가능했지만.. 이제 없어져버렸다. router 설정도 결국엔 body 태그 하단의 JSXElement를 모두 바꿔주는 역할이기 때..
2022.09.15 -
Typescript가 window.ethereum을 거부할때..
Typescript로 작업을 하게 되면 당연하지만, window.ethereum을 올바르지 않은 객체 접근이라고 뜬다. 그간 Theme를 설정하느라 XXXX.d.ts에 대해서 배워왔다. 이번에도 똑같이 설정해주면 되지않을까? 근데 어디에서 선언을 해줘야하는걸까? Trying to use window.ethereum.request in Typescript errors out with Property 'request' does not exist on type 'EthereumProvider' Except for one unanswered question from last November, I cannot find anything . . . . I am revamping some typescript code ..
2022.09.08 -
[@types/React]@emotion/styled로 Theme 만들어주기
안녕하세요! 제가 알고 있는 얼마 없는 Web 3.0 지식을 모두에게 나누고자 새로운 웹을 기획했습니다. 제목은 바로 Mintty 하루만에 대충 웹 기획이 끝났네요. 폰트랑 스타일 정의도 대충 끝났구요. 일단 요런 느낌이고 개발하면서 새로 써보는 기술들을 조금씩 정리해보려고 합니다. 각설하고 클론코딩하면서 css 걱정은 없었는데, 혼자 하니 css부터 뭔가 심상치 않습니다.. 이번에 새로 찍먹해볼 기술은 @emotion/sytled로 해보는 Theme만들어주기! 아래 블로그에서 보고 영감을 받아서 Typescript로 한번 바꿔봤습니다. ts에서는 tsconfig라던가 더 설정해줘야하는게 몇몇 개 있더라구요. 또 interface가 업데이트되면서 몇 개 바뀌기도 했구요. styled-components ..
2022.09.01