호무비의 IT 지식창고

오늘은 코드블럭에 highlight.js 적용하고 테두리 없애는 방법에 대해 알아보겠습니다. 처음 티스토리 코드블럭을 사용하게 되면 아래와 같이 회색 테두리가 있어 조금 보기에 좋지 않습니다. 다른 블로그를 보다 보면 이런 테두리 없이 깔끔한 코드블럭을 볼 수 있는데, 저도 적용해보기로 했습니다. 추가로 코드 가독성 개선을 위해 highlight.js도 적용할 예정입니다. 지금부터 그 방법을 하나씩 소개하도록 하겠습니다. 테두리 없애기 테두리는 다른 내용 복잡한 절차 없이 css 한 줄만 고치면 쉽게 삭제할 수 있습니다. 1. 설정 - 스킨 편집으로 이동하기 2. html 편집 - CSS로 이동하기 3. .article-view pre 찾고 수정하기 잠깐 .article-view pre의 의미에 관해 설..

오늘은 구글 서치콘솔에서 속성을 삭제하는 방법에 대해 알아보도록 하겠습니다. 그리고 그 기능을 정확히 이해해보도록 하겠습니다. 지난번 모바일웹 문제로 의도치 않게 모바일 링크로 3개의 게시물이 등록되었는데요, 삭제 조치를 했지만, 임시 조치이기 때문에 온전한 해결법은 아니었습니다. 그뿐만 아니라 모바일웹에 의해 파비콘이 표시되지 않던 문제도 해결되지 않았습니다. (검색내용 파비콘은 모바일에서만 보임) 여러 가지 문제점을 해결하기 위해 구글 서치콘솔에서 속성을 삭제한 후 재등록하는 방법을 알아보았습니다. 삭제 후 재등록하는 경우가 많지 않아서 정보가 부족했지만, 위험을 감수하고 직접 삭제해보기로 했습니다. 티스토리 플러그인을 이용하는 방법과 직접 삭제하는 방법이 있는데, 두 가지 방법 모두 소개하도록 하겠..

오늘은 파이썬으로 웹 크롤링하는 방법에 대해 알아보고 간단하게 제목을 크롤링해보도록 하겠습니다. 웹 크롤링에 대해 간단히 설명하자면, html 코드를 분석하여 자동으로 데이터를 얻어내는 과정입니다. 여러 가지 언어와 라이브러리가 있지만, 여기에서는 파이썬과 BeautifulSoup를 사용하여 크롤링을 진행해보도록 하겠습니다. 기본 설정 BeautifulSoup 설치하기 콘솔창에 다음 명령어를 입력하여 라이브러리를 설치해줍니다. pip install beautifulsoup4 라이브러리 import하기 기본적인 크롤링 작업을 하기 위해서는 requests와 BeautifulSoup가 필요하므로, 아래와 같이 import해줍니다. import requests from bs4 import BeautifulSo..

오늘은 윈도우즈에서 제공하는 캡처 툴인 캡처 및 스케치와 캡처 도구를 소개하고 비교해보도록 하겠습니다. 최근 블로그에 올릴 이미지를 만들 때 요긴하게 사용하는데, 저도 두 가지에 차이점을 잘 모르고 있었기에 직접 분석해보았습니다. 먼저 결론적으로 얘기하면 큰 차이는 없으며 캡처 및 스케치가 조금 더 많은 기능을 제공합니다. 이제부터 자세히 기능을 살펴보도록 하겠습니다. 캡처 도구 캡처 도구는 기존에 윈도우즈에서 제공하던 캡처 소프트웨어입니다. 다음과 같이 Windows 보조 프로그램에서 확인할 수 있습니다. 캡처 도구를 실행하게 되면 다음과 같은 화면이 표시됩니다. 모드와 지연 기능을 제공하여 상황에 따라 알맞게 캡처할 수 있습니다. 기능 설명 1. 모드 캡처하는 형태를 지정하는 설정입니다. 사각형 캡처..

