I don't want to live a life with only voices.
  • DOM(Document Object Model) 구조와 정의

    대부분의 웹페이지는 HTML로 구성되어 있지만, 우리가 브라우저에서 상호 작용하는 것은 단순한 정적인 HTML 문서가 아닙니다. 웹페이지는 브라우저에 의해 DOM(Document Object Model)이라는 구조화된 객체 모델로 변환되며, 이 DOM을 통해 JavaScript는 페이지의 내용을 읽고 수정할 수 있습니다. DOM은 웹의 핵심 작동 원리이자 프로그래밍 가능한 웹의 뼈대입니다. 버튼 클릭, 폼 입력, 실시간 데이터 변경 등 우리가…

  • 워드프레스 플러그인: Health Check&Troubleshooting | 플러그인 충돌 테스트

    워드프레스 플러그인 충돌 테스트를 위해 모든 플러그인을 직접 비활성화하면 방문자에게 사이트가 깨져 보일 수 있습니다. 이때 사이트는 그대로 유지하고 관리자만 테스트할 수 있는 Health Check & Troubleshooting 플러그인을 사용할 수 있습니다. ✅ Health Check&Troubleshooting 플러그인 설치 플러그인 명을 검색해서 플러그인 충돌 테스트를 해야 한다면 먼저 플러그인을 설치합니다. ✅ 플러그인 충돌 테스트 관리자 페이지…

  • Obsidian 설치 및 한국어&다크모드 설정 | 연결과 구조화를 통한 생산적 노트 앱

    메모 앱은 원노트, 에버노트, 노션, 업노트 등의 다양한 메모 앱이 있습니다. 개인적으로 원노트를 오랜 기간 사용했지만 원노트의 무거운 점과 내용이 많아질 수록 정리하는데 오히려 너무 많은 시간을 할애하게 되고, 정리한 내용에 링크를 걸어서 찾는데 너무 복잡해져 효율적인 관리가 어렵다는 생각이 들었습니다. 원노트 대신 업노트를 사용하면서 1개월 유료 결제도 했지만 업노트의 경우 가벼운 건…

  • 구글 드라이브 다운로드[데스크탑 설치] | 기본 설정

    보통 구글 드라이브를 이용하여 웹 브라우저에서 파일을 업로드하거나 다운로드하는 용도로 사용하고 있습니다. 구글 드라이브 다운로드 페이지에서 직접 다운로드 받아 데스크탑에 설치해서 사용할 수 있습니다. 이번에 PC에 설치해서 사용하려고 구글링 중에 [브런치스토리] 블로그에서 설치 다운로드 글을 쓰고 링크를 제공한 것을 확인 할 결과 공식 사이트가 아닌 별도의 ‘유사 다운로드 센터’ 웹사이트로 연결되고 있는 경우도…

  • Cache Enabler: 간편한 설정의 워드프레스 캐시 플러그인

    워드프레스 사이트는 플러그인 수가 일정 수준을 넘기 시작하면 속도 저하 현상이 나타날 수 있습니다. 기능과 성능을 모두 만족시키는 플러그인을 찾기란 쉽지 않으며, 속도 문제는 방문자의 이탈과 테크니컬 SEO에서의 불이익으로 이어질 수 있습니다. 이 때문에 캐시 플러그인은 선택이 아닌 필수로 자리 잡았습니다. 이 중에 Cache Enabler는 KeyCDN에서 제공하는 간편한 설정의 무료 캐시 플러그인으로, 워드프레스를…

  • WP Super Cache: 플러그인 설치 및 설정

    워드프레스 캐시 플러그인 중 WP Super Cache는 100만 명 이상이 사용하는 인기 무료 캐시 플러그인입니다. 평점 4.3점으로 사용자 만족도도 높은 편이며, Automattic에서 직접 개발한 공식 플러그인입니다. 별도의 유료 버전은 존재하지 않으며, 캐시 플러그인에서 필요한 대부분의 기능이 무료로 제공됩니다. WP Super Cache의 설치 방법과 기본 설정, 작동 원리에 대해 확인해 보겠습니다. 기본 설치는 Neve…

  • 크롬 BAT 실행 스크립트: 일반 창 + 시크릿 창 한 번에 열기

    크롬 브라우저를 사용하면서 항상 여는 페이지나 창의 개수가 정해져 있다면, 매번 수동으로 창을 열고 페이지를 띄우는 일이 은근히 번거롭습니다. 저의 경우 일반 창 2개와 시크릿 창 1개를 열어놓고 작업을 시작하는데, 매번 반복하다 보니 자연스럽게 자동화 방법을 찾게 되었습니다. Windows의 BAT(배치) 파일을 활용하면 크롬 창을 원하는 개수만큼 자동으로 실행할 수 있습니다. 크롬 BAT 실행…

  • Xshell 시작 세션: 로컬 셸로 변경

    Xshell을 처음 설치하고 실행하면 기본적으로 Quick Start 창이 새 탭으로 열립니다. 이 페이지에서는 Xshell 시작 세션을 로컬 셸 화면으로 변경하는 방법을 안내합니다. ✅ Xshell Quick Start 기본 설정에서는 Xshell 시작 시 [Quick Start] 화면이 자동으로 열리도록 되어 있습니다. ✅ Xshell 시작 세션: 로컬 셸 변경 Xshell 상단 메뉴에서 [도구] > [옵션]을 클릭합니다. [시작]…

  • HTML 태그: SPAN 태그와 DIV 태그 차이와 용도

    웹 페이지를 구성할 때 자주 사용되는 태그가 div 태그와 span 태그 그리고 p 태그입니다. p(paragraph)는 단락을 나타내는 의미적 요소입니다. div(division)는 구획 및 구분의 약자로, 문서의 구조를 나누는 데 사용하는 블록 태그입니다. span은 텍스트 일부를 감싸는 데 사용하는 범용 태그입니다. ✅ SPAN 태그 사용 예시 ✅ DIV 태그 사용 예시 ✅ CMS 활용 콘텐츠…

  • 워드프레스 Neve 테마 설치: 속도 테스트

    Neve 테마는 빠르고 가벼운 워드프레스 테마로, 초보자부터 고급 사용자까지 모두를 위한 유연한 구조를 제공합니다. 공식 테마 디렉토리에 등록된 무료 테마 중 하나로, 블록 에디터(Gutenberg)는 물론 Elementor, Brizy, Beaver Builder 등 다양한 페이지 빌더와도 높은 호환성을 자랑합니다. 특히, Neve는 모바일 퍼스트 구조와 AMP 지원, 최적화된 코드 덕분에 속도 측면에서도 매우 뛰어난 평가를 받고 있습니다….

End of content

End of content