블로그 (25)
Paper Block - 이야기가 있는 공간
도메인 정보 노출 주의하세요! - 도메인 구매 시 주의할 점 2가지
요즘은 워드프레스를 이용하거나 티스토리에 도메인으로 연결하여 사용하시는 분들이 점점 늘어나는 것 같습니다. 당연히 도메인을 구매하는 분들도 점점 늘어날 텐데요, 이때 반드시 주의할 점이 2가지 있습니다. 비용 문제 정보 공개 문제 이번 글에서는 도메인 구입 시 - 특히 처음으로 구매해보신다면 - 발생할 수 있는 두가지 문제에 대해서 살펴보겠습니다. 1. 비용 문제 도메인을 구입할 수 있는 사이트는 정말 많습니다. 카페24, 가비아, 후이즈, 호스팅케이알, 닷홈 ... 등등 보통은 그 중 하나를 골라서 도메인을 등록하시겠죠? 만약, 도메인을 장기적으로 사용하려고 하는 경우에는 주의할 점이 하나 있습니다. 바로 "할인"에 해당하는 내용입니다. 일부 도메인 업체의 경우에는 프로모션을 위해서 특정 TLD (To..
[포토스케이프] 여러 이미지 크기 한번에 조절하기
블로그와 같이 꾸준히 여러 장의 이미지를 올려야 하는 상황에서는 사진 크기를 한꺼번에 조절하고 싶은 경우가 있습니다. 몇 메가 되는 이미지를 그냥 올리시는 분도 있긴 합니다만... 아무래도 지나치게 큰 용량의 사진은 로딩 타임이나 SEO 측면에서 그다지 좋을 건 없겠죠? 포토스케이프에서는 여러 장의 이미지를 한번에 변환하기 위해서 "일괄편집"이란 이름의 기능을 지원합니다. 이번 글에서는 "일괄 편집" 기능을 이용하여 이미지의 크기를 조절하는 방법에 대해서 살펴보겠습니다. 1. 이미지 샘플 기능을 살펴보는 데 있어서 우선 변환할 이미지 샘플이 필요하겠죠? 이미지 변환 옵션에 따른 다양한 결과를 살펴보기 위해서 아래와 같은 4가지 샘플을 사용합니다. Images from Unsplash & Pexels 2개..
티스토리에서 이모지를 사용하자!
블로그를 작성하다 보면 가끔 뭔가 모르게 글이 좀 심심한 경우가 있습니다. 어쩌면 글빨이 없어서 그럴지도 모르겠습니다. 아무튼~ 이럴 때 이모지 하나씩을 섞어 주면 좀 더 그럴듯하고 활기찬 블로그 글로 변신! 까지는 안되는 것 같지만 약간의 포인트 정도는 되는 것 같습니다. 이번 글에서는 글 작성 시 쉽게 이모지를 추가하는 방법에 대해서 살펴보겠습니다. 😆 🅰 단축키로 간단하게! (Window 10) 윈도우 10에서는 간단하게 이모지를 추가할 수 있습니다. 바로 윈도우 키 + ; (세미콜론) 또는 윈도우 키 + .(마침표) 를 누르면 현재 커서 위치에 이모지 화면이 번쩍 나타납니다. 각 탭 별로 스크롤이 가능하고 일부 항목은 색상을 변경할 수 있습니다. 그러면 이렇게 쉽게 각종 이모지를 사용할 수 있어요..
[포토스케이프, X] 여러장의 이미지 (사진) 한장으로 합치기
웹 페이지, 혹은 블로그를 만들다 보면 가끔 여러 장의 사진을 조합하여 한 장의 사진으로 통합하는 게 필요한 경우들이 있습니다. (합성을 하는 것이 아니라 여러 사진을 특정 모양으로 분할해서 보여주는 것을 의미합니다) 이러한 상황에서, 포토샵 같은 건 없이(!) 오로지 포토스케이프 만으로도 원하는 결과물을 얻을 수 있습니다. 포토스케이프 내에서 이 기능을 위한 명칭은 다음과 같습니다. 포토스케이프 : 페이지 포토스케이프 X : 콜라주 이번 글에서는 포토스케이프와 포토스케이프 X에서 위 기능을 사용하여 여러 사진을 통합하여 하나의 이미지를 생성하는 방법에 대해서 살펴보겠습니다. 단순히 가로, 세로, 또는 바둑판 형태로 구성하려는 경우에는 "이어붙이기" 기능을 이용하는게 더 좋습니다. 무엇을 합쳐 볼까? 아..
[티스토리] 드디어 사이트맵을 지원하네요!
그동안 블로그 사이트맵 등록 안함... 티스토리를 사용하면서 사이트맵을 추가하려면 너무너무 귀찮은 과정을 거쳐야 했습니다. 외부 사이트를 통해서 사이트맵을 생성하고 억지로 파일 첨부하고, 구글과 네이버에 등록하고... 글들이 추가되면 사이트맵 업데이트 하고 무한루프... 저는 사실 사이트맵을 주기적으로 업데이트 해주어야 한다는 점에서... 귀찮아서 포기하고 RSS로 사이트맵을 대체해 사용해 왔습니다. 글이 몇개 없어서 그런지 별 다른 문제 없이 인덱싱은 잘 되곤 했습니다. ^^; 귀차니즘 탈출! 이번 티스토리 업데이트를 통해 최대 3000개까지의 URL에 대해서 사이트 맵 자동 생성을 지원한다고 합니다. 세부 내용은 아래 두개의 링크를 참고하시면 됩니다. [안내] 블로그 사이트맵이 자동으로 생성됩니다. ..
고품질의 무료 아이콘: Icons8
요즘은 무료 아이콘을 사용하기가 예전보다 훨씬 쉬워졌습니다. 웹사이트 또는 애플리케이션을 개발할 때, 꼭 아이콘 혹은 이미지 사이트로부터 가져다 사용할 필요 없이 무료로 편리하게 사용할 수 있는 방법이 많이 생겼습니다. 물론 제일 좋은 건 디자이너가 애플리케이션 스타일에 맞춰 그려주면 좋죠! 하지만 가끔 씩 좀 더 산뜻한(?) 아이콘을 사용하고 싶은 경우에 도움이 되는, 혼자서 고군분투하고 있는 개발자들을 위하여 icons8.com 사이트를 소개합니다. 1. 쉽게 사용하는 무료 아이콘 세트 웹 개발자로서 아이콘을 사용할 수 있는 라이브러리는 다음과 같은 아이콘들이 있습니다. 참고 용도로 한번 정리해 봤습니다. 폰트 어썸(Font Awesome) 부트스트랩을 사용하는 경우 함께 많이 사용되고 있는 아이콘입..
[포토스케이프 X] 모자이크 처리하기
블로그나 웹페이지 제작시에, 중요한 정보(이름, 주민번호, 아이디, ... 등등)가 포함된 사진을 올려야 하는 경우가 있습니다. 이러한 경우에는 반드시 정보가 포함되어 있는 부분은 필히 모자이크 처리를 해주어야 합니다. 기존의 포토스케이프도 모자이크 기능을 포함하고 있었는데요, 새로운 버전인 포토스케이프 X에서는 좀 더 세세한 모자이크 기능을 제공하고 있습니다. 이번 글에서는 포토스케이프 X를 이용하여 모자이크 처리하는 방법에 대해서 살펴보겠습니다. 1. 샘플 문서 우선 모자이크 진행에 앞서 모자이크를 처리할 샘플 문서를 보겠습니다. 애드센스화면을 캡춰해서 올려야 하는데, 이름과 금액 등 몇군데는 숨기고 올리고 싶습니다. 2. Let's do Mosaic! 포토스케이프 X를 열고 사진 편집에서 이미지를 ..
[포토스케이프 X] 투명 이미지 만들기
웹페이지에서 이미지나 로고를 사용하다 보면, 투명한 이미지가 필요할 때가 있습니다. 예를 들어 배경 위에 로고나 아이콘 등을 올리고 싶은 경우가 있는데요, 만약 로고 (혹은 아이콘)의 배경색이 투명이 아니라면 어떻게 될까요? 밑그림의 배경색이 로고의 배경색과 다르다면 당연히 매우 어색한 모양으로 되어버리겠죠? 이러한 경우, 로고(아이콘) 이미지의 배경을 투명하게 만들어 주어야 합니다. 투명 이미지를 만들기를 검색해보면 기존에 여러 가지 방법이 나와 있습니다. 포토샵을 이용 파워포인트 이용 PIXLR 이용 물론 위의 방법 중 하나를 사용해도 됩니다. 하지만 포토샵은 없는 분들이 많을 테고, 파워포인트는 품질 상 약간 문제가 있는 것 같습니다. 그나마 PIXLR은 무료로 사용 가능하긴 합니다만... 이번 글..