ΛneOK v4 blog
일상의 잡다한 생각과 내용을 글 또는 사진으로 표현하는 일상 블로그입니다.
# Side Menu
-
recentPost
-
popularPost
-
Archive
-
recentComment
Study
Study
-
Javascript : 웹사이트 블라인드 효과, 마우스/키보드 이벤트를 비활성화, 스크롤을 방지 효과주기다음은 블라인드 효과를 적용하고, 마우스/키보드 이벤트를 비활성화하고, 스크롤을 방지하고, 정상적인 동작을 복원하는 단일 함수를 포함하는 JavaScript 코드의 결합되고 단순화된 버전입니다. 간혹 사이트를 패쇄하기는 그렇고 잠시 막아야 할때 유용한것 같습니다.기본코드 웹사이트 블라인드 효과 현재 화면이 블라인드 효과로 가려져 있습니다. 1. HTML 구조#blind-overlay: 블라인드 효과를 위한 div 요소로, 화면을 어둡게 덮고 흐림 효과를 적용합니다..content: 메인 콘텐츠로, 블라인드 효과 아래에 표시됩니다..restore-button: 사용자에게 정상 동작으로 복구할 수 있는 버튼을 제공합니다.2. CS..Study/JavaScript 2024. 12. 3.
-
JavaScript : html의 input에 값이 있는지 없는지 판단하고 class를 추가하라다음은 search-input 클래스가 있는 입력 요소에 값이 있는지 확인하고 값이 있으면 Xvalue 클래스를 추가하는 JavaScript #스니펫입니다. input 값이 있으면 Xvalue를 추가해라. DOMContentLoaded: DOM이 완전히 로드된 후 스크립트가 실행되도록 합니다.querySelector (쿼리선택기): search-input 클래스를 사용하여 입력 요소를 선택합니다.addEventListener: 사용자가 입력 필드에 무언가를 입력하거나 삭제할 때마다 트리거 되는 input 이벤트를 수신합니다.조건:입력된 트림된 값이 비어 있지 않은지 확인합니다. 조건이 참이면 'Xvalue' 클래스를 추가하고 거짓이면 제거합니다. 간략히document.querySelector('..Study/JavaScript 2024. 12. 2.
-
Windows 7 이상에서 God ModeWindows 7 이상에서 #God_Mode 활용법 Windows에서 "God 모드"라는 용어는 하나의 폴더에 중앙 집중식의 포괄적인 설정 및 옵션 목록을 제공하는 숨겨진 기능을 의미합니다. 이 기능은 Microsoft에서 공식적으로 문서화하지 않았으며 실제 "God Mode"라기보다는 고급 제어판에 가깝습니다. 만드는법 바탕화면에 새로운 폴더를 하나 만들고 이름을 다음과 같이 하면 God Mode.{ED7BA470-8E54-465E-825C-99712043E01C} 마침표 앞에 "GodMode"를 원하는 이름으로 바꿀 수 있지만 나머지 문자열은 동일하게 유지되어야 합니다. God Mode 라는 아이콘이 하나 생깁니다. 이 기능은 고급 사용자를 위한 기능이며 특정 설정을 변경하면 시스템 동작에 영..Study/IT_PC 1 2023. 11. 18.
-
네이버 웨일 다중브라우저(다중로그인) 사용하는 방법(임시)네이버 웨일은 지금(버전 3.20.182.14)까지는 제가 알기로 다중 브라우저 (다중 로그인)를 가 지원하지 않고 있는 것으로 알고 있습니다. (아니면 댓글 부탁드립니다.) 그래서 웨일 헬프에서 보니 유저데이터분리가 있어 이용해 보았습니다. 위의 답변에서 '유저 데이터 위치 분리'로 '다중로그인'을 해서 사용하면 되는 것입니다. 복사 간단히 바탕화면의 웨일을 복사 붙여 넣기 해서 바로가기 1개 더 만듭니다. 그 후 마우스 오른쪽을 눌러 메뉴에서 속성으로 들어갑니다. 속성수정 복사본 속성에 들어가서 --user-data-dir="D:\Whale\사용할 폴더이름"을 추가하시면 됩니다. 저는 'rain'이라는 폴더를 추가하였습니다. 두 개의 브라우저를 실행하면 각각의 웨일이 실행된 것을 보실 수 있습니다. ..Study/IT_PC 2 2023. 7. 18.
-
onedrive 폴더 파일탐색기에서 삭제전 '원드라이브'와 '네이버 MYBOX'를 사용하지만 파일 탐색기에 무언가 잇는 것을 좋아하지 않습니다. 그래서 예전에 원드라이브 지웠는데 생각에 검색해 보니 '원드라이브'와 '네이버 MYBOX'를 파일 탐색기 좌측 메뉴에서 삭제할 수 있어 이렇게 글 적습니다. One Drive 파일 탐색기에서 삭제 1. 키보드의 Windows Key + 'R' 키를 눌러 실행창에서 'regedit' 명령어를 입력하고 엔터를 누릅니다. 2. 레지스트리 편집기에서 'NameSpace' 아래 경로의 폴더 Data 값을 확인 후 'OneDrive'로 표기된 값의 폴더를 오른쪽 클릭하여 삭제합니다 HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Desk..Study/IT_PC 2022. 3. 18.
-
[javascript] addClass, removeClass, toggleClass, hasClassjavascript jquery 없이 vanilla javascript로 class관련 함수를 구현 1. addClass element.classList.add('추가할 class명'); function addClass(e, c) { e.classList.add(c); return e; }; 2. removeClass element.classList.remove('삭제할 class명'); function removeClass(e, c) { e.classList.remove(c); return e; }; 3. toggleClass element.classList.toggle('토글할 class명'); function toggleClass(e, c) { e.classList.toggle(c); return ..Study/JavaScript 2022. 2. 16.
-
엑셀 서식 - Striped rows(줄무니 행) 배경색 자동으로 넣기엑셀 서식 자료 보기 편하게 번갈아 가면서 행 배경색 자동으로 넣기 마땅히 이름을 정할 수 없어 부트스트랩 - Table의 테이블 이름을 적었습니다. 아무튼 뜻만 통하면 되니 이렇게 적고 엑셀에서 아래로 긴 리스트 형식으로 자료를 출력할 때 단색으로만 출력하면 알아보기가 힘든데 조건부 서식에서 수식 부분에 위 함수를 넣고 서식에서 엷은 배경색을 주면 한 줄씩 번갈아가면서 흰색과 엷은 색으로 나타나 자료를 보기가 수월합니다. 이때 사용하는 서식입니다. 서식에서 새 규칙에 들어갑니다. 그 후 ▶수식을 사용하여 서식을 지정할 셀 결정에 들어가서 수식을 입력합니다. =MOD(ROW(),2)=1 창 밑에 미리 보기 란에 서식에 들어가서 배경에 사용할 색을 지정하고 확인하면 됩니다. MOD는 나누는 것으로 ROW(..Study/IT_PC 2021. 8. 20.
-
상업적으로 사용이 가능한 무료 폰트 (계속 업데이트됨.)시작하며 디자인 작업을 하다 보면 유행에 맞는 또는 트렌드에 맞는 적절한 폰트를 찾고 쓰고 하는데 보통 신경이 쓰는 게 아닙니다. 저작권료를 내고 사용하기도 하지만 저작권료를 냈다 하더라도 사용범위가 각기 달라 각각의 폰트에 대한 저작권을 확인하고 사용해야 하는 번거로움이 있지요. 오늘 소개할 폰트는 이미 아시는 분들은 다들 아시겠지만 그래도, 아직도, 잘 모르시는 분들을 위해 소개하는 무료 폰트입니다. 일반인 뿐만 아니라 상업적으로 사용이 가능한 무료 폰트를 소개합니다. 물론 사용하실 때는 각 사이트의 라이선스를 한 번 더 보시는 것을 추천합니다. 시작합니다. 인기 폰트 리스트 나눔 글꼴 티몬 폰트 디자인 210 - 어그로체 공게임즈 이사만루체 1. 나눔 글꼴 너무 유명해서 따로 설명이 필요 없죠. 새..Study/IT_PC 2021. 8. 10.
-
USB 메모리 초기화 방법 (CMD 활용)며칠 전 USB가 작동하지 않아 애를 먹은 적이 있습니다. 지인에게 물어보니 체크 디스크(CHKDSK) 하면 된다고 해서 하게 된 부분입니다. 체크디스크 사용하니 시스템 유형이 RAW라고 하네요. RAW? RAW 파일 시스템이란? NTFS, FAT32 및 exFAT와 같은 파일 시스템은 데이터 저장 및 검색 방법을 제어한다. 파일 시스템이 없으면 하드 드라이브, USB 플래시 드라이브, SD 카드 등 저장 매체에 액세스하고 열 수 없다. RAW 파일 시스템은 파일 시스템이 없거나 알 수 없는 하드 드라이브의 상태를 표시한다. RAW 파일 시스템이 있는 디스크 또는 드라이브를 RAW 디스크/드라이브라고 부른다. 하드 드라이브 또는 외장 스토리지 장치가 RAW가 되는 경우: 드라이브의 파일 시스템이 없거나 ..Study/IT_PC 2021. 6. 3.
-
web-Color 개인 적인 저장웹 페이지를 만들면서 color을 정하기가 쉽지 않더군요. 그래서 생각나는 데로 색을 정하여 다음에 사용하려고 합니다. 이번에 정할 색은 외국 nordpass의 색으로 색감이 맘에 들어 참조하여 만들어 보았답니다. :root { --body-bg: #efeff4; --label-Primary: #151922; --label-Seconday: #8a8c91; --label-Tertiary: #b9babd; --link: #43a5a1; /* 45% */ --link-hover:#80cbc9; /* 65% */ --default-fixation:#000000; --highlight-fixation:#ffffff; } 'Fixation'문구는 고정을 이야기하는 것 입니다. 내게 필요한 옵션 기능, 사후 고려 ..Study/Html_Css 5 2021. 4. 26.
-
스타일 시트 CSS 접두어 -webkit-, -moz-, -ms-, -o- 의미웹에서 CSS를 적용할 때 webkit, moz, ms, o접두어가 속성앞에 붙은 것을 종종 보실 수 있을 겁니다. 크로싱 브라우저를 위해서 필요하기 때문이고, 주로 쓰이는 브라우저는 IE, 크롬, 파이어폭스, 오페라, 사파리가 있습니다. 우리나라에서는 크롬과 파이어폭스만 적용하면 무난하게 처리가 가능합니다. 브라우저 별 접두어 -webkit- : 구글, 사파리 브라우저에 적용. -moz- : 파이어폭스 브라우저에 적용. -ms- : 익스플로러에 적용. (생략 가능) -o- : 오페라 브라우저에 적용. 사용방법 selecter { background:-webkit-linear-gradient(to bottom, skyblue, white 50%); background:-moz-linear-gradient..Study/Html_Css 2021. 4. 6.