스흐 엔지니어 이야기
1. 개요 Proxmox는 다양한 스토리지 방식을 지원하며, 목적에 맞게 선택할 수 있습니다.본 가이드에서는 디스크 설정 방법과 각 방식의 특징을 설명합니다. 2. Proxmox 버전 본 문서는 Proxmox 8.2 기준으로 작성되었습니다. 3. 디스크 스토리지 방식 설명 3-1. LVM (Logical Volume Manager) LVM은 여러 개의 물리 디스크를 하나의 논리 볼륨 그룹으로 관리하는 방식입니다.디스크 확장이 용이하며, 유연한 파티션 관리가 가능합니다. 3-2. LVM-Thin … 더 읽기
1. 개요 2. Proxmox 8.2 버전 기준 3. Subscription 경고 확인 및 제거 방법 3-1. Subscription 경고 메시지 확인 3-2. Subscription 경고 제거 방법 3-2-1. Subscription 설정 변경 1️⃣ Proxmox 웹 인터페이스에서 설정 변경 2️⃣ No-Subscription Repository 추가 3-2-2. 경고 메시지 완전 제거 (JavaScript 수정) 1️⃣ Proxmox 쉘(Shell) 실행 🔹 백업 생성: 원본 파일을 백업합니다. 2️⃣ JavaScript 파일 수정 3️⃣ 경고 … 더 읽기
CSS Reset이란? 왜 필요한가? 웹사이트를 제작할 때 브라우저마다 기본적으로 제공하는 스타일이 다릅니다. 이러한 차이를 해결하기 위해 사용하는 것이 바로 CSS Reset입니다. CSS Reset을 적용하면 모든 브라우저에서 동일한 초기 스타일을 유지할 수 있어 일관된 디자인을 만들 수 있습니다. 이 글에서는 CSS Reset의 필요성, 주요 방법, 그리고 가장 많이 사용되는 CSS Reset 코드를 소개합니다. CSS Reset이 필요한 이유 1. … 더 읽기
개요 웹사이트에서 멋진 폰트를 사용하고 싶다면 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 상태 … 더 읽기