소소한 일상과 순간들을 기록하며, 지금 이 순간을 남겨두고 언젠가 다시 돌아볼 개인 저장 블로그.
-
recentPost
-
archive
-
recentComment
-
personalProject
분류 전체보기
6
-
일상기록
SSD, HDD 상태 검사 프로그램 추천
디스크 상태를 검사할 수 있는 SSD 및 HDD 모니터링 프로그램을 소개해 드리겠습니다. 디스크 상태 확인은 성능 저하나 데이터 손실을 방지하는 데 매우 중요합니다. 1. CrystalDiskInfo (윈도우)특징: 무료, 가벼운 소프트웨어기능:S.M.A.R.T. 정보 조회 (온도, 사용 시간, 배드 섹터 등)SSD/HDD 건강 상태 표시 (Good, Caution, Bad 등)디스크 온도 모니터링자동 경고 기능 (이상 발생 시 알림)https://crystalmark.info/en/software/crystaldiskinfo/ CrystalDiskInfoAbout CrystalDiskInfo A HDD/SSD utility software which supports a part of USB, Intel..
2025. 3. 12. -
배움지식
간단하게 구현하는 다크모드(dark, light, system) 토글 버튼
안녕하세요! 오늘은 웹사이트에서 사용자가 직접 다크모드, 라이트모드, 시스템 모드를 선택할 수 있는 방법을 알려드리겠습니다. 3가지 모드 다크모드 토글 버튼이란?사용자가 직접 버튼을 클릭하여 "System(시스템 설정 반영)", "Dark(강제 다크모드)", "Light(강제 라이트모드)" 세 가지 중 원하는 모드를 선택할 수 있습니다. 또한 이 설정은 사용자의 기기에 저장되어 다음 접속 때도 유지됩니다. HTML, CSS, JavaScript 코드아래의 코드로 간단히 구현 가능합니다.모드: System (Light) html { background-color: #ffffff; color: #000000; transition: background-color 0.3s, color 0.3s;}@med..
2025. 3. 10. -
배움지식
티스토리 포스터 최종 수정일 확인 및 활용하기
티스토리에는 발행일을 표시하는 치환자가 있습니다. 하지만 최종 수정일은 치환자가 없지만 html 소스에는 보여집니다. 이것을 활용해 보겠습니다. 코드에서 추출최종 수정일은 코드에서 확인할수 있는 곳이 2군데 있습니다. 1. meta 태그의 article:modified_timecontent부분에 2025-02-26T17:50:32+09:00입니다.2. ... 사이여기서 참고할 내용은,"datePublished":"2025-02-21T01:42:27+09:00", "dateModified":"2025-02-26T17:50:32+09:00",datePublished은 발행일시이고, dateModified은 수정일시입니다. 이렇게 2군데가 있습니다.왜 발행일을 이야기하냐면 자바스크립트에 적용할 때 참조..
2025. 3. 6. -
배움지식
JavaScript로 구현하는 테마 전환 - 다크, 라이트, 시스템 모드 & 인디케이터 애니메이션 효과
이번 포스트에서는 JavaScript와 CSS를 활용해 (다크, 라이트, 시스템 테마) 전환 기능과 함께 인디케이터 애니메이션 효과를 구현하는 방법을 저장하려 합니다. 각 단계를 간략히라도 설명 했고 다음에 사용하기 좋게 만들었습니다. 테마 전환 예제 Light Dark System 본문 내용이 여기에 표시됩니다. JavaScript 동작 설명setIndicatorPosition() 함수는 초기 로드와 버튼 클릭 시 인디케이터의 위치를 설정합니다. 초기 로드에서는 퍼센트 단위 오프셋을 사용하고, 클릭 시 실제 버튼의 위치를 계산합니다.changeTheme() 함수는 선택된 테마에 따라 의 클래스를 변경하여 스타일을 적용하고, 인디케이터를 이동시킵니다.각 버튼에는..
2025. 3. 6. -
배움지식
범용 Top버튼 만들기 (Js)
TOP버튼을 만들기로 했습니다. 하지만 티스토리 SKIN을 자주 변경하면서 느낀 점은 매번 같은 클래쓰명을 사용하고, 1개당 하나의 자바스크립트가 있으니 불편도 하더군요. 그래서 JQuery에 사용해서 클래쓰명만 추가하면 되는 코드를 만들어 보자는 생각으로 만들었습니다. 코드(function ($) { $.fn.toTopBtn = function (options) { const settings = $.extend({ buttonSelectors: '', // 상단 이동 버튼 선택자 목록 (쉼표로 구분) scrollSpeed: 300, // 스크롤 속도 (밀리초) offset: 0 // 스크롤 이동 오프셋 }, options); if (!settings.butt..
2025. 2. 28. -
좋아하는것
보더랜드 2에서 'ESC키' 적용되지 않는 문제 해결
보더랜드 3 하면서 간간히 예전게임을 해보고 싶어 보더랜드 2를 실행해 보았습니다. 하지만 간간히 Tab키가 너무 빨라 아이템이나 지도 같은 경우에는 Tab 눌러 하기보다는 I키 M키를 눌러서 하곤 했습니다. 하지만 막상 종료를 하려니 Esc키가 전혀 되질 않아 한참을 고민 중에 자동 세이브를 하곤 했는데... 이상했습니다. 너무 오랜만에 한 것이라 Esc 눌러서 종료가 아닌가 싶어서 이것저것 눌러보곤 했네요. 저같이 헤매는 사람들이나 먼 미래의 기억을 잃어버리고 또다시 헤매는 저를 위해 남겨 봅니다.windows의 설정에서 키보드 구형 형식으로 변경하기1. 설정에서 시간 및 언어 > 입력으로 갑니다. 2. 입력에서 언어 및 지역으로 갑니다. 3. 언어 및 지역에서 한국어 ··· 을 눌러 ···언어옵션..
2025. 2. 21.