일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 리액트
- baekjoon
- React
- bip39
- Mnemonic
- three.js
- algorithm
- C++
- 알고리즘
- Storybook
- 풀이
- 스토리북
- Blockchain
- 니모닉
- scss
- 프로그래밍
- 지갑
- frontend
- 우선순위 큐
- Console
- 기본수학1단계
- SVG
- 블록체인
- 백준
- 코딩
- priority queue
- SASS
- 기본 수학 2단계
- 에러
- TypeScript
- Today
- Total
목록전체 글 (41)
Moong
화면 너비에 따라 요소들이 완벽하게 똑같은 비율로 늘고, 줄도록 만들고 싶을 때가 있죠! 그럴 때를 위해 제가 만든 유용한 sass 함수들을 소개시켜드리도록 하겠습니다 길이 단위 종류 우선 웹에서 사용하는 길이 단위의 종류에는 무엇이 있는지 살펴보겠습니다. 단위 종류 설명 절대적 / 상대적 길이 단위 px 픽셀 (1px = 1/96th of inch) 절대 em 글꼴 크기 / 부모의 x배를 나타냄 상대 rem 글꼴 크기 / html 크기의 x배를 나타냄 상대 vw 화면 너비의 x%만큼의 크기를 나타냄 상대 vh 화면 높이의 x%만큼의 크기를 나타냄 상대 % 부모의 x%만큼의 크기를 나타냄 상대 여기에서 우리는 화면 너비에 따라 크기가 변하도록 만들어야 하므로, 화면 너비와 관련이 있는 단위인 vw 를 사..
Aptos 지갑을 만드는 가장 쉬운 방법은 Martian 지갑을 이용하는 것일텐데요, Martian을 이용하지 않고 React 코드로 프론트엔드에서 Aptos 지갑을 만드는 법에 대해 이야기 해보겠습니다. 랜덤 지갑 생성과, 니모닉 코드를 기반으로 지갑을 생성하는 부분을 다뤄볼게요! aptos ⚠️ npm 을 이용하여 해당 라이브러리를 다운 받으면 에러가 나더라고요! 꼭! ⭐️ index.html에 script 파일을 직접 불러오는 방식⭐️ 으로 라이브러리를 사용하세요! 지갑 생성 코드 script 형태로 불러온 라이브러리 모듈은 window.aptosSDK 로 가져올 수 있습니다. 랜덤 지갑은 AptosAccount class의 생성자를 이용하여 생성할 수 있습니다! const generateAptos..
Solana 지갑을 만드는 가장 쉬운 방법은 Phantom 지갑을 이용하는 것일텐데요, Phantom을 이용하지 않고 React 코드로 Solana 지갑을 만드는 법에 대해 이야기 해보겠습니다. 랜덤 지갑 생성과, 니모닉 코드를 기반으로 지갑을 생성하는 부분을 다뤄볼게요! @solana/web3.js ⚠️ npm 을 이용하여 해당 라이브러리를 다운 받으면 에러가 나더라고요! 꼭! ⭐️ index.html에 script 파일을 직접 불러오는 방식⭐️ 으로 라이브러리를 사용하세요! bs58 solana에서 생성된 지갑의 private key를 bs58 형태로 인코딩하기 위해서는 bs58 라이브러리가 추가로 필요합니다 npm i bs58 지갑 생성 코드 script 형태로 불러온 라이브러리 모듈은 window..