본문 바로가기

전체 글

(143)
[CSS] position: fixed일 때 상하스크롤이 안되는 문제 해결 const Supply = () => { return ( ... ); }; const Container = styled.div` position: fixed; top: 72%; left: 50%; transform: translate(-50%, -50%); height: 100%; `; port default Supply; Next.js로 만든 Supply 페이지 코드의 일부이다. 여기서 페이지가 상하스크롤이 안되는 문제가 있었다. 상하스크롤이 작동하지 않는 이유: Supply 컴포넌트의 Container가 position: fixed 로 설정되어 있기 때문. position: fixed는 화면에 고정된 위치에 요소를 배치하는 것을 의미함. 요소의 위치는 뷰 포트에 상대적임. 따라서 컨테이너의 높이가 1..
[Typescript] styled-component에 props 전달 과정에서 오류 해결 interface TooltipProps { message: React.JSX.Element; percentage: number; } function Tooltip({message, percentage}:TooltipProps){ return ( {message} ) } const Rectangle = styled.div` width: 150px; height: 48px; position: absolute; left: ${props => `calc(${props.percentage}% - 75px)`}; //여기서 설정 //width/2 bottom: 175%; background-color: white; color: black; font-weight: 600; text-align: center; pad..
[ENS] ENS 구매!! 블록체인에 뛰어든 김에 내 닉네임으로 된 ENS 하나쯤은 사수해야겠다 싶어 구매했다. 사실 이런 거 좀 좋아한다. 세상에 하나밖에 없는 나만의 무언가? 이래서 한정판이 되는 장사인 거다. 먼저 ENS에 대해 짧게 설명하자면 내 이더리움 지갑 주소에 이름을 붙여주는 서비스다. Ethereum Name Service(제곧내ㅇㅇ) 저 0x로 시작하는 지갑 주소에 이름을 예뿌게 붙여주는 역할!! 그러면서도 나만의 identity가 되는.. 인스타 아이디 같은 느낌이다. 그리고 이제는 누군가 나에게 코인이나 토큰을 보낼 때 복잡한 주소 필요 없이 내 ens로 보낼 수 있다. ENS를 사기 위해 업비트에서 리플을 사고 그걸 바이낸스로 옮겨서 이더로 바꾸고 메타마스크로 보냈다.(...좀 복잡하다.) ENS 심지어 싸..