제인초의 개발 일기 제인초의 개발 일기

전체 글

• 팝업 띄워져 있을 때 뒤에 스크롤 멈추기

  CSS 2022. 11. 25. 11:27

  html, body{ height: 100%; overflow: auto; }

  Read More
• accordion-button

  CSS 2022. 11. 25. 10:55

  .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #000000; ——> css. 파일에서 얘 복사해서 _000.scss 파일에 넣은 후 수정하면 됨 text-align: left; background-color: #fff; border: 0; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, ..

  Read More
• card grid

  CSS 2022. 11. 25. 10:55

  .item-grid{ margin: 0 auto; width: 316px; height: 100vh; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 24px 18px; align-content: start; .item{ border: 1px solid darkgrey; height: 100px; } }

  Read More
• gulp dev compile 경로 변경

  카테고리 없음 2022. 11. 24. 18:37

  Gulp file.babel.js 에서 paths 경로 수정 const paths = { client: { root: 'src', css: 'src/pages/assets/css', scss:'src/pages/assets/scss/*' },

  Read More
• gulp dev 오류

  개발 에러 2022. 11. 24. 18:37

  Package.json 에 gulp-sass 버전이 4.1.0이면 오류남 -> 5.0.0 으로 변경해둠 Node -v -> 10.16.3 으로 유지하기 기존에 10.16.3 이 설치된적이 있었기 때문에 nvm use v10 이라는 명령어로 다운그레이드함

  Read More
• gulp sass 걸프 사스 오류

  개발 에러 2022. 11. 24. 18:37

  -> var sass = require('gulp-sass')(require('sass')); Gulp sass 5에는 sass 컴파일러 기본값이 없다. 셋팅해라. *** gulpfile.babel.js 에서 셋팅함 import sass from 'sass'; ——> 설치한 sass를 import 하겠다는거 const sassCompile = gulpSass(sass); ——> sassCompile얘는 임의로 만든거고 gulpSass이거 안에다가 sass 넣어쥼!

  Read More
• gulp version 걸프버전오류

  개발 에러 2022. 11. 24. 18:36

  gulp dev 명령어를 입력했으나 오류남 노드 버전을 낮추고 걸프를 다시 설치하고 난리를 쳐도 에러남 /Users/cho-youngeun/Desktop/pub-work/kiwoom/node_modules/gulp-imagemin/index.js:1 -> 이 파일에 문제가 있는것으로 보임 문제해결: 문제가 있는 파일을 골라서 다운그레이드(downgrade) 시킴(이전버전 ^8.0.0) / 버전끼리 안맞아서 충돌남 >>> npm install gulp-imagemin@6.0.0 --save-dev

  Read More
• Bootstarp5 + SASS 환경설정

  CSS 2022. 11. 24. 18:34

  https://www.youtube.com/watch?v=iJKCj8uAHz8 https://www.youtube.com/watch?v=WlOBV00NldU [gulp dev] gulp dev 가 안되서(오류) 컴파일 명령어를 따로 사용했었음. package.json "scripts": { "compile:sass": "sass --watch scss:src/assets/css" }, -> 터미널 : npm run compile:sass

  Read More