반응형 분류 전체보기98 크롬 설정 Chrome 개발자 도구(F12)를 열고, "네트워크" 탭에서 "Disable cache" 옵션을 체크한 후 페이지를 새로 고칩니다. 이 옵션은 개발자 도구가 열려 있는 동안만 적용됩니다. 2024. 10. 31. gulp setting 초기 화면 1. node.js깔기 2. 걸프파일 설치npm install gulp browser-sync gulp-clean-css gulp-data gulp-dart-sass gulp-imagemin gulp-nunjucks-render gulp-uglify image-size nunjucks --save-dev설치하면 노드모듈 생김 (다른곳에서 파일 받을때 package.json파일만 저장해서 npm install 하면됨) 2024. 10. 27. vscode extention 확정프로그램 인터넷 안될때 적용 Extensions for Visual Studio family of products | Visual Studio Marketplace ctrl+shfit+pInstall from VSIX 입력해서 선택다운로드한거 설치 2024. 10. 26. vscode extention 확장프로그램 #1. 기본프로그램Auto Rename Tag (여는태그 닫는태그 맞추기)Html to css autocompletion (html에서 만든 클래스 있으면 css입력시 자동으로 그 클래스 가져오기)indent-rainbow (들여쓰기 레인보우)live server (라이브서버)prettier - code formatter (코드이쁘게 정리)css peek (html에서 클래스 클릭하면 해당 css로 파일로 이동)svg (svg미리보기) #2. 사스live sass compilersass #3. 걸프 gulp tasks #4. 깃git graphgitLens=========================================== 사스 환경설정(세팅>settings.json) 걸프 환경설정 2024. 10. 26. gulp image guide sample page npm install gulp gulp-data gulp-nunjucks-render gulp-sass image-size --save-dev gulp-data (이미지 파일이름)gulp-nunjucks-render (이미지 취합)image-size (이미지 가로 세로 크기) 2024. 10. 26. 스켈레톤 skeleton Skeleton | Components | BootstrapVue 2024. 10. 25. 이전 1 2 3 4 5 6 7 ··· 17 다음 반응형
