본문 바로가기
p 태그에 마진(margin) 여백이 적용되지 않는 경우 인용구(Blockquote) 내의 태그에 여백(margin)이 적용되지 않는 문제가 종종 발생합니다. 예를 들어, 워드프레스 Newspaper 테마의 인용구(blockquote)에서 태그에 margin-top이나 margin-bottom을 적용해보아도 먹히지 않았습니다. 이 문제에 대하여 검색해보니 stackoverflow의 Margin-top not working for and tag? ( 태그와 태그에서 Margin-top이 작동하지 않는 문제) 글에서 이 문제를 다루고 있습니다. Margin Collapsing이라는 문제와 관련이 있는 것 같습니다. Margin Collapsing은 "여백 상쇄", "마진 겹침" 등으로 번역되어 있네요. Margin Collapsing에 대한 자세한 정보는 Mozi.. 2019.10.20
phpMyAdmin: Duplicate entry '0' for key 'PRIMARY' 오류 이달 초에 DB 크기가 500MB에 달하는 워드프레스 사이트의 이전을 완료한 적이 있습니다. 그런데 이전을 완료한 사이트에서 글을 생성, 저장, 발행할 수 없는 문제가 발생한다고 하여 어제 살펴보았습니다. 특이하게 워드프레스 데이터베이스에서 Duplicate entry '0' for key 'PRIMARY' 오류가 발생하고 있었습니다. 혹시나 싶어 DB를 삭제하고 클라이언트로부터 받은 DB를 사용하여 다시 Import해보아도 동일한 오류가 발생했습니다. 결국 클라로부터 받은 DB에 문제가 있어 DB를 임포트했을 때 PRIMARY 키가 모두 제거되어 있었습니다.ㅠㅠ 이 경우 DB를 임포트한 직후에 일일이 PRIMARY 키를 설정해주면 문제가 해결됩니다. 이 오류가 발생하면 그림과 같이 "Current se.. 2019.10.16
애드센스 수익 정산 시간대를 우리나라 시간대로 변경하는 방법 제 애드센스 계정에서는 수익 정산 시간대가 미국 로스앤젤레스 (UTC-08:00)로 설정되어 오후 4시(서머타임이 적용되지 않는 경우 오후 5시)를 기준으로 수익 정산이 이루어지고 있었습니다. 예를 들어, 10월 9월 수익은 10월 9일 오후 4시부터 10월 10일 오후 3:59분 사이의 기간에 대하여 산정됩니다. 올해 미국 서머타임제는 11월 3일 일요일 오전 2시(Eastern Time 기준)에 종료된다고 하네요. 이렇게 미국 LA 시간대로 수익이 정산되다 보니 조금 불편한 점이 있었지만, 나름 익숙해져서 시간대를 변경해야지 하면서 잊고 있다가 오늘 변경했습니다.ㅎㅎ 애드센스 수익 정산 시간대가 우리나라 시간대로 설정되어 있지 않다면 애드센스 계정 페이지에 로그인한 후에 계정 > 계정 정보 페이지에서.. 2019.10.10
네이버가 좋은 정보를 빠르게 찾는 곳? 유튜브에 밀리고 있는 네이버가 인플루언서 검색을 신설하여 변화를 모색하는 것 같습니다. 네이버 한성숙 대표는 8일 "네이버는 좋은 정보 빠르게 찾는 곳"이라며 네이버가 잘할 수 있는 것을 할 것이라고 밝혔습니다. 네이버가 좋은 정보를 빠르게 찾는 곳이라니, 지나가던 개가 웃을 소리네요. 네이버에서 정보를 검색해보면 광고로 도배되어 있을 뿐만 아니라 네이버 블로그, 카페, 지식인 등의 콘텐츠가 우선적으로 검색되고 있어 검색의 품질의 갈수록 떨어지고 있습니다. 이 점은 누구나 공감하는 바일 것입니다. 네이버가 네이버 종속 콘텐츠를 우선적으로 노출시킬 수밖에 없는 이유는 네이버 검색 품질이 구글에 비해 현저히 떨어지기 때문입니다. 작년부터 많은 티스토리 블로그 글이 네이버에서 검색에서 밀려났습니다. 이 블로그.. 2019.10.09
티스토리 Poster 스킨에서 썸네일 위치를 오른쪽에서 왼쪽으로 변경하는 방법 티스토리 스킨 중 하나인 Poster (포스터)를 적용하고 최신 글을 표시하도록 설정하면 첫 페이지(홈페이지)에서 썸네일이 오른쪽에 표시되고 요약글이 왼쪽에 표시됩니다. 썸네일 위치를 오른쪽에서 왼쪽으로 변경하고 싶은 경우, 꾸미기 > 스킨 변경 > HTML 편집 > CSS 탭에 다음과 같은 CSS 코드를 추가하면 됩니다./* Poster 스킨에서 썸네일 위치 바꾸기 */ .post-item .thum { float: left !important; margin-right: 80px; margin-left: 0 !important; } 위의 코드를 CSS 탭의 맨 아래에 추가하도록 합니다. 저장한 후에 블로그를 살펴보면 썸네일 위치가 오른쪽에서 왼쪽으로 변경되어 있는 것을 확인할 수 있을 것입니다. 이 블.. 2019.10.06
마우스 정확도 및 빠르기 테스트 게임 몇 년 전에 마우스를 왼손잡이로 바꾸었다가 며칠 만에 포기하고 익숙한 오른손잡이 마우스를 사용하고 있습니다. 오른손을 과도하게 사용하는 것 같아서 마우스를 다시 왼손잡이로 바꾸었습니다. 조금 오래 일하면 오른쪽 손목이 아파오기 때문에 왼손잡이로 바꾸면 손목터널증후군이 완화되지 않을까 기대됩니다. 그리고 자세도 조금 교정되는 효과가 있을 것 같습니다. 하지만 왼손잡이로 바꾸니 작업 속도가 느리게 되고 오른손잡이일 때보다 빨리 피로해지는 것 같습니다. 조금 사용하다 보면 왼손잡이 마우스에 익숙해질 것입니다. 좀 더 빠르게 익숙해지는 방법이 없을까 찾아보다가 마우스 정확도와 민첩성을 테스트하는 게임을 발견했습니다. Mouse Accuracy (마우스 정확도)라는 사이트입니다. 왼손잡이 마우스로 테스트를 한 번.. 2019.09.26
티스토리 Book Club 스킨 수정: 본문 글자 크기 변경하는 방법 이 블로그에는 현재 최근 공개된 Book Club (북 클럽)이라는 스킨이 적용되어 있습니다. 북 클럽 스킨에서는 본문 글자 크기가 0.9375em으로 설정되어 글자가 다소 작게 느껴질 수 있습니다. 저는 스킨을 변경하면 제일 먼저 본문 글자 크기를 키웁니다. 이제 노안이 들 나이가 되어 글자 크기가 작은 사이트의 글을 잘 안 보게 되네요.ㅠㅠ 북 클럽 스킨에서 본문 글자 크기를 키우려면 다음과 같은 CSS 코드를 추가하면 됩니다. /* 북클럽 스킨 본문 글자 */ .entry-content p { word-wrap: break-word; font-size: 1.25em; } .entry-content a { word-wrap: break-word } /* 본문 제목 */ .post-cover h1 { .. 2019.09.26
Camtasia에서 인트로 영상 템플릿을 다운로드하는 방법 Camtasia는 쉽게 동영상을 편집하고 싶은 경우에 사용할 수 있는 동영상 편집 프로그램입니다. Camtasia를 만든 TechSmith에서는 Camtasia에 사용할 수 있는 각종 동영상 템플릿을 무료 또는 유료로 제공합니다. 예를 들어, Camtasia에서 제공하는 인트로를 활용하고 싶은 경우, Camtasia를 실행한 상태에서 왼쪽의 Library를 클릭합니다. 위와 같은 화면이 표시됩니다. Camtasia Libraries > Camtasia 2019를 클릭하면 기본적으로 제공되는 라이브러리를 이용할 수 있습니다. 아이콘, 인트로, 로어 서드(Lower Thirds), 모션 백그라운드, 음악 트랙, 아웃트로 등이 제공됩니다. 원하는 템플릿이 없는 경우 Download More Assets를 클릭.. 2019.09.25
동영상 편집기 Camtasia에서 미리보기 화면이 표시되지 않는 문제가 발생하는 경우 동영상 캡처 및 편집 프로그램인 Camtasia 편집기에서 프로젝트를 만들고 동영상을 로드한 다음 편집할 때 오른쪽에 동영상 미리보기 (프리뷰)가 표시됩니다. 재생 버튼을 누르거나 타이라인 선을 이동시키면 동영상이 재생되어야 하지만, 미리보기 부분이 검게 표시되는 경우가 있습니다. 위와 같이 빨간색으로 표시된 박스 부분에 동영상 미리보기가 표시되지 않는 경우인데요. 이 경우 Camtasia Editor 메뉴의 Edit > Preferences > Advanced (편집 > 환경설정 > 고급)에서 하드웨어 가속 설정을 변경해주면 문제가 해결됩니다. Hardware Acceleration (하드웨어 가속)의 옵션을 Use software-only mode (소프트웨어만 사용 모드)를 선택하면 보통 문제가 나.. 2019.09.21
유튜브 YouTube 동영상에 CC 자막 자동으로 표시되도록 설정하는 방법 SEO를 위해 유튜브 동영상에 자막을 다는 것이 좋습니다. 사실 YouTube 동영상에 타임코드를 생성하고 자막을 일일이 타이핑하는 것은 시간이 많이 소요됩니다. 유튜브 동영상 업로드 시에 자동으로 생성되는 한글 자막을 편집하는 방식으로 하면 타임코드에 신경을 쓰지 않고 자막을 넣을 수 있는 것 같습니다. 유튜브가 재생될 때 자동으로 CC 자막이 표시되도록 하려면 태그 섹션에 yt:cc=on 을 추가하면 됩니다. 유튜브 CC 자막을 달아야 하는 이유에 대해서는 다음 영상을 참고해보세요. 유튜브 동영상 편집이 어려운 경우 Camtasia 같은 프로그램을 사용하면 훨씬 수월하게 편집이 가능할 것입니다. 동영상 레코딩 및 편집 프로그램인 Camtasia를 구입하여 조금 사용해보니 텍스트 추가, 전환 효과, 나.. 2019.09.19
동영상 캡처 편집 프로그램 Camtasia 세일 동영상을 캡처하고 편집할 수 있는 프로그램인 Camtasia가 25% 할인 판매 중입니다. Camtasia는 특히 PC 화면을 녹화하여 동영상 튜토리얼이나 교육용 자료를 만들 때 유용하게 이용할 수 있습니다. PC 화면만 녹화한 후에 음성은 따로 녹화하는 것이 가능한지 개발업체에 문의해보니 가능하다고 하네요. 이번 기회에 Camtasia를 구입할까 고민이 조금 되었지만, 구입을 해도 현재 노트북 환경에서는 제대로 돌아가지가 않을 것 같아서 노트북을 바꾼 후에 구입하기로 했습니다. 조금 고민하다가 이번 기회에 Camtasia를 구입했습니다. PC 화면을 동영상으로 캡처하여 테스트로 동영상을 하나 만들어보았습니다. 편집에 별다른 기술이 필요한 것 같지는 않습니다. 조금 다루면 쉽게 적응이 될 것 같습니다. .. 2019.09.18
마젠토 Magento 테마 Shopper - 30% 할인 마젠토(Magento) 테마 중 하나인 Shopper가 30% 할인된 55달러에 판매 중이네요. Magento는 전세계 전자상거래 점유율에서 우커머스(WooCommerce), 쇼피파이(Shopify)에 이어 3위를 기록하고 있는 솔루션입니다. Magento는 확장성이 뛰어난 오픈소스(Open Source) 솔루션으로 다양한 강력한 기능과 많은 자료(영문 및 프랑스어)가 존재하는 등의 장점이 있는 반면, 다른 솔루션에 비해 운영과 관련된 지식을 습득하는 시간이 요구되고 고사양의 호스팅 서버가 필요하다는 단점이 있다고 합니다. Shopper는 반응형 디자인과 Retina Ready 디자인을 제공하는 매우 강력하고 유연한 프리미엄 마젠토 테마입니다. 이 테마는 모든 유형의 상점(Store)에 적합하고 Ajax.. 2019.09.17