반응형 전체 글128 flex: 1 .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y);}------------------------------------------flex-grow: 1 → 남는 공간을 다른 요소들과 나눠 가짐 flex-shrink: 0 → 공간이 부족해도 줄어들지 않음 flex-basis: 0% → 기본 너비는 0에서 시작 .col { flex: 1 0 0%; width: 100%; max-width: 100%; } flex: 1; /* == flex.. 2025. 6. 13. col row g-1 bootstrap5.card {flex: 1;} -------------------------- flex-grow-0 {flex-grow: 0 !important;}.g-1, .gy-1 { --bs-gutter-y: 0.8rem; } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y);} .col {flex: 1 0 0%;} .col-1 {flex: 0 0 auto; width: 8.33333333%;} .col-2 {flex: 0.. 2025. 6. 10. row col-1 ~col-12 _variables.scss$grid-columns: 12 !default; _grid.scss// Grid system//// Generate semantic grid columns with these mixins.@mixin make-row($gutter: $grid-gutter-width) { --#{$prefix}gutter-x: #{$gutter}; --#{$prefix}gutter-y: 0; display: flex; flex-wrap: wrap; // TODO: Revisit calc order after https://github.com/react-bootstrap/react-bootstrap/issues/6039 is fixed margin-top: calc(-1 * var(.. 2025. 6. 10. scss컴파일 scss컴파일할때 gulp vite 등등 제일 많이 사용되는건 뭐야 2025년 현재 기준으로 SCSS 컴파일 도구로 가장 많이 사용되는 것✅ 1. Vite → 가장 트렌디하고 빠름 (최다 사용)장점:빠른 빌드 속도 (ESM 기반)SCSS 자동 컴파일 지원 (vite.config.js 설정으로)Hot Module Replacement (HMR) 제공Vue, React 등과 잘 연동됨사용 방식:scss복사편집// main.scss @import 'variables'; js복사편집// main.js import './main.scss'; bash복사편집npm i -D sass 누가 사용하냐: 오늘의집, 쿠팡, 네이버 등 최신 프론트 프로젝트✅ 2. Gulp → 복잡한 워크플로우나 레거시에 여전히 사용 중장점:.. 2025. 6. 10. svn 로컬 저장소 만들기 ✅ SVN 로컬 저장소 만들기 (Create repository here)이건 SVN 서버 역할을 하는 저장소를 로컬에 만드는 작업입니다.폴더 우클릭 → TortoiseSVN → Create repository here... 클릭.db, conf, hooks 같은 폴더가 생기면 정상적인 저장소가 생성된 것입니다.✅ SVN 작업 복사본 만들기 (Working Copy)저장소에서 실제로 코드를 받아서 작업하는 폴더입니다.보통 다음 순서로 작업합니다:위에서 만든 로컬 저장소 경로를 복사 (file:///C:/경로/저장소)작업할 새 폴더 만들기그 폴더에서 우클릭 → SVN Checkout...URL에 file:///C:/경로/저장소 붙여넣고 Checkout 진행⚠️ 주의할 점Create repository he.. 2025. 6. 9. vscode 파일 이전버젼보기 깃렌즈 설치해야함 무료 기능 해당 파일 헤더쪽 위에서 우클릭file history>open file history왼쪽파일히스토리 그파일 버젼으로 가서 우클릭open file at revision 2025. 6. 5. 이전 1 2 3 4 ··· 22 다음 반응형
