워드프레스 / 플러그인 / HTML Editor Syntax Highlighter / 에디터 텍스트 모드 코드 하이라이트 플러그인
워드프레스에 글을 작성할 때 보통은 비주얼 모드를 사용하지만, 텍스트 모드로 들어가서 코드를 직접 수정하는 경우도 많다. 그런데, 텍스트 모드에서 코드를 보면 흰색 바탕에 검정 글자여서 읽기가 쉽지 않다.
이 문제를 해결해주는 플러그인이 HTML Editor Syntax Highlighter이다.
플러그인을 설치하고 활성화한 후 텍스트 모드로 들어가면 하이라이트된 코드를 볼 수 있다.
설정 아이콘을 클릭하면...
코드를 보거나 편집할 때 도움이 되는 기능을 볼 수 있고, more를 클릭하면...
좀 더 많은 설정을 볼 수 있다.
텍스트 모드를 애용한다면 아주 유용한 플러그인이다.
Ubuntu 22.04 Server / Apache, PHP, MariaDB 설치하는 방법
Ubuntu Server에 웹서버 Apache, 웹프로그래밍 언어 PHP, 데이터베이스 MariaDB를 설치하는 방법입니다. 웹서버 운영을 위한 최소한의 설치로, 실제로 서비스할 때는 더 많은 패키지가 필요할 수 있습니다. 설치 Apache, PHP, MariaDB를 설치합니다. php-mysql은 PHP와 MariaDB 연동을 위한 패키지입니다. # apt install apache2 mariadb-server php php-mysql MariaDB 설정 다음과 같이 명령하여 몇 가지 설정을 합니다. # mysql_secure_installation MariaDB의 root 계정 ...
위키(Wiki) / 위키 만드는 소프트웨어 / 미디어위키(MediaWiki)
미디어위키(MediaWiki)는 오픈 소스 위키 소프트웨어로, 위키백과(Wikipedia)와 같은 대규모 협업 프로젝트를 위해 설계되었습니다. PHP로 작성되었으며, MySQL 및 MariaDB를 데이터베이스로 사용합니다. 미디어위키는 다양한 기능과 확장성을 제공하여 복잡한 위키 사이트를 운영하는 데 적합합니다. 역사 미디어위키는 처음에는 위키백과 프로젝트를 지원하기 위해 개발되었습니다. 2002년, 매그너스 만스케(Magnus Manske)가 PHP로 작성한 초기 버전이 공개되었으며, 이후 개발자들이 지속적으로 기여하여 현재의 ...
로고를 다운로드 받을 수 있는 공식 주소를 정리한다. 로고 사용에 대한 가이드라인이 있으므로, 공식 주소에서 다운로드하는 것이 좋다. Bootstrap https://getbootstrap.com/docs/5.0/about/brand/ Facebook https://www.facebook.com/brand/resources/facebookapp/logo Facebook Messenger https://www.facebook.com/brand/resources/messenger/messenger-brand HTML5 https://www.w3.org/html/logo/ Intagram https://www.facebook.com/brand/resources/instagram/instagram-brand jQuery https://brand.jquery.org/logos/ Kakao Story Channel https://ch.kakao.com/login LinkedIn https://brand.linkedin.com/downloads MariaDB https://mariadb.com/about-us/logos/ Naver https://logoproject.naver.com/logonaver Naver Band https://developers.band.us/develop/guide/share Naver Line https://line.me/en/logo PHP https://www.php.net/download-logos.php Pinterest https://business.pinterest.com/ko/brand-guidelines/ Python https://www.python.org/community/logos/ Samsung https://www.samsung.com/sec/about-us/brand-identity/logo/ Sass https://sass-lang.com/styleguide/brand Twitter https://about.twitter.com/en/who-we-are/brand-toolkit Visual Studio Code https://code.visualstudio.com/brand YouTube https://www.youtube.com/howyoutubeworks/resources/brand-resources/
여러 가지 상황에 대한 코너각을 정리한다. 코너각을 알면 약간의 변형으로 코너 근처에 있는 적구를 맞출 수 있다. 파이브 앤 하프 시스템 코너각 파이브 앤 하프 시스템에서 50에서 30을 향해 치면 3 쿠션 20을 거쳐 코너로 들어가기 때문에, 코너를 20으로 센다. 하지만 출발 지점에 따라 3 쿠션 20에 들어가는 각도가 다르므로 보정이 필요하다. 개인차가 있겠으나 ...
이미지 파일 형식은 디지털 사진과 그래픽 작업에서 매우 중요한 역할을 합니다. 가장 널리 사용되는 이미지 파일 형식 중 두 가지는 JPG(JPEG)와 PNG입니다. JPG와 PNG의 주요 특징, 장단점, 사용 사례 등을 알아보겠습니다. JPG (Joint Photographic Experts Group) 정의와 역사 JPG는 Joint Photographic Experts Group에서 개발한 손실 압축 이미지 파일 형식입니다. 1992년에 처음 도입된 이래로, ...
페이지를 삭제하는 메뉴만 찾으면 삭제는 쉽게 할 수 있다. 아래의 순서대로 찾아가거나 페이지 프로파일 설정 페이지로 바로 접속해도 된다. 삭제 과정 마지막에 나오듯이 30일 내에는 복원이 가능하다. 회원님의 페이지를 영구적으로 삭제합니다. 삭제할 준비가 완료되면 페이지 삭제를 클릭하세요. 페이지 삭제를 요청한 후에는 페이지를 다시 활성화하고 삭제를 취소할 수 있는 30일의 기간이 주어집니다. 30일의 ...
네트워크 / 잘 알려진 포트, 등록된 포트, 동적 포트
IANA가 구분하는 포트 번호의 세 범위와 각 범위의 쓰임을 설명합니다. TCP·UDP 구분, 등록 번호와 실제 서비스 설정의 차이, 임시 포트 범위를 확인할 때의 주의점도 살펴봅니다.
크롬 웹브라우저의 주소 표시줄에 검색어를 입력하고 엔터키를 누르면 지정된 검색 엔진으로 검색하고 결과를 보여준다. 크롬의 기본 검색 엔진은 당연히 구글이다. 만약 주소 표시줄 검색 엔진을 변경하고 싶다면... 오른쪽 위의 점 세 개 아이콘을 클릭한다. 을 클릭한다. 왼쪽 메뉴에서 을 클릭한다. 주소 표시줄에서 사용되는 검색 엔진을 원하는 것으로 선택한다.
DSLR / 캐논 / EF 렌즈, EF-S 렌즈, EF-M 렌즈
마운트 캐논 DSLR 렌즈를 사려고 할 때 가장 먼저 확인할 것은 자신이 가지고 있는 카메라의 마운트에요. 렌즈와 카메라 바디를 연결하는 부분을 마운트라고 하는데, 마운트에 따라서 장착할 수 있는 렌즈가 달라져요. 마운트는 EF 마운트, EF-S 마운트, EF-M 마운트가 있고, 각 마운트에 장착할 수 있는 전용 렌즈를 EF 렌즈, EF-S 렌즈, EF-M 렌즈라고 해요. EF 마운트는 풀프레임 ...
안드로이드 / 앱 / 카카오뱅크 / ATM 이체한도, 출금한도 변경하는 방법
카카오뱅크의 한도는 카카오뱅크 앱에서 이체할 수 있는 한도와 ATM 기기에서 이체/출금할 수 있는 한도로 구분할 수 있습니다. ATM 기기 이체/출금 한도는 기본적으로 적게 설정되어 있으므로, 큰 금액 거래를 ATM에서 하려면 한도 변경을 해야 합니다. 이체는 보통 앱에서 할 것이므로, 출금 한도를 주로 변경하게 되겠죠. ATM 이체/출금 한도를 변경하려면... 카카오뱅크 앱을 실행하고 메뉴를 엽니다. 로 ...