2024/06/153

728x90
[SCSS]프로젝트 SCSS 폴더 및 파일 구조 참고용 모바일에 최적화된 SCSS 구조를 설정하기 위해서는 프로젝트의 폴더 구조와 파일들을 체계적으로 관리하는 것이 중요합니다. 아래는 모바일 중심의 프로젝트에 적합한 SCSS 구조 예시입니다. 이 구조는 SCSS 파일들을 모듈화하여 유지보수가 쉽고, 확장 가능한 형태로 관리하는 것을 목표로 합니다.  프로젝트 폴더 구조 (vue.js 기준)project-root/├── src/│ ├── assets/│ │ ├── styles/│ │ │ ├── abstracts/│ │ │ │ ├── _variables.scss│ │ │ │ ├── _mixins.scss│ │ │ │ ├── _functions.scss│ │ │ ├── base/│ │ ..
[SCSS]mixin을 활용한 모바일 폰트 사이즈 설정(62.5%) CSS(Sass)에서 모바일 초기 셋팅을 위해 62.5%를 기준으로 폰트 크기와 관련된 믹스인과 함수를 설정할 수 있습니다. 이렇게 하면 rem 단위를 더 직관적으로 사용할 수 있게 됩니다. 예를 들어, 1rem이 10px로 설정되어 계산이 간편해집니다. 여기서는 기본 설정과 함께 유용한 믹스인 및 함수를 정의해 보겠습니다.  1. 기본 설정먼저, html 태그의 폰트 크기를 62.5%로 설정합니다. 이렇게 하면 기본 폰트 크기가 16px에서 10px로 변경됩니다.html { font-size: 62.5%; // 1rem = 10px}body { font-size: 1.6rem; // 16px margin: 0; padding: 0;} 2. 폰트 크기 믹스인폰트 크기를 쉽게 설정하기 위한 믹스인을..
[Git]Git사용자 이름 설정하기 Git 커밋할때 엉뚱한 이름으로 커밋이 되거나, 프로젝트의 버전 관리 히스토리에 커밋을 만든 사용자를 식별하는 데 도움이 되기때문에 설정을 하셔야합니다. Git 사용자 이름 설정하기전역 설정전역 설정은 모든 Git 저장소에 적용됩니다. 1. 사용자 이름 설정git config --global user.name "Your Name" 이름이 "홍길동" 이라면 "Your Name"에 홍길동을 넣으시면 됩니다.  2. 이메일 주소 설정git config --global user.email "your.email@example.com" 이메일 주소 역시 사용하시는 이메일 주소를 넣습니다. 로컬 설정로컬 설정은 특정 Git 저장소에만 적용됩니다. 저장소의 루트 디렉토리에서 다음 명령어를 실행합니다. 1. 사용자 이름..
반응형