분류 전체보기 (136)
Paper Block - 이야기가 있는 공간
CSS를 이용하여 앵커 클릭시 부드러운 스크롤을 구현하는 방법
페이지 내에서 앵커 링크 사이를 이동하는 경우, 부드러운 효과를 위해서 스크롤 기능을 넣곤 합니다. jQuery를 이용하거나 javaScript로 구현하던지... 그런데, 사실 가능하다면 "개발자의 편의"를 위해서 native 한 기능으로 들어가는 게 가장 좋습니다. 핵심 기술이 아닌 animation 류의 효과를 위해서 직접 뭔가를 해주는 건 사실 좀 피곤한 일이거든요. 대부분의 경우 라이브러리가 있긴 하지만, 라이브러리가 자꾸 섞이는 것도 좀 그렇죠? 이번 글에서는 별다른 설정 없이 CSS로만 앵커 링크 사이를 부드럽게 이동하는 방법에 대해서 살펴보겠습니다. 1. 기존 방식 기존에는 jQuery를 이용하여, 특정 엘리먼트의 상단으로부터의 offset을 구하고 animation을 통하여 구현하는 방법이..
워드프레스 속도 향상을 위한 방법의 이해
SEO와 관련해서 보다 보면 "사이트의 속도가 좋을수록 최적화에 유리하다"라는 이야기가 나옵니다. 제가 SEO 전문가가 아니어서, 속도가 차지하는 비중이 어느 정도인지는 모르겠지만, 로딩에 4~5초씩 걸린다면 별로 좋은 평가를 받지는 못할 것 같습니다. 워드프레스의 속도를 올리고 싶긴 한데... 서버 쪽 지식이 없다면 어떻게 해야 할까요? 아마도 가장 쉽게 접근할 수 있는 방법은 속도 향상을 위한 각종 플러그인을 사용하는 것이 아닐까 싶습니다. 이번 글에서는 속도 향상을 위해 사용하는 워드프레스 플러그인 들에서 다루는 기술의 기본적인 내용에 대해서 정리해 보도록 하겠습니다. 워드프레스 전문가를 위한 깊은 내용은 아니고, 초심자가 쓰는 초심자 대상의 기본적인 글입니다. 1. 블로그의 속도가 왜 중요한가? ..
[워드프레스] KBoard 게시판 디자인 커스터마이징하기
이전 글에서 KBoard에 대해서 살펴보았습니다. KBoard에 대한 소고 - 한국형 워드프레스 게시판워드프레스 구조적으로 게시판 위주의 커뮤니티형 사이트와는 다소 맞지 않는다고 합니다. 아무래도 워드프레스보다는 직접 제작하거나 XE, 그누보드 등을 커스터마이징 해서 사용하게 되겠죠?paperblock.tistory.com 이번 글에서는 KBoard를 직접 설치해보고, 기본 게시판 디자인을 CSS를 이용하여 변경하는 방법에 대해서 살펴보겠습니다. 거창한 커스터마이징은 아니고, 기본 게시판의 CSS를 살짝 바꾸는 정도만 다루겠습니다. 1. KBoard 설치 Kboard 설치는 간단한 편입니다.플러그인을 다운로드하고 설치만 하면 되는데요, 기본적으로는 다음 두 개의 플러그인만 설치하면 됩니다.게시판 플러..
KBoard에 대한 소고 - 한국형 워드프레스 게시판
워드프레스 구조적으로 게시판 위주의 커뮤니티형 사이트와는 다소 맞지 않는다고 합니다. 아무래도 워드프레스보다는 직접 제작하거나 XE, 그누보드 등을 커스터마이징 해서 사용하게 되겠죠? 다만, 웹사이트나 블로그에 게시판을 추가하는 정도라면 국내에서 만든 워드프레스 게시판 플러그인으로 훌륭하게 커버할 수 있습니다. 이번 글에서는 한국형 게시판 플러그인 중 코스모스팜의 KBoard에 대해서 간단하게 다뤄보도록 하겠습니다. 한국형 게시판 플러그인? 워드프레스는 웹페이지 제작이나 블로그 용도로 적합합니다. 하지만, 태생이 외국 물건인지라 국내 커뮤니티 형태의 사이트를 만드는 경우에는 그다지 적합하지 않습니다. 국내 게시판 형식은 외국에서 잘 사용하지 않기 때문에, 이를 지원하는 테마나 플러그인이 거의 없습니다. ..
2020 코리아세일페스타 - 리퍼·전시상품 쇼핑
2020 코리아세일페스타 - 리퍼·전시상품을 편리하게 구입할 기회 2020 코리아세일페스타가 11월 1일 ~ 11월 15일 기간 동안 진행됩니다. 올해는 작년 보다 2배 이상의 기업인 1328개 업체가 참여한다고 하네요. D-2 코리아세일페스타, 주목할 이 것 한국의 블랙프라이데이로 불리는 ‘코리아세일페스타'(11월1일~15일)를 코앞에 두고 참가 기업의 할인 행사 내용이 속속 공개되고 있다.코리아세일.. it.chosun.com 코리아세일페스타와 관련한 행사 내용은 홈페이지에 잘 나와있으니 아래 링크를 참조하세요! 코리아세일페스타 대한민국 쇼핑주간 2020 코리아세일페스타 2020. 11. 1 ~ 11. 15 www.koreasalefesta.kr 행사 내용보다는 쇼핑 부분을 중심으로 살펴볼까요? 제가..
신호위반 과태료, 범칙금 벌점 총정리
신호위반 과태료와 범칙금 운전을 하다 보면 의도하지는 않았더라도 신호위반에 걸리는 경우가 있습니다. 만약, 경찰관에게 걸렸다면 그 자리에서 바로 딱지 한번 떼줄 테고, 무인 단속카메라에 걸렸다면 어느 날 신호위반 과태료 우편물이 집으로 살포시 날아오게 됩니다. 일단 걸렸으니 벌금을 내긴 내야 할 텐데요... 신호 위반 벌금이 과연 이 금액이 맞는 건지? 정말 이렇게 비싼 건지 궁금할 때가 있습니다. 그리고 또 어떤 추가적인 페널티가 있을지 궁금하기도 하죠. 이번 글에서는 신호위반에 따른 벌금의 종류(과태료, 범칙금)와 금액에 대해서 알아보겠습니다. 1. 범칙금과 과태료의 차이는? 신호위반 벌금 종류는 대표적으로 범칙금과 과태료 두 가지로 나뉘게 됩니다. 가장 쉽게 구분하는 방법은... 이 분을 만나면 범..
우커머스가 강화된 Uncode (2.3.0)가 릴리즈 되었습니다.
쇼핑몰로는 20% 부족해 보이는 Uncode 기존의 Uncode는 웹사이트 등을 만드는 데 있어서는 독특한 면도 있고 매우 플렉서블한 형태라서 나름 만족스러웠습니다. 다만, 쇼핑몰 사이트 쪽으로서는 거의 기능이 기본 수준에서 머물러 있었습니다. 그냥 WooCommerce를 이용한 기본 기능을 보여주는 정도라고 할까요? 제가 우커머스를 굳이 사용할 일이 없어서 크게 관심을 두지는 않았지만 초기 이후로도 몇 년 동안 별다른 개선이 없었던 것 같습니다. 우커머스 지원 대폭 강화 ( Uncode 2.3.0) 그런데, 이대로는 경쟁에서 밀리겠다 싶었는지 2020년 10월, 갑자기 뭔가 우커머스와 관련한 많은 기능을 추가한 새로운 버전 (2.3.0)을 릴리즈하였습니다. 이번 버전부터는 WooCommerce 쪽에도 ..
[티스토리] 북클럽 스킨 썸네일 크기 변경 방법
이 블로그는 CCZ-CROSS를 사용하고 있습니다만, 새로운 블로그에서는 북클럽 스킨을 고려하고 있습니다. 나름 심플하면서도 깔끔해 보여서요! 북클럽 스킨에서는 글 목록 리스트 타입을 설정할 수 있게 되어있습니다. 리스트 타입에는 "북리뷰 - 베스트셀러 - 뉴북 - 뉴스레터" 총 4가지가 있습니다. 여러 블로그를 다녀본 결과 주로 "북리뷰" 또는 "뉴북"을 사용하는 것 같습니다. 물론 커버 기능을 사용하여 멋있게 꾸미는 분들도 있었죠. 리스트 타입을 뉴북으로 설정한 경우 아래와 같은 모양으로 나타납니다. 스킨 이름 자체부터 "북클럽"으로 서적 리뷰를 대상으로 하다보니, 썸네일의 모양이 세로로 길쭉한 모양입니다. 그런데 세로로 긴 썸네일은 일반 블로그로 사용하기에는 조금 어색한 면이 있긴 합니다. 그리고 ..