정보

ALL

티스토리 북클럽 스킨 태그 잘림 수정하기

FastBoot 스킨에서 북클럽(Book Club) 스킨으로 변경을 하고 구글 서치콘솔에서 모바일 편리성 오류가 발생했습니다. 오류는 2가지로클릭할 수 있는 요소가 서로 너무 가까움과콘텐츠 폭이 화면 폭보다 넓음입니다. 먼저 의심이 가는 것으로는 태그 부분이 짤려서 보이는 경우가 발생하더군요. 스마트폰 환경으로 보면 아래처럼 태그가 잘리는 부분이 발생합니다. 아무래도 짤려서 보이다 보니 클릭하기 어려울 수도 있고 폭이 콘텐츠를 넘어가기도 합니다. 그래서 CSS를 수정했습니다. 수정 방법을 보면 스킨 편집 -> html편집->CSS로...
ALL

Git 브랜치 생성 변경 커맨드 사용 방법

매일 사용하지만 자주 사용하지 않아 항상 잊어버리는 브랜치 생성 명령어입니다. 브랜치 목록 보기 git branch -a 브랜치 변경 git checkout 브랜치 이름 새 브랜치 만들기 방법1 git branch 브랜치 이름 새 브랜치 만들기 방법2 git checkout -b 브랜치 이름 브랜치 리모트(원격) 등록 git push -u origin 브랜치 이름 새 브랜치 만드는 방법으로 2가지를 대표적으로 사용합니다. 방법 1과 방법 2의 차이점은 첫 번째방법으로 새로운 브랜치를 작성하면 브랜치만 만들어집니다. 두 번째방법인 c...
ALL

Git 현재 브랜치 이름 변경(rename) 방법

브랜치 이름을 잘못 작성했거나 issues 번호가 틀린 경우 등등 변경을 하고 싶은 경우가 있습니다. rename 명령어를 사용해서 브랜치 이름을 다시 작성할 수 있습니다. git branch -m <브랜치 이름> <새로운 브랜치 이름> 현재 작업 중인 브랜치 이름을 변경하고 싶은 경우에는 새로운 브랜치 이름만 지정해서 변경할 수 있습니다. git branch -m <새로운 브랜치 이름> 이제부터는 브랜치 이름을 잘못 작성해도 걱정하지 않아도 됩니다~
ALL

GitHub SSH Keys 만드는 방법 및 설정하기

git를 웹 페이지 화면에 로그인 해서 사용하다 보면 SSH Keys가 등록되어 있지 않다고 경고문이 나오는 경우가 있습니다. SSH Keys를 등록하지 않으면 git 명령어가 실행되지 않는 경우도 있습니다. 저는 push를 하려고 하니 안되더군요. 찾아보니 SSH Keys가 설정되어 있지 않아서 안될 가능성이 높다고 하네요. git의 SSH Keys 확인 방법과 설정하는 방법에 대해 알아봤습니다. SSH Keys 확인 먼저 SSH Keys 생성되어있는지 확인할 필요가 있습니다. ls -al ~/.ssh SSH Keys 기본 이름은...
ALL

애드센스 수익 증가를 위한 개인 맞춤 광고 차단 실험

블로그에 애드센스 광고를 사용하시는 분들이 많습니다. 애드센스 수익이 많으면 좋겠지만 사실 생각보다는 많지 않은 경우가 많습니다. 소소한 용돈 정도입니다. 광고 수익을 높이기 위해 애드센스에서는 실험을 할 수 있습니다. 이번에 실험을 해본 것은개인 맞춤 광고를 차단해보는 실험을 했습니다. 애드센스는 인터넷을 사용하는 사용자가 관심을 가지고 있는 분야에 대한 광고를 표시하거나, 또는 블로그에 작성된 내용을 기반으로 관련된 광고를 표시합니다. 기본적으로는 사용자 기반 광고를 표시하도록 되어있습니다. 개인 맞춤 광고가허용됨으로 되어있습니...
ALL

윈도우 10 WSL 자동 실행 방법

윈도우 10에서부터 사용할 수 있는 우분투 환경인 WSL을 자동으로 실행하는 방법을 알아보겠습니다. WSL에 크론이나 스크립트를 실행해놓은 경우 윈도우를 재부팅하면 WSL도 자동으로 종료가 됩니다. 시작 프로그램에 WSL을 설정해놓으면 윈도우를 재부팅해도 WSL가 자동으로 실행이 됩니다. WSL 자동 실행 WSL 자동 실행 설정 방법을 알아보겠습니다. 1. 윈도우 시작 프로그램 폴더 이동 먼저 윈도우 시작 프로그램 폴더를 열어줍니다. 시작 프로그램 폴더를 여는 방법은윈도우키 + R눌러 실행창을 열어줍니다. 실행 창이 열리면shell...
ALL

윈도우 10 wls 우분투 설치 방법

윈도우 10을 사용하면서 우분투 환경도 같이 사용할 수 있습니다. 우분투는 리눅스 기반이라 윈도우 환경에서 사용하고 싶은 경우에는 가상 머신을 설치해야 하거나 하는 번거로움이 있지만 윈도우 10에서는 간단하게 설치할 수 있습니다. 이것을WindowsSubsytem forLinux(WSL)라고합니다. 윈도우 10에 우분투 설치 방법을 알아보겠습니다. 우분투 WSL 설치 방법 1. Microsoft Store실행 윈도우 바탕화면이나 메뉴바에서Microsoft Store를 실행합니다. 2.ubuntu 검색 검색을 클릭하고ubuntu를검색...
ALL

SyntaxHighlighter 소스코드 접기 펼치기 기능 설정하기

SyntaxHighlighter에 작성한 소스코드는 기본적으로 펼쳐진 상태로 보입니다. 소스 코드 접기 collapse 옵션을 사용하여 접혀진 상태로 표시를 할 수 있습니다. 그리고 접혀져 있는 소스 코드를 클릭하면 소스가 펼쳐집니다. pre 태그 설정 방법 해당 pre 태그만 접혀진 상태로 표시됩니다. <pre class="brush:php ; collapse:true"> … </pre> 스크립트 설정 방법 블로그 내에 모든 소스 부분이 접혀진 상태로 표시됩니다. SyntaxHighlighter.all();앞에 작성. <scrip...
ALL

SyntaxHighlighter 물음표(도움말) 마크 숨기기

SyntaxHighlighter를 사용하여 소스코드를 작성한 경우 기본적으로 화면 오른쪽 상단에 물음표(?) 마크인 툴바가 표시됩니다. 도움말 숨기기 물음표 마크인 툴바를 안 보이게 하기 위해서는 toolbar 옵션에 false를 설정하면 됩니다. pre 태그 설정 방법 해당 pre 태그에서만 물음표 마크 숨기기. <pre class="brush:php ; toolbar:false"> … </pre> 스크립트 설정 방법 블로그 전체 물음표 마크 숨기기. SyntaxHighlighter.all(); 앞에 작성. <script type...