| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- ts-loader
- 블록체인
- Sass
- scss
- 해쉬테이블
- incentive
- methoidID
- Blockchain
- S3
- JavaScript
- 자료구조
- HTMLFormElement
- currentTarget
- goerli
- next.js
- CA불러오기
- 코딩테스트
- keccak256
- TypeScript
- geth
- @debug
- wallet
- webpack
- 스마트컨트랙트
- Goerlifaucet
- set-cookie
- 다중서명계약
- 자바스크립트
- next-connect
- Codestates
- Today
- Total
목록scss (3)
Minwook’s portfolio
PairZ 프로젝트 회고
프로젝트 소개 pairz는 태블릿이나 pc와 같은 다양한 환경에서 url주소 하나만으로 카드게임을 즐길 수 있도록 개발된 프로젝트입니다. 사용자가 직접 이미지를 올려서 게임에 기여할 수 있습니다. 또한 게임을 진행 후에 사용자는 스코어를 기록할 수 있습니다. 핵심기술. 1. firebaseClient를 사용한 googleAuth 로그인 2. s3로 이미지를 업로드하고 이미지 주소를 fireStore에 저장 3. useCallback 과 useMemo를 사용하여 react rendering 최적화 Auth Flow 1. FirebaseClient로 AuthModal를 열고 사용자가 로그인 2. onAuthStateChanged firebase 내장함수로 유저정보를 state를 받는다. 3. recoil로 ..
webpack SASS/SCSS @debug 활성화 방법
웹팩으로 프로젝트를 만드는중에 SASS @debug 콘솔이 터미널에 찍히지 않는 문제가 있었다. 해결방법 //webpack.config.js에 옵션추가 stats: { loggingDebug: ["sass-loader"], }, 이후 webpack sever 터미널에 @debug가 찍히는것을 확인 할 수 있다. DEBUG LOG from ./node_modules/sass-loader/dist/cjs.js sass-loader ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./index.scss [debug:12:4..
SASS/SCSS animation keyframe (Undefined mixin 오류해결)
SassError: SassError: Undefined mixin. ╷ 127 │ @include animation(button, 2s, 0s); │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ tetris.scss 127:7 root stylesheet at Object.loader (C:...생략\node_modules\sass-loader\dist\index.js:69:14) @ ./tetris.scss 61:4-74:5 8:6-195 22:17-24 26:7-21 58:25-39 59:36-47 59:50-64 63:6-73:7 64:54-65 64:68-82 70:42-53 70:56-70 72:21-28 83:0-165 83:0-165 84:22-29 84:33-47 8..