목록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로 ..
프로젝트 2023. 5. 2. 20:30
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..
Troubleshooting 2023. 3. 7. 18:44
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..
Troubleshooting 2023. 3. 6. 18:29
이전 Prev 1 Next 다음