오늘은 티스토리 모바일웹 설정하는 방법과 잘못 설정했을 때 구글 서치 콘솔에서 발생하는 문제점에 관해 설명하도록 하겠습니다. 지난번 구글 서치 콘솔 색인 생성 작업 후, 다음과 같이 새롭게 등록된 내용을 확인할 수 있었습니다. 그런데 세부 내용을 확인해보니, 다음과 같이 모바일 링크만 등록되어 있었습니다. (티스토리에서 모바일 링크는 데스크톱 기준 URL 뒤에 /m 이 붙습니다.) 분명 URL을 등록할 때 PC 버전 기준으로 등록했는데 왜 이런 일이 벌어졌을까요? 바로 티스토리 모바일웹 설정 때문입니다. 지금부터 모바일웹 설정하는 법에 관해 설명하며 그 원인을 파악해보도록 하겠습니다. 티스토리 모바일웹 설정하기 1. 블로그 설정 - 꾸미기 - 모바일로 이동하기 블로그 설정 왼쪽을 보면 있는 바에서 꾸미기..

오늘은 지난번에 이어 구글 서치 콘솔 등록 결과를 확인하고, 수동으로 색인 생성하는 방법에 대해 소개하도록 하겠습니다. 지난 포스팅에서 구글 서치 콘솔에 티스토리 블로그를 등록하는 방법에 관해 이야기했었는데요, 며칠 뒤 다음과 같은 메일을 받았습니다. 구글에 페이지가 노출되기 시작했다는 메일이었으며, 실제 검색을 통해 확인할 수 있었습니다. (확인하려면 'site:[본인의 블로그 주소]' 로 검색하면 됩니다.) 다만 아직 제대로 노출되는 상황은 아니어서 구글에서 유입되는 경우는 거의 없는 상태입니다. 실제 색인 생성 범위를 확인해 보아도 유효한 페이지는 한 개뿐이었습니다. 한 5일 정도 기다렸는데, 새롭게 등록되는 것이 전혀 없어서 직접 수동으로 등록해보기로 하였습니다. 구글 서치 콘솔 색인 생성 요청 ..

오늘은 자바, 코틀린에서 소수점 지정이 가능한 반올림(round), 내림(floor), 올림(ceil) 함수를 소개하려고 합니다. 반올림이라고 하면 무척 자주 쓰이는 기능이라 표준 라이브러리에서 제공하고 있을 것 같은데요, 실제로 관련 함수를 확인할 수 있습니다. 그럼 그냥 그걸 쓰면 되지 않을까 생각하실 수 있는데, 한가지 문제가 있습니다. 표준 라이브러리에서 제공하는 함수는 자릿수를 지정하는 기능이 없어 무조건 소수점 첫째 자리에서 반올림이 수행됩니다. 이 때문에 원하는 대로 쓰기 조금 불편합니다. 인터넷을 찾아보다 보니, 자릿수를 지정하는 다양한 방법을 확인할 수 있었는데, 함수 형태로 코드를 제공하는 경우는 없어서 직접 만들어보았습니다. 자바 버전과 코틀린 버전 모두 만들었으니 필요한 쪽을 사용하..

오늘은 티스토리 서식을 이용하는 방법에 대해 알아보겠습니다. 티스토리 블로그에서 지원하는 기능 중 서식이 있는데요, 미리 만들어놓은 템플릿을 가져와 포스팅을 작성할 때 사용할 수 있습니다. 일종의 즐겨찾기 기능이라고 볼 수 있습니다. 방법은 간단합니다. 순서대로 설명하도록 하겠습니다. 서식 등록 및 사용 1. 서식 관리로 이동하기 콘텐츠에서 서식 관리 탭을 확인할 수 있습니다. 클릭하여 이동합니다. 2. 서식 에디터로 이동하기 서식 쓰기를 클릭하면 다음과 같이 에디터 창으로 이동할 수 있습니다. 글쓰기 에디터와는 다르게 카테고리가 서식으로 고정되어 있으며 태그 입력 부분이 없는 것을 확인할 수 있습니다. 3. 서식 내용 작성하기 서식의 제목을 설정하고 내용을 작성합니다. 저는 소개 - 내용 - 마무리로 ..

오늘은 안드로이드 EditText의 inputType이 제대로 적용 안 되는 오류 해결 방법에 대해 알아보겠습니다. 아마도 다양한 문제 상황이 있을 것으로 생각하는데, 저 같은 경우는 numberDecimal이 잘 동작하지 않아서 문제를 겪었습니다. 여러모로 고민하다가 몇 가지 방법을 찾아냈는데, 여러분과 공유하고자 합니다. 문제 상황 MainActivity의 XML 코드입니다. 간단하게 TextView와 EditText로 구성했습니다. EditText의 inputType에 numberDecimal을 설정해주었습니다. numberDecimal은 부호 없는 소수점을 포함한 숫자만 입력할 수 있습니다. 즉, 0~9와 . (점 문자)만 사용 가능합니다. 그런데 다음과 같이 콤마나 마이너스, 공백 기호 등이 입..

