스흐 엔지니어 이야기
seuheu 개요 웹사이트에서 멋진 폰트를 사용하고 싶다면 Google Fonts를 활용하는 것이 가장 좋은 방법입니다.Google Fonts는 무료로 제공되며, CSS에 간단히 추가할 수 있어 많은 개발자들이 애용합니다.이 글에서는 Google Fonts를 HTML과 CSS에 적용하는 방법을 두 가지 방식으로 소개하겠습니다. 1. <link> 태그를 사용한 적용 방법 가장 일반적인 방법은 HTML의 <head> 태그에 <link>를 추가하는 것입니다. 사용 방법 예제 코드 아래는 Roboto 폰트를 적용하는 예제입니다. 📌 font-family: ‘Roboto’, sans-serif; 를 추가하면 글꼴이 적용됩니다!이 … 더 읽기
1. 개요 2. Proxmox란? Proxmox 기능 3. Proxmox 8.2 설치 방법 3-1. Proxmox 설치 과정 ① Proxmox VE 설치 시작 ② Proxmox 설치 진행 4. 설치 후 확인 방법 4-1. 정상 부팅 화면 4-2. 웹 인터페이스 접속 확인
개요 🔹 BEM이란? 1️⃣ Block (블록) 2️⃣ Element (요소) 3️⃣ Modifier (수정자) 🔹 BEM 클래스 네이밍 규칙 📌 BEM 적용 예제 ✅ HTML 코드 ✅ CSS 코드 🎯 BEM을 사용해야 하는 이유 ✅ 클래스 이름 충돌 방지 전역적으로 사용되는 스타일 클래스와 충돌할 위험이 줄어듭니다. ✅ 유지보수와 확장성 향상 클래스 구조가 명확해지므로 스타일 변경 및 추가가 … 더 읽기
개요 1. HTML 주석(Comment) 📌 HTML 주석 기본 문법 📌 HTML 주석 사용 예시 📌 HTML 주석의 활용 방법 ✅ 코드 설명: 개발자가 쉽게 이해할 수 있도록 설명 추가✅ 임시 코드 비활성화: 특정 기능을 주석 처리하여 실행되지 않도록 설정✅ 디버깅 및 유지보수: 협업 시 코드 가독성을 높이고 유지보수를 쉽게 함 2. CSS 주석(Comment) 📌 CSS 주석 기본 문법 📌 CSS 주석 사용 예시 … 더 읽기
1. 기본 HTML 템플릿 자동 생성 사용 방법 결과 2. 클래스명이 포함된 div 태그 생성 사용 방법 결과 3. 클래스명이 포함된 div 태그 간편 생성 사용 방법 결과 4. 여러 개의 리스트 아이템 생성 사용 방법 결과 5. 속성과 텍스트가 포함된 링크 태그 생성 사용 방법 결과
1. 내용 Font Awesome 웹사이트를 개발하다 보면 아이콘을 자주 사용하게 됩니다.버튼, 네비게이션 바, 소셜 미디어 링크 등 다양한 요소에서 아이콘은 사용자 경험을 향상시키는 중요한 역할을 합니다.하지만 직접 아이콘을 만들거나 이미지 파일을 사용하는 것은 번거롭고 유지보수가 어렵습니다.이때 Font Awesome이 등장합니다! Font Awesome은 웹사이트에서 아이콘을 쉽게 사용할 수 있도록 제공하는 오픈소스 아이콘 라이브러리로, 간편한 사용법과 다양한 기능 덕분에 … 더 읽기
1. 개요 2. 버전 3. 내용 3-1. 증상 소개 3-2. 원인 3-3. Persistence Mode(nvidia-smi -pm 1) 3-4. NVIDIA Persistence Daemon(nvidia-persistenced) 3-5. Persistence Mode, NVIDIA Persistence Daemon 차이점 명령어 기능 설명 재부팅 후 유지 여부 nvidia-smi -pm 1 영구 모드(Persistence Mode) 설정 GPU가 사용되지 않아도 전원을 유지하여 nvidia-smi실행 속도를 빠르게 함 ❌ (재부팅하면 해제됨) nvidia-persistenced GPU 상태 … 더 읽기
CSS 선택자(Selector) 1. 기본 선택자 선택자 설명 예제 * 모든 요소 선택 * { margin: 0; } 태그명 특정 태그 선택 p { color: red; } .클래스명 클래스 선택 .text { font-size: 20px; } #아이디명 ID 선택 #main { background-color: gray; } 2. 복합 선택자 선택자 설명 예제 A B A 안에 있는 B 선택 … 더 읽기
CSS 적용 방법 1. 인라인(Inline) 스타일 2. 내부(Internal) 스타일 3. 외부(External) 스타일
CSS(Cascading Style Sheets) 란? CSS의 역할 CSS 기본 문법 CSS의 기본 문법은 **선택자(selector)와 속성(property), 값(value)**으로 구성됩니다.