목록WEB (53)

ImFe's study

[WEB] pnpm 오류 - pnpm ERR_PNPM_NO_GLOBAL_BIN_DIR, Unable to find the global bin directory

node 라이브러리를 pnpm으로 글로벌 설치할 경우 발생하는 오류global bin directory가 없다고 한다. 만들어 주면 된다. 환경은 M1 Pro, Sonoma OS이며 source 이후 명령줄은 사용하는 환경에 따라 차이가 있다mkdir -p ~/.pnpm/storeexport PNPM_HOME=~/.pnpm/storesource /Users/[사용자명]/.zshrcpnpm setup  잘 된다.
WEB 2024. 4. 12. 11:25
[WEB] Sequelize Error: Dialect needs to be explicitly supplied as of v4.0.0

문제 상황 sequelize@6.32.1에서 /models/index.js에 config/config.js과 cross-env를 연동하던 중 발생 dot-env와 연동 편의를 위해 cross-var 이용, 기존 config.json을 config.js로 변경 환경변수 값을 분기하는 코드는 config/config.js로 분리 Error: Dialect needs to be explicitly supplied as of v4.0.0 오류 발생 시도한 방법들 버젼 호환성 확인 현재 버젼이 더 높음 값이 정확한지 new Sequelize 생성자 인자 변경 상관 없음 // 기존 if (config.use_env_variable) { sequelize = new Sequelize(process.env[config..
WEB 2023. 8. 9. 02:00
[WEB] Netlify에 React 프론트엔드 배포 및 Error:error:0308010C:digital envelope routines::unsupported 오류 해결

교내 웹 프로젝트를 Netlify에 배포 후 deploy failed가 떴다.  Base directory레포지터리는 모노레포 형태이다. 프론트랑 백엔드 레포를 분리했어야했는데..백엔드 서버는 Heroku에 따로 배포 할 예정이여서 Netlify엔 프론트엔드만 배포한다. Base directory에 프론트 폴더를 입력해준다  Build command말 그대로 빌드 명령어이다. package.json에 명시된 빌드 명령어를 적어주자  publish directory빌드 결과물이 배포되는 위치를 적어준다  설정 후 다시 배포해주면 된다   3:54:01 AM: Error: error:0308010C:digital envelope routines::unsupportednode버젼이 맞지 않을 경우 발생하는 문..
WEB 2023. 6. 19. 04:15
[NVM] macOS에서 nvm을 이용하여 node버젼 설치 시 너무 오래걸리는 문제

macOS에서 nvm을 이용하여 낮춰놨던 node버젼(10.15.0)을 16.15.0으로 업그레이드 하려 했는데한참을 기다려도 설치가 완료되지 않고, 터미널에 설치 내용만 쭉쭉 올라갔다 예전에 verbose옵션을 명시한 상태로 압축풀기를 할 때 굉장히 오래걸려서 verbose옵션을 제외하고 압축풀기를 했었는데,작업 내용을 출력 할 필요가 없어서 그런가 굉장히 빨리 작업이 마무리 된 경험이 있었다. 비슷한 경우일까 싶어서 해보니까 이 문제가 맞았다. nvm의 경우 아래 옵션을 추가하면 작업 과정을 터미널에 출력하지 않는다nvm install --no-progress
WEB 2023. 6. 13. 11:26
[Vue] 변수의 3depth 이상 변수 <template>에서 사용시 오류 해결?

보호되어 있는 글입니다.
WEB 2023. 2. 7. 13:49
[WEB] rwdImageMaps를 이용한 이미지맵 좌표 반응형 변환

rwdImageMaps? rwdImageMaps는 이미지 맵을 사용할 시 반응형 웹을 위해 좌표를 다시 계산해주는 제이쿼리 플러그인이다. 깃허브 링크 https://github.com/stowball/jQuery-rwdImageMaps 이미지 맵 https://developer.mozilla.org/ko/docs/Web/HTML/Element/img#attr-usemap https://developer.mozilla.org/ko/docs/Web/HTML/Element/map https://developer.mozilla.org/ko/docs/Web/HTML/Element/area 제이쿼리를 굳이 지양할 필요가 없는 프로젝트에서 빠르게 랜딩 페이지 제작할 때 도움이 된다 ex) .. .. .. .. 좌표를..
WEB 2023. 2. 3. 19:23
[WEB] html input type=number 사용 시 카운터 없애기

html input태그의 type이 number일 경우 생기는 카운터 버튼을 없애는 css input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
WEB 2023. 1. 12. 14:54
[Vue] VueCompilerError: Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior 오류

변경할 노출 날짜를 선택하세요 ~ 날짜 수정 기능이 작동은 하는데 자꾸 서버에서 받아온 원래 값으로 수정됐다. value로 줬던게 문제여서 v-mode로 바꿔줬는데 두 속성은 충돌한다고 한다. 이유는 v-model이 :value(html value 속성)과 똑같이 기본값을 바인딩해주는 동작을 하기 때문. 위와 같은 목적이라면 v-model만을 사용하는것이 맞다. 변경할 노출 날짜를 선택하세요 ~ +) 체크박스와 라디오 버튼에 대해서는 두 속성을 사용할 수 있다고 한다. (다른 값 사용) 또한 이러한 상황에서는 v-model의 경우 selected 속성과 같이 동작된다고 한다.
WEB 2022. 12. 16. 19:18
Prev 1 2 3 4 ··· 7 Next