오늘은 티스토리 블로그를 구글 검색에 등록하는 법에 대해 알아보겠습니다. 흔히 네이버는 구글 검색이 안 되고, 티스토리는 된다고 하는데요, 티스토리 역시 구글 서치콘솔에 등록해주어야 검색이 가능합니다. 지금부터 서치콘솔에 등록하는 방법을 하나씩 살펴보겠습니다. 일반적으로 구글 서치콘솔에 등록하는 방법은 2가지가 있습니다. 1. 직접 구글 서치 콘솔에 등록하기 2. 티스토리에서 제공하는 플러그인을 사용하기 과거에는 직접 등록하는 방식을 사용하였는데요, 최근에는 티스토리에서 플러그인으로 기능을 잘 지원하기 때문에 편리하게 작업이 가능해졌습니다. 혹시 플러그인을 사용하게 되면 다른 문제가 있지는 않을까 걱정이 되어 관련 내용을 조사해본 결과, 한가지 우려되는 내용을 확인할 수 있었습니다. 여러 개의 티스토리 ..

오늘은 '이 파일을 저장할 수 없습니다' 문제의 새로운 해결방법에 대해 알아보겠습니다. 물론 기존 해결방법도 소개할 예정이니 본인의 문제 상황에 따라 원하는 방법을 사용하시면 됩니다. 블로그 작업물을 편집할 때 그림판을 종종 사용하곤 하는데요, '이 파일을 저장할 수 없습니다' 문제가 계속 발생해서 곤혹스러웠습니다. 저 같은 경우는 모든 파일에 해당하는 것이 아니라, 유독 캡처 및 스케치로 화면 캡처한 파일만 저장이 되지 않았습니다. 오른쪽에 있는 캡처 도구가 아니라 왼쪽에 있는 캡처 및 스케치입니다. 캡처 도구로 캡처한 내용은 잘 저장되다 보니 더욱더 의아했습니다. 제 블로그를 캡처한 이미지인데요, 그림판에서 내용을 수정하고 저장하려고 하면, 다음과 같은 메시지가 출력됩니다. 이 파일을 저장할 수 없습..

이번에는 티스토리 블로그 에디터에 대해 알아보겠습니다. 블로그를 만들었으니 글을 써야 할 텐데, 그 전에 에디터에 익숙해지는 것이 중요합니다. 티스토리 에디터의 기능을 하나씩 살펴보도록 하겠습니다. 기본 기능 먼저 초기화면입니다. 카테고리 선택이 가능하고, 제목, 본문, 태그를 작성할 수 있습니다. 특별한 내용은 없기 때문에 다른 에디터와 마찬가지로 그냥 내용을 작성하면 됩니다. 이제부터는 내비게이션 바에 있는 다양한 기능을 하나씩 살펴보겠습니다. 먼저 파일 첨부입니다. 사진, 파일, 동영상, 슬라이드쇼를 추가할 수 있습니다. 사진이나 파일, 동영상은 여러분이 잘 알고 있는 내용인데, 슬라이드쇼가 조금 생소합니다. 슬라이드쇼는 아래와 같이 여러 개 이미지를 슬라이드쇼처럼 보여주는 기능입니다. 다음은 문단..

안녕하세요, 호무비입니다. 이번에 새롭게 티스토리 블로그를 개설하게 되면서, 초보 입문자로서 해야 할 일들을 하나씩 정리하고 함께 해나가 보려고 합니다. 먼저 티스토리를 간단히 소개하자면 블로그를 운영할 수 있는 플랫폼입니다. 대표적인 유사 서비스로 네이버 블로그가 있습니다. 저 역시 네이버 블로그를 운영하고 있는데, 티스토리가 개발 블로그를 운영하는 데 있어서 여러모로 네이버 블로그보다 이점이 많은 것 같아서 시작하게 되었습니다. 이제 기본 설정을 해보도록 하겠습니다. 하나씩 보면서 따라 하시면 됩니다. 처음 가입해서 블로그를 개설하게 되면 이렇게 기본적으로 하나의 글이 게시되어 있습니다. 파란색 링크를 클릭하면 편집이나 새 글 작성, 블로그 관리 페이지로 연결됩니다. 기본적으로 설정 페이지로 이동하기..