Documents
여러분의 티스토리 블로그에 SSL을 적용하세요
여러분의 티스토리 블로그에 SSL을 적용하세요
2018.11.29티스토리 블로그는 SSL을 지원합니다. SSL은 쉽게 말하면 사이트에 보안을 적용하는 것으로, 이것이 적용되면 브라우저에 자물쇠 아이콘이 표시됩니다. 또한 URL은 http:// 대신 https://를 사용합니다. 결론적으로 SSL은 여러분의 블로그를 더 안전하게 만든다는 것을 의미하죠. 사실 ‘블로그에 보안이 왜 필요한지’에 관한 의문이 들 수 있습니다. 방문자가 블로그에 개인정보를 주는 것도 아닌데 말이죠. 그러나 이것은 방문자의 관점으로 보면 중요할 수 있습니다. 웹 브라우저는 SSL이 적용된 사이트가 아니라면 안전하지 않다고 표시합니다. 이것은 방문자에게 불안감을 줄 수 있고 블로그 내 활동이 축소되는 결과로 이어질 것입니다. 또한 구글 같은 검색 엔진에도 영향을 줄 수 있는데, 날이 갈수록 대다..
CSS의 컬러값 알아보기
CSS의 컬러값 알아보기
2018.01.26CSS(연속적 스타일 시트)는 웹 디자인의 필수 요소 중 하나입니다. 블로그를 포함하여 웹 사이트를 운영하고 있는 사람이라면 HTML과 더불어 CSS를 조금이라도 알아야 할 필요가 있습니다. 여기서는 CSS에서 다루는 컬러값에 관하여 알아보도록 하겠습니다. 본론으로 들어가기에 앞서 가산 혼합에 관하여 간략하게 알아야 할 필요가 있습니다. 가산 혼합이란 다른 컬러를 섞었을 때 더 밝은 컬러가 되는 것을 의미합니다. 예를 들어 빨강과 초록을 섞었을 때 두 개의 컬러보다 밝은 노랑이 됩니다. 이것은 주로 빛을 사용하여 컬러를 표현하는 장치, 그러니까 텔레비전이나 스마트폰 같은 디스플레이에 사용됩니다. 결론적으로 이것은 빛을 위한 혼합이기 때문에 빛의 삼원색인 빨강, 초록, 파랑을 기본으로 사용합니다. 앞서 말..
skin.html과 style.css 알아보기
skin.html과 style.css 알아보기
2018.01.24티스토리 반응형 스킨, 프라치노 공간의 사용설명서를 읽어보면 skin.html 또는 style.css 파일을 편집하라는 내용을 아주 가끔 볼 수 있을 것입니다. 그러나 티스토리 스킨 편집이 익숙하지 않은 분들은 이 파일이 무엇이고, 대체 어디서 편집해야 하는지 감이 잡히지 않을 것입니다. 그런 분들을 위해 여기서는 이 두 개의 파일에 관하여 간단하게 알아보도록 하겠습니다. skin.html 이것은 티스토리 스킨의 핵심 파일입니다. HTML 문서로 되어 있으며, 전체적인 페이지의 요소를 구성하는 역할을 합니다. 대부분 사람들은 이를 편집하여 AdSense 광고, 사용자 지정 코드를 추가하거나 스킨 기능을 변경합니다. style.css CSS(연속적 스타일 시트)로 되어 있는 이 파일은 스킨의 전반적인 스타..
저작권 걱정 없는 무료 사진 사이트
저작권 걱정 없는 무료 사진 사이트
2018.01.19본문 내 이미지는 방문자의 몰입도를 향상하는 역할을 합니다. 따라서 방문자를 본문에 더 집중하게 하려면 훌륭한 사진을 사용해야 하지요. 게다가 티스토리 반응형 스킨, 프라치노 공간은 해당 글에 관한 커버 이미지를 지원하기 때문에 이를 잘 활용하려면 훌륭한 사진이 필수입니다. 하지만 대부분 훌륭한 사진은 스톡 이미지 사이트에서 몇십만 원의 비용을 지불하여 사용하거나 저작권 문제로 사용할 수 없는 경우가 많습니다. 깊은 한숨과 고민이 많아지는 순간이지요. 그래서 운영자는 여러분의 고민을 해결해주기 위해 훌륭한 사진을 저작권 걱정 없이 무료로 사용할 수 있는 사이트 몇 개를 소개하고자 합니다. 그럼 시작해 볼까요? Unsplash 전 세계 사진 작가들이 무료로 배포한 훌륭한 사진이 모여 있습니다. 방문해 보려..
웹 브라우저의 캐시 초기화하기
웹 브라우저의 캐시 초기화하기
2018.01.19웹 브라우저는 이전에 방문한 사이트를 다음에 다시 방문할 때 더 빠르게 불러오기 위해 기기의 저장 공간에 사이트의 파일을 임시로 저장합니다. 이것은 전문 용어로 캐시(cache)라고 부릅니다. 티스토리를 포함한 거의 모든 사이트가 웹 브라우저에 의해 캐시 됩니다. 티스토리 스킨 파일을 편집하고 이를 업로드한 다음 블로그의 상태를 확인해보면 변화 없이 그대로인 경우를 경험한 사람이 적지 않을 것입니다. 이것은 웹 브라우저가 사이트의 파일이 대치된 것을 눈치채지 못하고 캐시 된 파일을 보여주기 때문에 발생하는 현상입니다. 이를 해결하려면 웹 브라우저의 캐시를 초기화, 다시 말해 이를 삭제하여 웹 브라우저가 사이트에서 해당 파일을 다시 불러오게 해야 합니다. 캐시 초기화 방법은 웹 브라우저에 따라 다르지만 어..
코드 편집기 앱, Brackets
코드 편집기 앱, Brackets
2017.12.21웹 초보자이신가요? 그런데도 웹 코드를 메모장으로 편집하시나요? 가뜩이나 어려운 것을 더 어렵게 편집하고 있군요. 초보자일수록 간편하고 친절한 도구를 사용해야 합니다. Brackets 앱으로 코드를 편집하면 정말 쉽고 재미있다고 느낄 것입니다. 간결함, 그 이상 코드 편집기 앱은 간결하고 편집에 방해되는 요소를 줄여야 합니다. Brackets 앱은 여기서 더 나아갑니다. 코드를 시각적으로 하이라이트 하여 표시하므로 각 코드가 어떤 역할을 하는지 쉽게 알아볼 수 있습니다. 게다가 괄호로 묶인 코드는 접을 수 있기 때문에 복잡한 코드에서 혼란을 줄일 수 있습니다. 편리하고 세밀한 기능 두 개의 코드 파일을 한 번에 편집할 수 있는 분할 모드부터 컬러값 등을 손쉽게 편집할 수 있는 추가 기능까지! 눈에 잘 띄..