FastBoot 반응형 스킨의 기본 본문 폰트는 12px로 요즘 블로그들의 추세에 비하면 다소 작고 답답한 감이 없지 않아 있습니다. 물론 모바일에서는 좋아보이는 편입니다. 단지 pc버전의 경우 너무 작아보여서 가독성이 떨어진다는 지적이 있습니다. 오늘은 FastBoot 스킨의 폰트크기를 일괄 적용하여 크게 키워보는 작업을 하겠습니다. 티스토리 블로그 관리창의 HTML 편집 페이지로 가십시요. 그다음 CSS탭을 클릭한뒤 Ctrl + F 를 눌러 검색창을 띠우고 post-body-font-size 라고 입력합니다. 주의해야 할 점은 HTML탭이 아니라 CSS탭이라는 점입니다. 메모장에 붙여넣기 해놓고 드래그한뒤 찿기창에 Ctrl + V 하시면 좀 쉽습니다. 그러면 해당 소스코드가 있는 곳이 찿아지는데 기본..
자바스크립트(JavaScript)는 객체 기반의 스크립트 프로그래밍 언어입니다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있습니다. 또한 Node.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있습니다. 자바스크립트는 본래 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브스크립트(LiveScript)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었습니다. 자바스크립트가 썬 마이크로시스템즈의 자바와 구문(syntax)이 유사한 점도 있지만, 이는 사실 두 언어 모두 C 언어의 기본 구문에 바탕을 뒀기 때문이고, ..
CSS (Cascading Style Sheets) 는 마크 업 언어로 작성된 문서의 표현 의미 (설명 및 형식)를 설명하는 데 사용되는 스타일 시트 언어입니다. 가장 일반적인 응용 프로그램은 HTML 및 XHTML로 작성된 웹 페이지를 스타일링하는 것이지만 일반 XML, SVG 및 XUL을 비롯한 모든 종류의 XML 문서에도 적용 할 수 있습니다. CSS는 레이아웃, 색상 및 글꼴과 같은 요소를 비롯하여 문서 프리젠 테이션에서 HTML 또는 유사한 마크 업 언어로 작성된 문서 컨텐트를 분리 할 수 있도록 주로 설계되었습니다. 이러한 분리는 컨텐츠 접근성을 향상시키고, 프리젠 테이션 특성의 사양을보다 융통성있게 제어하고, 여러 페이지가 포맷을 공유 할 수 있도록하며, 테이블없는 웹 디자인을 허용함으로..
font 태그는 이사이의 폰트들이 적용받게 됨 로 나타내며 글꼴의 크기, 색깔, 글자체등을 지정할때 font의 앞태그 에 옵션을 추가하여 사용합니다. 는 폰트의 색상, 는 폰트의 크기를 그리고 는 폰트의 글꼴종류를 지정한 글꼴로 바꾸라는 소스명령어 입니다. 1. font color font color는 직접 white, black, green, yellow, blue 등등의 이름을 쌍따옴표 부분에 입력하여 나타낼수 있습니다. 또한 직접 입력하지 않고 색상팔레트의 색상코드표를 참조하여 그 코드를 직접입력하여 지정할 수도 있습니다. 16진수의 색상팔레트 코드표를 참조하여 입력할 경우 그 형식은 #000000 과 같이 샵뒤에 6자리가 16진수 코드가 들어가게됨으로써 색상을 표현합니다. 아래는 네이버에 있는 색..
오늘은 마키(marquee)태그에 대해서 배워보겠습니다. 마키태그는 다양한 칼러의 바탕색에 역시 다양한 칼러의 글씨가 지나가게 만드는 다이내믹한 태그입니다. 먼저 당양하게 중간에 마키소스만 직접 넣어서 저장은 htm파일로 바꿔서 확인해볼수 있게 텍스트 문서를 첨부하였습니다. 다운로드 받아서 가운데 마키태그만 다양하게 삽입해보고 저장후 htm문서 새로고침을 통해 변화를 확인해 보시기 바랍니다. 마키태그 속성 명령어들 bgcolor=[색상] // 배경색상을 설정 합니다 width=400 height=300 // 가로, 세로 크기를 설정 합니다 direction="left[right|up|down]" // 스크롤 방향을 설정 합니다 behavior=scroll[slide|alternate] // 움직임 속성을..
보통 집에는 서랍이 부착되어 있는 물건들이 서너개 이상씩은 어느집이나 다 있게 마련입니다. 그런데 서랍이 달려있는 가구들의 가장 취약한 부분이 바로 서랍의 하단부, 얇은 베니어 합판입니다. 처음 1-2년은 보통 잘 버텨주다 시간이 흐를수록 무게를 이기지 못하고 조금씩 휘어지다 결국은 너덜너덜해 지지요. 여러분은 이럴때 어떻게 하시나요? 버리자니 아깝고 피스나 나사못 또는 보통 원래 구입할때처럼 타카를 박아보려해도 잘 안되기 십상입니다. 그래서 저도 여러가지 시도를 하다 가장 괜찮고 나름 확실하게 오래가는 방법을 공유해 보고자 합니다. 문제를 일으키는 대부분의 가구들은 아래와 같은 서랍이 달린 물건들이죠. 서랍이 오래 사용하다보면 아래부분이 휘어져 결국 홈에서 빠진 밑부분 합판이 문제를 일으킵니다. 서랍 ..
이번 포스팅은 HTML 문서내에서 흔히 또는 필수적으로 쓰이는 기본적인 태그 명령어들을 알아보도록 하겠습니다. 전시간에 인터넷 문서의 기본구조에 대해서 배웠습니다. 요렇게 배웠습니다. 그때 추가적으로 배운것이 줄바꿈 명령어와 와 같이 글자색을 바꾸는 명령어에 대해 알아봤었습니다. 태그는 모두 같은 의미를 가진것으로 가 있는데 어떤것을 쓰더라도 상관 없습니다. 단 그럴 일은 드물지만 아주 오래된 구형 브라우저로 웹서핑을 하실 분들을 위해 구형 브라우저와의 호환성까지 염두에 두셔야 할 분이라면 태그를 쓰시라고 권해드립니다. 참조 페이지 : https://code.i-harness.com/ko/q/1db33a 제 블로그 HTML소스를 들여다 보면 시작부분이 다음과 같습니다. 자 이제 기본적인 다른 태그 명령어..
HTML 파일은 메모장과 같은 텍스트 에디터로 만들 수 있고 나모 웹에디터나 드림위버, RedActor, Ckeditor 등과 같은 위지윅(WYSIWYG) 에디터로도 만들 수 있습니다. 텍스트 에디터는 HTML 태그를 입력하면서 편집을 해야 하는 반면 위지윅 에디터는 웹브라우저상에서 보여지는 형태로 편집이 가능하기에 보다 직관적인 작업이 가능합니다. 즉 텍스트 에디터는 메모장을 이용해 직접 소스코드를 수정해가며 결과물을 봐가면서 제작하는것과 같은 방식을 말합니다. 텍스트 에디터로는 에디트 플러스, 아크로 에디터, 크림슨 에디터, 노트패드 ++, 비주얼 스튜디오 코드 등이 있습니다. “위지위그(WYSIWYG: What You See Is What You Get, “보는 대로 얻는다”)는 문서 편집 과정에서..
인터넷 서핑을 하다가, 해당 페이지를 새로고침 할때 쓰는 키는 당연히! "F5"입니다. 그런데, "F5"말고도 한가지 키가 더 있습니다. 뭐냐하면, "Ctrl + F5"이다. 그럼 이 두가지는 어떤 차이점이 있을까? 차이점은 다음과 같습니다. "F5" 키. 화면의 컨텐츠를 새로고침 (Refresh)합니다. 즉, 해당 사이트의 내용만을 새로운 것이 있는지 다시 보여주는 것입니다. "Ctrl + F5" 키. 해당 사이트와 관련한 Cache 메모리 등을 모두 강제로 새로고침 합니다. 즉, 일반적 "F5"는 새로고침을 통하여 변하지 않는 것도 있을 수 있지만, "Ctrl + F5"는 사이트를 마치 처음 접속한 것처럼 새롭게 가져오기 때문에, Favicon 및 내용자체가 무조건 처음 접속처럼 보이게 됩니다. 어떤..
HTML이 무엇인가를 설명하는 것보다는 HTML 파일을 직접 만들어 보는 것이 개념을 이해하는데 훨씬 도움이 됩니다. 그래서 우선 HTML 파일은 무엇으로 만드는지 부터 설명하면서 홈페이지 기초 강좌를 설명하겠습니다. HTML 파일은 메모장으로 간단하게 만들 수 있습니다. 메모장을 이용하여 HTML(Hypertext Markup Language) 형식에 맞도록 태그를 작성하여 *.html(혹은 *.htm)이라는 확장자로 저장하면 됩니다. 기본적으로 대부분의 홈페이지 HTML 소스코드는 전통적인 방법은 메모장으로 작성하는것입니다. 수많은 웹페이지 작성의 가장 기본은 메모장을 이용한 소스코드편집, 그리고 이를 통한 실제 눈에 보여지는 웹페이지의 제어 입니다. 이제 메모장을 열어 실습을 해보겠습니다. 메모장을..
티스토리 블로그 플러그인중에 바로 넣을 수 있는 검색엔진 플러그인은 다음검색창 한개 밖에 없습니다. 크기도 좀 작은 편이라 미관상 넣기에 좀 불편하기도 하고 다음이나 네이버보단 구글을 넣고 싶기도 한분들이 많으시리라 생각합니다. 이번 포스팅에서는 사이드바에 구글 검색창을 넣어 보겠습니다. 구글검색창이 사이드바에 달린뒤 그 검색창을 이용한 검색에서 광고클릭이 발생하는 경우 검색창이 달려있던 블로거에게 수익의 일정비율이 배당된다고 합니다. 또한 검색을 위해 새로운 탭이나 창을 열어서 블로그를 이탈하게 되는 경우도 막아주어서 일석이조의 효과가 있으니 필히 달아야 겠습니다. 먼저 구글 맞춤 검색엔진 페이지로 들어갑니다. https://cse.google.co.kr/cse/ 맞춤검색엔진 만들기 버튼을 클릭합니다...
한글과 컴퓨터에서 개발한 타자 연습 프로그램으로, 자리연습, 낱말연습, 짧은글 연습, 긴글 연습, 케이크 던지기, 해상구조SOS와 같은 타자 연습 프로그램을 할 수 있습니다. 한컴 타자연습은 한컴오피스 제품군에 기본 포함되어 나오고 있으며, 프로그램을 내려받아 한글 또는 영문 자판 타자연습을 하거나 다른 사용자와 온라인(해상구조SOS)게임을 할 수 있습니다. 한컴타자연습은 무료로 사용 할 수 있습니다. 일단 회원가입하지 않았어도 프로그램을 다운로드 받아 설치합니다. http://www.hancom.com/hanfriends/friendsTyping.do 처음 프로그램을 실행시키면 아래와 같은 화면이 뜨는데 여기서 좌측버튼 혼자하기를 누르면 온라인으로는 하지 못하지만 혼자하기 연습으로는 타자연습이 충분히 ..
동영상 편집프로그램 비드커터입니다. 버전은 5.5.0(64비트)입니다. 동영상의 필요한 부분만 잘라낸뒤 합쳐서 한개의 동영상파일로 생성시켜주면서도 랜더링 과정을 거치지 않는 단일기능 특화 프로그램입니다. 이른바 덩치큰 동영상파일에서 엑기스만 뽑아서 한개의 파일로 만들어주면서도 랜더링 없이 바로 단일파일을 만들어주는 프로그램입니다. 앞전에 살펴본 Video Logo Remover도 동영상편집에 있어서 단일기능에 특화되어 있는 프로그램이었는데요 이프로그램 또한 단일기능에 특화 되어 있습니다. 아래의 그림은 버전 설명 입니다. 사용방법은 아주 간단합니다. 프로그램을 띄운뒤 동영상을 드래그해서 프로그램위에 던지면 됩니다. 3분6초짜리 동영상을 파일 한개를 설명을 하기위해 프로그램상에 드래그 앤 드랍했습니다. 그..
네이버에 티스토리 블로그를 검색등록하기 위해서 네이버 웹마스터도구 페이지로 가야합니다. 그런데 네이버 웹마도구 페이지에는 사이트 간단체크 기능이나 검색요청 등의 서비스도 하고 있으니 즐겨찿기 해두고 가끔 와서 블로그에 에러는 없는 지 한번씩 체크해봅시다. 사이트 간단체크에 자신의 티스토리 블로그 주소를 넣고 확인을 누르면 다음과 같은 목록이 뜹니다. 이제 본론으로 들어가서 아까 최초 네이버 웹마스터도구 페이지에 들어가간뒤 연동할 사이트주소에 자신의 블로그 주소를 넣고 연동할 사이트 추가 버튼을 눌러줍니다. 아래 그림처럼 가운데의 HTML 태그를 선택한뒤 소스태그를 복사하는데 meta ~ 부터 / 까지 괄호는 빼고 복사해줍니다. 여기까지 하신다음 다시 티스토리로 넘어가야 합니다. 네이버 소유확인페이지는 닫..