전체 글280 web3/dist/web3.js 이슈 / window.ethereum 이슈 web3/dist/web3.min을 가져다가 써야하는데 web3/dist가 없는 이슈 import Web3 from "web3/dist/web3.min" web3/dist/web3.min이나 web/dist/web3.min.js가 없다고 뜰 경우, 다음을 설치해주자. $ npm install --save-dev react-app-rewired crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url buffer process config-overrides.js을 루트 디렉토리에 만들어 주고 다음 내용을 넣자. const webpack = require('webpack'); module.exports =.. 2022. 8. 22. react 업데이트 stream, polyfill 이슈 잘만 사용하고있던 리액트가 갑자기 이런 에러를 와장창 띄웠다. 뭔데.. 그저 새로운 리액트 파일 생성한거밖에 없는데... Compiled with problems: ERROR in ./node_modules/eth-lib/lib/bytes.js 9:193-227 Module not found: Error: Can't resolve 'crypto' in 'C:\Users\Username\Projects\testProject\client\node_modules\eth-lib\lib' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify .. 2022. 8. 21. FileReader) 파일 프리뷰 만들기 여러 파일을 올리는 글은 여기에 https://hancoco.tistory.com/155?category=1035202 [220331] multer) 비동기적으로 이미지 여러개 업로드하기 파일을 올리는 html input 코드 요청을 하기 전에 거치는 미들웨어 multer 미들웨어를 거치면서 어디에 어떻게 저장할지 같은 옵션들이 결정된다. //미들웨어 multer 설정, 객체로 변환해준다 const upload hancoco.tistory.com FileReader가 뭔지는 mdn에서는 이렇게 설명하는데 솔직히 뭐라고하는지 모르겠다. 대충 실질적으로 저장하지 않고 임시저장했다 치고 거기서 정보를 뽑아올 수 있게 만드는 용도인가봄. ( https://developer.mozilla.org/ko/docs/W.. 2022. 8. 15. react query) 너무나 쉬운 리액트 비동기관리 설치 $ npm i @tanstack/react-query 세팅 QueryClinet 인스턴스를 만들어준 후, 사용하고 싶은 디렉토리의 최상위 컴포넌트를 QueryClientProvider로 감싼다. import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; const queryClient = new QueryClient(); const App = ({ Component, pageProps }) => { return ( ); }; export default App; [ useQuery : get 요청 보내기 / 데이터 읽기] useQuery에서 쓰이는 queryKey & queryFn // 1 const res = useQuery(.. 2022. 8. 13. mysql에서 validate 등급을 낮춰도 비밀번호가 간단하게 바뀌지 않을때. 보통 이 코드로 보안등급을 확인해서 낮춘 후에 비밀번호 변경을 진행하는데, 업데이트가 된건지 모르겠는데 예전 방법이 안먹히더라. $ show variables like 'validate_password%'; 1. 권한등급 수동으로 제어 단순히 등급을 낮추는 것으로 되지않는다면 강제로 하나하나 바꿔주자 $ set global validate_password.length=4; $ set global validate_password.mixed_case_count=0; $ set global validate_password.number_count=0; $ set global validate_password.special_char_count=0; $ set global validate_password.check_.. 2022. 8. 11. [Error ]Running Homebrew as root is extremely dangerous and no longer supported.As Homebrew does not drop privileges on installation you would be giving allbuild scripts full access to your system. 해결방법 어제부터 mysql 접속이 안된다. ERROR 2002 (HY000) Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.socket' (2) 이게 뜨는데 다른걸 확인하려고 홈브류에 접속하려고하면 접속못한다고 다음과 같이 뜸 Running Homebrew as root is extremely dangerous and no longer supported.As Homebrew does not drop privileges on installation you would be giving allbuild scripts full access to your system. 1. Homebrew 위치 확인 우선 손상이 되어서 사라졌는지 나.. 2022. 8. 11. Next에 Emotion 사용하기 리액트에 이모션 설치 styled-component도 사용할거니까 @emotion/styled도 같이 설치해준다 $ npm install --save @emotion/react @emotion/styled 바벨 플러그인을 위한 설치 $ npm add @emotion/babel-preset-css-prop .babelrc 파일 생성 언어끼리 호환성을 지켜주기 위해서 바벨을 만들어준다. { "presets": ["next/babel"], "plugins": ["babel-plugin-styled-components"] } Global style 1. 전체적으로 쓸모없는 여백이나 ul, li 스타일링 등을 쓰고싶지 않으니 글로벌 스타일을 작성해줬다. // style/global.js import { Globa.. 2022. 8. 10. Next에 Chakra 설치와 사용법 Next에 차크라 세팅 npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6 Next에 차크라 세팅 // pages/_app.js import { ChakraProvider } from '@chakra-ui/react' function MyApp({ Component, pageProps }) { return ( ) } export default MyApp 컴포넌트에 차크라 세팅 // pages/_app.js import { ChakraProvider } from '@chakra-ui/react' // 1. Import the extendTheme function import { extendTheme } from '@c.. 2022. 7. 31. ERC721토큰 토큰이란? 이더리움에서 토큰이란 기본적으로 몇몇 공통 규약을 따르는 스마트 컨트랙트. 즉, 다른 모든 토큰 컨트랙트가 사용하는 표준 함수 집합을 구현하는것. 누가 얼마나 가지고 있는지 기록하는 하나의 컨트랙트. ERC20 토큰을 사용하는 이유는? ERC20 토큰들이 동일한 함수 집합을 공유하기 때문에 이 토큰들에 같은 방식으로 상호작용이 가능하기때문. 예) 내부적으로 스마트 컨트랙트는 각 주소에 잔액이 얼마나 있는지 기록하기 위해 다음과 같은 매핑을 가지고 있다. mapping(address => uint256) balances 이런 식으로 같은 구조를 갖고있기 때문에 특정 함수를 사용해서 토큰을 주고받기가 가능하다. 거래소에서 새로운 토큰을 상장하면 그저 새로운 스마트 컨트랙트를 거래소에 추가하는것과 .. 2022. 7. 18. fs모듈 : 파일 다루기 사전 준비 fs : 파일 입출력을 할때 사용하는 NodeJs 내장모듈 path : 폴더와 파일의 경로를 임의로 지정해주는 라이브러리 const fs = require('fs') const path = require('path') 현재 위치 알기 현재 실행하는 파일이 있는 위치를 절대경로로 알려준다 console.log(__dirname) // >> /Users/hancoco/workspace/git/final/file_upload/back 디렉토리 생성 // 비동기로 디렉토리 생성하기 fs.mkdir("newDir", (err) => { console.log("mkdir : ", err)}); // 동기로 디렉토리 생성하기 fs.mkdirSync("newDirSync"); 디렉토리 삭제 // 비동기 디렉.. 2022. 7. 17. 이전 1 ··· 5 6 7 8 9 10 11 ··· 28 다음
