itfix의 등록된 링크

키자드에 등록된 총 1868개의 포스트를 확인하실 수 있습니다.

Tistory

일사병의 증상과 예방 수칙들

일사병이란 일사병은 강한 햇빛에 오랫동안 노출될 시 생기는 열 관련 질환으로 몸이 스스로 체온을 낮추지 못하게 될 때 발생합니다. 일사병에 걸리면 증상이 심해져 인체에 치명적인 열사병에 이를 위험이 있기 때문에 빠르게 대처를 해야 합니다. 피부가 건조하면서 뜨거우며 의식불명에 자주 빠지는 열사병과 달리, 땀이 많고 피부는 차가우며 의식불명에 빠지는 경우는 열사병에 비해 적습니다. 또한, 강한 햇빛에 오랫동안 노출되어 생기는 일사병과 달리 열사병은 뜨거운 환경에서 생기므로 발생 원인도 약간은 다릅니다. 특히 일사병의 증상이 나타날 때 주도적으로 나서서 자기 상태를 관리하려고 한다면 금방 다시 안전해질 것입니다. 이를 위해 여러 방법들이 존재하지만 궁극적인 목표는 체온을 낮추어 생체리듬을 정상화 시키는 것입..

Tistory

전투력이 약하면 스피릿 광산에서 욕심을 버리자

개인적으로 총기시대 스피릿 광산에서 찍어본 전투력 최고는 1억이 넘어가는 사람들 몇명을 봤습니다. 총기시대의 스피릿광산이란 컨텐츠는 정말 침탈만 없다면 그냥 클릭만 해두면 저축해둔 돈에서 이자가 나오듯 시간 될때마다 캐논 광을 빼서 이것저것 고효율템들을 살수 있는 라이트 유저들에게는 아주 좋은 컨텐츠입니다. 5층이상까지 갔다면 우리가 원하던 영광배너도 아주 싸게 많이많이 사서 모을 수 있습니다. 그외에도 유료템에 있는 템들을 상당수 구입할 수 있습니다. 그런데 문제는 3-4층이상 부터는 광캐는 경쟁이 심해서 클릭해둬도 얼마안가 처참하게 광뺏기고 쫒겨나서 팅겨나와서 놀고 있는 모습을 종종 보게 됩니다. 왜 이런 문제가 생기냐면 시간당 18k를 캘수 있는 광이 한층 올라갈때마다 3-4씩 증가하기 때문입니다...

Tistory

윈도우즈10 스카이프,xbox등 삭제 및 최적화

1. 일반적인 윈도우즈10 기본앱 삭제 윈도우즈 10은 이전 버전에 비해 안정적이고 상당히 부드러워졌습니다. 그러나 여전히 불필요한 번들 프로그램들로 군더더기들이 붙어있죠. 평생 쓰지도 않을 프로그램을 계속 깔아두어야 한다는 것도 짜증나고 알게모르게 누적되면 윈도우즈도 무거워지겠죠. 그 대표적인 번들 프로그램들이 xbox, skype, 보이스레코더, 캔디 크러시사가, 스포츠, 뉴스, 카드게임 등등 이죠. 자 그럼 날씬하고 좀더 빠른 윈도우즈10을 만들어 봅시다. 좌측하단의 윈도우즈 시작버튼을 누른뒤 다시 톱니바퀴모양의 설정을 누릅니다. 그러면 윈도우즈10의 설정화면 아이콘들이 쭉 뜨는데 그중에 앱이라고 써진 아이콘을 클릭하세요. 앱 아이콘을 클릭하면 앱 및 기능이라는 페이지로 넘어갑니다. 여기에서 우측 ..

Tistory

로얄탐험 공략

총기시대의 로얄탐험은 공략하기에 따라 같은 전투력이라도 누구는 깨고 누구는 못깰수도 있습니다. 이유는 단순히 부대 총공격력에 의해서 깨는것이 아니라 요일마다 특정부분의 파워만을 테스트해서 집중공략하기 때문에 그 요일의 전투해법이 무엇을 기준으로 정해지는지부터 잘 살펴보아야 합니다. 일요일과 수요일은 콤보탐험, 월요일은 장비탐험, 화요일은 비행선 탐험, 목요일은 연구탐험, 금요일은 원석탐험, 토요일은 건설탐험으로 이루어져 있습니다. 일요일과 수요일의 콤보탐험은 아래와 같은 기준에 의합니다. 오른쪽의 붉은 네모안의 수치들이 좌측그림의 아이템들의 능력치들의 합계인듯합니다. 즉 오른쪽은 일정한 자신의 능력치를 올려주는 것들의 합산인데 도전루트에 나오는 적이 저 수치보다 높다면 거기서 패배할 확률이 높다고 봐야 ..

Tistory

핸드폰 분실시-구글 핸드폰 찿기

분실시 구글을 통한 기본조치 핸드폰 분실시 어디서 잃어버린건지 기억조차 없을때 유용한 서비스입니다. 아이폰, 안드로이드폰 모두 가능하지만 구글계정이 있어야 합니다. 구글 핸드폰찿기의 주소는 아래의 링크입니다. https://myaccount.google.com/find-your-phone 이동하면 다음과 같은 구글계정이 로그인상태일 경우 아래와 같은 화면이 뜹니다. 다음을 누르면 계정이 로그인되어 있더라도 본인인증을 한번 더 합니다. 계정의 비밀번호를 입력하고 들어가면 세부화면이 나오는데 이곳에서 내 핸드폰 위치 찿기, 내 핸드폰 잠그기, 내 핸드폰에 벨소리 보내기, 내 휴대전화에서 계정 로그아웃시키기 등의 메뉴를 사용할 수 있습니다. 메뉴중의 문제없음 파란색 버튼을 누르면 문제없음이라는 버튼이 다음단계..

Tistory

총기시대 영광레벨과 로얄탐험

총기시대는 조금 독특하게 단순히 메인성과 부속건물 레벨업만으론 진정한 파워의 변화를 느낄수 없습니다. 개인적으로 생각하는 핵심적인 성전체 파워의 업그레이드는 15레벨부터 모든 건물에 열리는 영광레벨의 레벨업정도, 비행선의 파워정도, 연구소의 업그레이드 순으로 생각합니다. 제가 첫번째 일순위로 영광레벨을 잡은 이유는 개인유저들간의 전투와 로얄탐험에서 가장 확실하게 영광레벨 축적정도의 비교에따라 승패가 판가름나기 때문입니다. 아래에서 메인성 한개의 영광레벨업을 하는 도중 스크린샷한 장면인데 모든 건물의 15레벨이상에서 각기다른 저런 식의 영광레벨업이 가능하니 어쩌면 가장 핵심적인 요소인지도 모르겠습니다. 또한 필드몹을 잡을때에도 이전에는 단순 몹과의 전투력비교에 의해서 나보다 높은 몹은 건드리지 않았지만, ..

Tistory

티스토리 하단부에 8개 포스팅과 광고 함께 넣기

티스토리 블로그 상단부는 마치 유행처럼 반응형광고 두개를 나란히 넣는 방법이 널리 퍼져있습니다. 그런데 하단부는 한개만 넣고 옆에는 기타 포스팅제목들이 오게 하는 방법을 쓰는분, 길게 통으로 한개 넣는 분, 하단에도 두개를 넣으시는 분 등이 계시는데 저두 두가지 다 써보았지만 만족할 만한 성과가 없었습니다. 이전부터 하단에 텐핑처럼 여러개의 광고와 여러개의 본인포스팅이 혼합된 광고를 쓰고 싶다고 생각은 해왔는데 방법이 너무 어려울것같아 포기하고 있었습니다. 그런데 아주 우연히 애드센스 블로그 관리페이지에서 어느날 일치하는 콘텐츠 광고방식을 홍보하고 있었습니다. 그래서 몇줄 읽어 봤더니 이게 바로 텐핑처럼 하단에 들어가는 광고 방식이었습니다. 단가는 비록 좀 낮은 편이라고 볼수 있지만 이 광고방식은 다른 ..

Tistory

구글번역과 파파고번역의 능력비교

최근 유튜브의 한 경찰 동영상을 기계번역 해 볼 기회가 있었습니다. 당연히 구글의 능력에 대한 선입견이랄까 하는 것이 있어서, 아니 어쩌면 이세돌과 바둑대결을 치뤘던 알파고의 신경망 인공지능 기술을 구글번역에 접목했다는 뉴스가 떠올라서인지 구글이 좀더 높은 점수를 받을꺼라는 생각을 하면서 큰기대는 하지 않은채 파파고와 구글에 영한번역을 시켜 보았습니다. 미국경찰 동영상 Police Activity에 달린 미국경찰측의 공고문을 번역테스트해보았습니다. 관련동영상 https://www.youtube.com/watch?v=3uOsRZwZk34 구글번역 https://translate.google.com/ 파파고번역 https://papago.naver.com/ 영어원본 ** (Disclaimer: This vi..

Tistory

#09 하이퍼링크(Hyperlink)

하이퍼링크의 의미 하이퍼링크란 쉽게 말해서 특정한 이미지 또는 글씨를 클릭하면 주소로 연결되어 있는 다른 페이지, 이미지, 동영상, 음악, 파일, 페이지내의 특정위치 등등으로 이동하는 연결시스템을 말합니다. 줄여서 보통 링크라고 말합니다. 좁은 의미로 해석하면 단순히 문서와 문서사이의 링크는 하이퍼링크이고, 웹이나 기타 모든 컨텐츠들 상호간의 연결을 의미할때는 링크라고 해석하는 경우도 있습니다. 웹을 연결할때는 "http://" 프로토콜을 사용하고, 메일을 연결할때는 "mailto:" 프로토콜을 사용합니다. 하이퍼링크는 클릭 또는 방문여부에 따라 세가지 색상태그를 가집니다. link 는 방문하지 않은 기본 하이퍼링크 색상을 말합니다. alink 는 클릭할 때의 하이퍼링크 색상을 말합니다. vlink 는 ..

Tistory

#10 hr, pre, xmp 태그 배우기

가로선, 구분선, 수평선 태그 br태그나 p태그와 같이 단독적으로 사용되며, 밑줄이나 단락의 구분을 나타내는 표시로 사용됩니다. hr 태그의 속성을 지정하는 태그들로 size (굵기), width(가로 길이), align(정렬값), color(색상), noshade(입체감 없애기) 등이 있으며 함께 사용되어 세부적인 설정값을 지정하게 됩니다. 예제)) 결과 출력물 이미지를 보면 width=50% 라는 태그의 의미가 화면 전체 가로폭의 50%만 차지하라는 뜻이므로 브라우저의 창을 줄이면 비례해서 작아지고 늘리면 비례해서 커지는 모습을 볼 수 있습니다. 위는 브라우저창의 크기를 줄였을때, 아래는 늘렸을때의 모습입니다. 태그와 태그의 구별 태그 한쌍의 pre태그 사이에 있는 html 소스태그들은 과만 태그로서..

Tistory

아반테의 hold버튼과 od버튼 사용법

대우 라노스2를 오래 타다 중고 아반테로 바꿨는데, 다소 생소한 장치가 둘있는데 바로 hold버튼과 od버튼입니다. 라노스탈땐 홀드가 없고 od 버튼 자리에는 터보 버튼이 있었는데 작동 방식이 반대입니다. 누르면 라노스의 토보 해제와 같고, 해제하면 라노스의 터보 누른 것과 비슷하게 폭주하고,,그럽니다. 먼저 hold버튼에 대해서 살펴보겠습니다. hold버튼 아래의 사진처럼 기어박스 앞쪽에 위치해 있습니다. hold 버튼을 누르면 계기판에 아래처럼 불이 들어옵니다. 왼쪽이 다음에 설명드릴 od 버튼이고 오른쪽이 바로 hold 버튼입니다. 눈길이나 빙판길에서는 스노우 체인을 써서 출발하거나 주행하는 것이 좋지만, 스노우 체인을 당장 감고 운행할 수 없을 때는 회전력이 큰 1단 기어보다 2단 기어로 출발하는..

Tistory

alt 와 title 속성에 관하여

html 기본편 8편에서 alt 태그를 배운바 있습니다. 그런데 이 alt 태그와 비슷한 속성을 가진 녀석이 또하나 있는데 바로 title 태그입니다. 2018/07/08 - [Tip & Tech HTML/HTML 기초] - #08 HTML 배경색,배경이미지 및 그림 삽입 삽입되는 위치가 똑같고 이미지에 스며들어 각각의 기능을 한다는 점에서 비슷한 녀석들이나 하는일은 둘다 서로 다릅니다. 즉 alt는 그림속에 스며들어가서 크롤링 봇이나 기타 검색엔진에게 이미지에 대한 설명을 할때 전달해주는 역할을 하므로 웹상에서 사람눈에 직접 보여지진 않습니다. 일종의 사람이 봇에게 제공하는 이미지의 설명문인 셈입니다. 사람에게 전달될 수 있는 경우는 이미지가 나오지 않는 경우에 이미지 대신 출력되는 글씨가 alt태그로..

Tistory

아이폰에서 원하는 사진만 쉽게 빼내기

아이폰에서 사진을 pc로 옮기는 방법은 여러가지가 있습니다. 보통은 아이튠즈를 사용해서 동기화나 기타 옵션을 설정해서 옮기는 방법이 가장 많이 알려져 있으며, usb케이블을 pc에 직접 연결한뒤 윈도우즈의 사진가져오기 기능을 이용해서 옮기는 방법이 있습니다. 그러나 사실 두방법 모두 한두장의 사진만 선택해서 가져오고 싶은데 너무 복잡한 과정을 거치고 불필요하게 사진함의 모든 사진과 동영상을 읽어들이는 탓에 여간 거북한게 아닙니다. 제가 추천하는 방법은 위의 두가지 방법이 아닌 직접 아이폰 폴더로 들어간뒤 pc의 탐색기에서 미리보기 기능으로 사진파일을들 선택해서 잘라내기 또는 복사를 선택해 가져오는 방법입니다. 물론 잘라내기를 선택할 경우에는 아이폰속의 해당 사진은 삭제됩니다. 우선 usb 케이블로 pc와..

Tistory

전기압력밥솥 보온중에도 물이 생기는 현상

저희집 전기압력밥솥은 오래된 쿠첸 압력밥솥입니다 그동안 여러번의 고무패킹 교체와 김빠지는 추아래의 센서를 교체했었습니다. 그런데 여지껏 주로 보던 증상과는 좀 다른 희안한 증상이 생겼습니다. 밥을 하는 도중에 김도 안새고 다되갈때쯤 스팀빠지는 것도 정상이고 밥도 잘되는데 밥이 다되었을때 뚜껑열면 평상시보다 약간 뚜껑쪽의 이음쇠쪽 방향에서 흐르는 물이 많다 싶을 정도의 증상이 어느날 생겼습니다. 그런데 밥맛은 약간 진정도라 그냥 넘어갔는데 문제는 보온중에도 계속해서 뚜껑을 열면 물이 흐르는 거였습니다. 급기야 몇일 지나니 밥하고 몇시간 지나도 가장자리는 젖고 마르는게 같이 있는 이상한 상태가 되어 버리는 것이었습니다. 패킹에 문제가 가장 많이 발생했었기에 뚜껑의 고무패킹을 빼내서 세척하고 말린뒤 다시 끼우..

Tistory

총기시대 연맹보상,로얄탐험,일반상점 판매교환 Tip

총기시대(Guns of Glory) 기부를 빠짐없이 해라 이전 포스팅에서 연맹기부를 자원수급이 원할하다는 가정하에 빠짐없이 바로바로 해주는게 좋다고 했는데요. 그 이유는 연맹기부를 통해 연맹지식이 올라가면 본인뿐아니라 연맹전체에게 혜택이 돌아가기도 하지만, 기부때마다 모아진 명예점수로 60분 부스트 또는 3시간 부스트같은 다양한 아이템들을 구입할 수 있기 때문입니다. 그외에 기부에 소흘하지 말아야 할 이유가 또 있는데요 기부를 많이하면 주1회 결산해서 보상을 줍니다. 단 기부순위가 해당 일주일간 가장 많았던 1위부터 3위까지만 줍니다. 그런데 사람들이 보통 기부는 나간다는 개념때문인지 1위하는게 그리 어려운 일이 아니더군요. 1위를 하면 다음과 같은 100만의 식량과 나무, 12000기금, 1200명예포..

Tistory

총기시대(Guns of Glory) 연맹에 관하여

연맹 소개 연맹을 통해 다른 군주와 함께 카디넬에 대항하여 싸우거나, 다른 플레이어와 싸우실 수 있습니다. 또한 연맹에 가입하시면 다음의 혜택을 받으실 수 있습니다. 1. 연맹원과 대화할 수 있는 연맹 채팅 - 새로운 친구를 만들 수 있습니다. - 새로운 공격과 방어를 계획할 수 있습니다. - 다른 연맹원을 돕거나 도움을 받을 수 있습니다. 2. 연맹 지식 부스트 - 나의 도시의, 부대, 연맹의 다양한 부분에 강화 혜택 제공 - 기부를 하거나 보상을 받을 수 있습니다. - 이 게임의 독특한 특징이 기부를 열심히 할 경우 실보다 득이 더 많다는 겁니다. 명예 포인트가 핵심인데요 이 명예포인트로 연맹상점에서 유료결제 아이템들을 구입할 수 있습니다. 만약 자원개발 트리를 잘 타신 경우라서 자원의 수급이 원할하..

Tistory

#08 HTML 배경색,배경이미지 및 그림 삽입

배경색 및 글자색 이 기본구조입니다. 본문의 배경 색상을 지정하는 속성은 bgcolor이며, 글자색상을 지정하는 속성은 text color입니다 예제) 가나다라마바사 출력물 예제) 가나다라마바사 출력물) Tip : 글쓰기 작업도중 편집하다보면 실수로 일부분을 삭제등으로 날려버릴때도 있습니다. 당황하지 마시고 한글워드 칠때처럼 Ctrl + Z 하시면 전단계로 갑니다. 문서의 배경 이미지 문서의 배경에 이미지를 삽입하는 태그명령어는 background 입니다. 태그로 쓸때는 기본적으로 의 형식을 가지게 됩니다. 예제) 가나다라마바사 제 컴퓨터의 바탕화면에 있는 background.jpg라는 임의의 그림파일을 사용했습니다. 출력물) 배경이미지로 쓸 그림파일은 로딩렉의 발생을 방지하기 위해 최대한 가벼우면서 퀄..

Tistory

윈도우즈 10 스크린 캡쳐도구

기존 하위버전의 윈도우즈에서는 자체 내장된 스크린샷 프로그램이 존재하지 않아서 많은 분들이 별개의 스크린캡쳐 프로그램을 다운로드 받아 설치하거나, 다소 무거운 알툴바를 전체를 설치해야 하는 부담감이 있었습니다. 그러나 윈도우즈 10에는 스크린캡쳐도구가 내장되어 있으니 굳이 스크린캡쳐 프로그램을 검색하고 다운로드하고 설치하는 번거로운 과정이 필요 없어졌습니다. 윈도우즈 8에도 캡쳐도구가 존재했으나 윈도우즈 10에서는 타이머기능을 추가하고 기능을 좀더 업그레이드 했습니다. 먼저 캡쳐도구를 실행하려면 윈도우즈 프로그램목록의 보조프로그램으로 들어가야 합니다. 아래의 그림과 같은 곳에 위치해 있습니다. 우리가 이러한 프로그램을 쓰는 이유는 키보드에 있는 프린트스크린 키로는 부족한 기능을 메꾸기 위함입니다. 사실 ..

Tistory

총기시대 건물별 레벨업 변화치

총기시대 건물 업그레이드시 능력치 변화표입니다. 두개로 나누었습니다. 업그레이드의 증가폭이 커서 최종레벨에 엄청난 차이를 일으키는 주요건물은 빨간색 박스로 표시하였습니다. 건물별 능력증가치 표 1 건물별 능력증가치 표 2 표에서 살펴 보듯이 최종 능력치나 레벨별 증가폭을 봤을때 레벨업에 특별히 신경써야 할 건설항목들이 몇개 눈에 들어옵니다. 순서대로 나열하면 성>성벽>연구소>창고>대사관 입니다. 위의 5가지 건물은 각별히 신경써서 업그레이드 해야 최대의 효과를 볼 수 있을 듯합니다. 무과금으로 즐기시는 분들이라면 킹덤지원을 꾸준히 하셔서 명예포인트를 모은뒤 3시간 또는 1시간 부스트를 킹덤상점에서 구입해 업그레이드 시간을 단축시키는 방법이 있습니다. 라이트 유저시라면 1달러짜리 하루 한개만 나오는 상품중..

Tistory

티스토리 블로그 머리말1,2,3,4 서식 변경하기

티스토리 글쓰기 시 기존에 기본으로 적용되어있는 본문, 머리말1,머리말2,머리말3,머리말4 총 4가지의 본문 스타일서식을 내가 선호하는 설정으로 바꾸어보는 방법을 알아보겠습니다. 위의 그림처럼 티스토리 블로그는 기본적으로 본문적용에 본문글 1개와 머리글들 유형 4가지 총 5개의 스타일을 골라쓸 수 있게 해놓았습니다. 그런데 티스토리 기본 스타일을 따르지 않고 본문작성시에 일일이 컬러와 크기를 선호하는 식으로 일일이 바꿔주다 보니 영 불편한게 아니더군요. 그래서 이번 포스팅에서는 티스토리의 고유서식이 아닌 자신만의 본문스타일을 만들어 편리하게 적용시키는 법을 알아보겠습니다. 위의 사진은 블로그 새글쓰기 편집창에서 "1.머리말 미리보기" 라고 적은뒤 하단 미리보기 버튼을 눌러 본 머리말1 의 모습입니다. 머..

Tistory

블로그 등의 글쓰기 글자수 계산기

오늘 소개해드릴 프로그램은 글자수 계산기입니다. 물론 티스토리에 한정해서 말씀드리자면 수익승인이 나신분들은 뭐 별 관심이 없을 수도 있겠지만, 승인신청해놓고 꾸준히 포스팅해야 하는 분들에게는 유용한 프로그램일것 같아서 소개해 드립니다. 아시다시피 티스토리 블로그는 대략 800자에서 1000자 이상으로 대비하여 승인신청하는것이 좋다고 알고 있습니다. 그런데 제 개인적인 생각으론 가능하면 승인대비해서 쓰던 초심을 유지하는 것이 블로그 지수를 높여서 검색엔진들에게 좋은 점수를 받는게 아닐까 생각합니다. 물론 저도 초심을 유지하지 못하고 글자수가 자꾸 줄어들고 그림은 많아지는것 같아 안타깝습니다. 먼저 프로그램을 만드신 블캣닷컴 블로그로 가야합니다. http://blog.bloodcat.com/128?categ..

Tistory

총기시대(Guns of Glory) 게임리뷰 및 공략

총기시대는 DIANDIAN INTERACTIVE HOLDING의 한 부서인 "FUNPLUS"가 제작 한 인기있는 안드로이드 및 iOS 게임입니다. 구글플레이 및 애플 앱스토어에서 무료로 다운로드 및 설치, 플레이할 수 있습니다. 총기시대(Guns of Glory)는 완전히 무료로 다운로드하여 게임 할 수 있지만 실제 아이템으로 구입할 수있는 게임 아이템도 있는 부분유료 게임입니다. 뭐 하다보면 사실 완전유료보다 부분유료가 가랑비에 속옷젖는다고 돈이 더 많이 들어가죠. 사실 별 기대안하고 화장실에서 볼일보다 걍한번 깔아보고 이따 지워야지 하며 다운로드 받았다가 지금은 13성에 군주레벨 14가 되었네요. 이 게임은 줄창 몇시간간씩 몰입해서 해야되는 안그러면 뒤쳐지는 불안감에 심적인 부담을 주는 그런류의 게임..

Tistory

총기시대(Guns of Glory) 비행선에 관하여

총기시대(Guns of Glory) 비행선 소개 군대에게 두렵고 강력한 힘이 되어 주는 비행선은 인간의 무기로는 죽일 수 없습니다. 비행선을 업그레이드 하면 군대의 배틀 능력, 행군 능력, 수집 스킬이 강화됩니다. 이 능력들은 공격 스킬과 방어 스킬로 나뉘게 됩니다. 공격 스킬은 공격 부품을 사용해 업그레이드 할 수 있고, 방어 부품을 이용해 방어 스킬을 업그레이드 할 수 있습니다. 비행선 레벨업 하기 야수를 공격해 죽이거나, 자원을 수집하거나 적의 군대를 죽일 경우 비행선 EXP를 받게 됩니다. 이 경우 비행선을 사용하고 있지 않더라도 계속해서 EXP를 받을 수 있습니다. 공격 파워 & 방어 파워 야수나 적군을 죽일 경우 공격 파워를 얻게 됩니다. 자원 수집이나 적군에 맞서 방어중인 경우 방어 파워를 ..

Tistory

티스토리 블로그 제목 두번 반복으로 보이는것 수정하기

티스토리 블로그를 보면 최초 만들고 나서 특별하게 설정한 기억이 없는데 상단 블로그 타이틀 표시줄에 내 블로그 제목이 두번 반복되어서 나오는 것을 볼 수 있다. 제 블로그는 IT ERRO FIX :: IT ERROR FIX 이렇게 두번 반복해서 나오는데 놔둬도 상관은 없지만 은근히 신경에 거슬린다. 이하에서 블로그 타이틀을 하나로 줄이는 방법은 티스토리 블로그 뿐만 아니라 모든 홈페이지에 공통된 사항이므로 블로그 제목타이틀 반복이 눈에 거슬리는 분들은 한개를 삭제하거나 모양을 바꿔야 한다. 티스토리 블로그의 관리자페이지로 간다음 스킨편집을 누르고, HTML/CSS 편집 창으로 갑니다. HTML 탭을 눌러 Ctrl + F 를 눌러 검색창을 띠운뒤 title 이라고 친뒤 엔터를 칩니다. ||_##] 그러면 ..

Tistory

티스토리 블로그 사이드바에 있는 links에 링크 추가하는 방법

이글은 쓸까 말까 말였는데요 너무나 기초적인거라 나만 모르고 있었는데 괜히 쓰는거 아닌가 싶어서 그랬습니다. 그래두 만에 하나라도 이글을 참조해서 블로그 사이바 메뉴의 링크에 몇개의 주소를 넣어놓고 쓰실분이 있을지도 모른다는 생각에 포스팅해봅니다. 저기에 전 개인적으로 네이버홈페이지에 있는 색상코드팔레트를 링크시켜넣고 싶었습니다. 현재는 네이버 색상팔레트 페이지가 링크되어 있습니다. 처음에는 저부분에 혹시 html이나 css편집 페이지에서 태그수정을 해서 적용시키는 것이 아닐까 생각했지만 모든 사람이 쓰라고 만들어놓은 기능에 그걸 쓸려면 태그수정해서 쓰라고 할리는 없다는 생각에 티스토리 기능부터 뒤져봤습니다. 좌측 메뉴 하단의 링크메뉴에서 내가 링크를 누르면 아래 화면이 나옵니다. 링크추가 버튼을 누르신..

Tistory

FastBoot 스킨 최하단부 색상 변경하기

FastBoot스킨의 가장 하단부 색상만 변경해보도록 하겠습니다. 상단부의 바와 블로그 제목 등의 색상을 변경했는데 하단부는 그냥 놔두자니 뭔가 언밸런스한게 이상합니다. 상단부위들 색상바꾸는 방법은 이전에 포스팅했으니 참조하시기 바랍니다. FastBoot스킨 상단 고정바 색상변경 FastBoot 스킨 최상단 블로그이름 색깔 바꾸기 화살표가 가리키는 저곳의 색상만 변경하기 위해서는 티스토리 HTML 편집페이지의 CSS탭으로 가서 Ctrl + F 검색창이 나오면 footer 라고 치고 검색하세요. 제일 처음으로 나오는 footer 바로 아래에 하단부 색상정보코드가 있습니다. 이제 마지막으로 background-color:#434a54; 라고 써있는 부분에서 뒤의 여섯자리 코드기호를 자신이 원하는 색상코드로 ..

Tistory

#07 문서의 속성태그 h, br, p 이해하기

1. hx 머리글 태그로 , x에는 1부터 6까지의 숫자를 사용할 수 있고 1이 가장 큰 폰트크기이다. 숫자가 작을 수록 글자가 커지는 역순이니 주의해야 합니다. ex) 예문은 다음과 같습니다. 인터넷 html 기초편 인터넷 html 기초편 아래 글씨는 실제로 위의 글씨가 적용된 모습입니다. 2. br 줄과 줄사이에 문단이 끝나지 않았음을 정의하며 단순히 줄바꾸기 역할만 합니다. 문서의 상단에 한 줄을 띄우려면 반드시 태그를 써야 하며, 연속해서 사용할 경우 의 갯수만큼 줄을 띄울 수 있습니다. 이전 포스팅에서 br태그는 세가지 모두 같은 의미의 단독태그이며 태그가 가장 호환성이 좋다고 말씀드렸습니다. #03 HTML 기본 태그명령어들 배우기 ex) 예문은 다음과 같습니다. 인터넷 html 기초편 인터넷..

Tistory

FastBoot 카테고리 목록페이지에 광고넣기

사이드바에 있는 카테고리를 누르면 카테고리들이 목록으로 리스트화되어 있는 페이지로 넘어가는데 이때 그 목록페이지에도 광고를 실어야 겠습니다. 붉은색 굵은 줄이 있는 저부분에 반응형 광고 한개를 넣어 보겠습니다. 일단 애드센스로 가서 반응형광고코드 한개를 신규로 받아서 복사해 옵니다. 많이 하셔서 이 단계는 코드를 받는 단계는 생략하겠습니다. 티스토리 스킨편집버튼을 누른다음 HTML편집 탭을 누르고 Ctrl + F 를 눌러 검색창을 띠운후 clearfix 라고 치고 엔터를 칩니다. 그러면 위와 같은 부분에서 해당문구가 나오는데 주석태그로 추천광고 위치라고 써진 박스부분에 아까 애드센스에서 생성한뒤 복사해온 코드를 집어넣습니다. 이제 저장을 하고 나온뒤 블로그 페이지를 새로고침해서 보면 카테고리 목록페이지 ..

Tistory

FastBoot스킨 사이드바가 하단으로 이동했을경우 에러 대처법

티스토리 블로그를 처음 운영하기 시작하면 소스코드를 참으로 많이 만줘 줘야 하는데요, 이러다보면 뭐 하나만 잘못 쓰던가 빠트려도 당장 뒤죽박죽이 되버리곤 하죠. 저의 경우에는 어느날 갑자기 사이드 바가 없어져 버렸더군요. 뭐지 ? 하면서 뒤적뒤적 하니 본문 최하단 아래쪽으로 쭉내려가서 혼자 덩그러니 있더군요. 뭔가 태그가 엉켰을꺼 같은 생각에 티스토리 HTML 편집창을 열어놓고 위부터 훑어보다 보니 이상한 부분이 눈에 띠더군요. 태그트레일 이라고 써있는 부분 바로 위에 이 부분입니다. 상대태그가 없어 저렇게 빨간글씨로 에러를 표시하고 있더군요. 짚히는게 있었습니다. 태그트레일 부분은 얼마전에 카테고리 목록출력하는 페이지 상단에 광고를 넣기 위해 들락날락했던 부분이었던 거죠. 소스를 이리저리 손보면서 그때..

Tistory

FastBoot 하단 댓글창이 사라졌을 경우

이틀동안 전혀 포스팅을 하지 못했는데 승인이 난후 포스팅과 광고설정등에만 신경쓰다보니 댓글창이 없다는걸 엊그제서야 알았습니다. 성격이 무뎌서 그랬는지 하여튼 그랬습니다. 구글링을 해도 똑같은 증상을 호소하는 포스팅을 하나도 찿을 수 없었습니다. 수십번 확인한 티스토리 설정에는 분명히 댓글펼침으로 설정되어 있었고 다른 모든 설정들도 이 이유를 설명할 만한 것이 없었습니다. 블로그를 새로 한개 만들어서 FastBoot 스킨을 입힌뒤 댓글창이 잘 나오는걸 보고 HTML창과 CSS창 시작부터 종료지점까지 모든 코드를 비교했습니다. 그렇지만 전혀 알수 없었습니다. 특이점이 없었다. 나중엔 의심가는 부분은 아예 그림판에 붙여넣고 비교해보기도 했습니다. 이방법은 포기하고 스킨을 백업한뒤 FastBoot 스킨을 재설치..

Tistory

티스토리 HTML/CSS 편집의 이해와 팁

우리는 스킨을 수정하기 위해 하루에도 수십번씩 HTML과 CSS를 들여다보기도 하고, 수정하기도 하고 합니다. 그런데 이런 HTML과 CSS의 구조는 기본적으로 우리가 스킨등록해서 지금 사용하고 있는 스킨의 포함된 파일들을 티스토리에서 편하게 보게 해주는 것입니다. 우리가 스킨변경 또는 스킨등록할때 여러 파일들과 이미지 폴더에 있던 여러파일들을 모두 업로드한뒤 등록해서 현재의 스킨을 쓰고 있는것을 모두들 기억하실겁니다. 그런데 그때 파일 중에 index.xml 파일 외에 skin.html 과 style.css 가 있었습니다. 중요한 사실은 우리가 티스토리 관리자창에서 보는 html은 바로 skin.html파일을 보는 것이고, css는 style.css파일을 보는 것입니다. 이러한 파일들은 스킨을 변경하지..

Tistory

FastBoot스킨 사이드바에 구글번역 넣기

예전 포스팅에서 FastBoot스킨 사이드바에 구글 검색창을 넣어본적이 있습니다. 구글검색창 넣기 http://itfix.tistory.com/21 이번시간에는 구글검색창과 나란히 위치할 구글 번역창을 사이드바에 넣어보도록 하겠습니다. 아래의 구글번역기 설치 사이트로 이동합니다. https://translate.google.com/manager/website/ 100개 이상의 언어로 웹사이트 바로 번역할수 있는 Google의 강력한 자동 번역 기능을 웹사이트에 추가하세요. 무료 웹사이트 번역기 플러그인을 사용하면 쉽고 빠르게 전 세계 사용자와 만날 수 있습니다. 라고 자랑질하고 있는 구글 사이트를 만나실 수 있는데 좌측하단의 웹사이트에 지금추가 버튼을 눌러 주세요. 그럼 위와 같은 화면의 페이지가 나오는..

Tistory

FastBoot스킨 카테고리 클릭시 해당 하위 페이지목록 나오게 변경하기

티스토리 블로그를 시작한지 얼마 되지 않으신 분들이 겪는 문제중의 하나가 카테고리 한개에 여러개의 페이지들이 축적되었는데 막상 사이드 바에서 클릭하면 그냥 해당카테고리의 글들이 쭉 붙어 나온다는거죠. 일일이 스크롤해서 페이지를 다 봐야 내가 원하는페이지가 어디 있는지 보이는데다 페이지들 로딩과정에서 버벅임이 발생하고 화면출력도 미세하게 느려지는 느낌이 듭니다. 그이유는 FastBoot스킨 티에디션의 경우 기본설정이 글목록형태가 내용만 보게 되어 있어서 블로그 사용자가 설정을 직접 바꾸기 전까진 이런형태가 계속되는 것입니다. 이제 이 문제를 해결해 보도록 하겠습니다. 스킨편집을 누르면 나오는 우측 HTML편집창의 하단에 보면 기본설정이 있는데 여기서 바꾸어 주어야 합니다. 시스템 리소스를 잡아먹는거나 구독..

Tistory

FastBoot 스킨 최상단 블로그이름 색깔 바꾸기

제 블로그 상단을 대충 손보았는데 아무래도 블로그 제목부분이 뭔가 허전하고 부조화스럽습니다. 이번 포스팅에서는 검정색인 블로그 이름을 상단바의 색과 동일하게 맞춰보도록 하겠습니다. 먼저 티스토리 관리자 화면의 스킨편집을 누른뒤 HTML편집창이 열리게 한뒤 CSS 탭으로 갑니다. 이과정은 우리가 FastBoot 스킨 상단부분을 수정하면서 항상 해왔던 과정이라 어렵지 않을 것입니다. 예상하시는 대로 다음 과정은 열린 CSS창에서 Ctrl + F를 눌러 검색창을 엽니다. 검색창에 #desktopNav 라고 칩니다. 블로그 제목색상을 바꾸기전에 주위의 글씨색들도 어차피 바꾸어야 하니 우측의 아이콘있는 메뉴들 먼저 바꾸어 보겠습니다. 첫번째 네모는블로그 제목이 들어가는 부분의 바탕색 설정이고, 두번째 네모는 블로..

Tistory

FastBoot 티스토리 스킨 하단 카테고리 리스트 좌측에 광고넣기

아래 그림과 같은 위치에 광고를 넣어보도록 하겠습니다. 사실 저 위치는 거의 반정도는 항상 공백상태로 있는 공간낭비가 심한곳같아 보여서 넣어도 상관 없을것 같습니다. 아래에 텍스트 파일을 첨부하니 구글 애드센스에서 반응형광고 한개를 새로 발급받아 아이디와 광고번호를 여기에 넣습니다. 많이 해보셔서 모두 아시리라 생각하고 반응형광고 만드는 법은 생략합니다. 내광고의 광고단위로 가신다음 새광고 선택후 세가지중 첫번째 클릭후 생성버튼을 누르면 아래와 같은 새 반응형 광고코드가 나옵니다. 여기서 본인 아이디와 광고 고유번호를 복사해서 좀전에 다운로드 한 텍스트의 해당위치에 붙입니다. 애드센스 아이디와 광고 고유번호 두개 모두 붙여넣기가 잘 되었으면 저장합니다. 이제 티스토리에 메모장 전체를 복사해서 붙여넣기 하..

Tistory

FastBoot 스킨 본문 전체 글꼴크기 바꾸기

FastBoot 반응형 스킨의 기본 본문 폰트는 12px로 요즘 블로그들의 추세에 비하면 다소 작고 답답한 감이 없지 않아 있습니다. 물론 모바일에서는 좋아보이는 편입니다. 단지 pc버전의 경우 너무 작아보여서 가독성이 떨어진다는 지적이 있습니다. 오늘은 FastBoot 스킨의 폰트크기를 일괄 적용하여 크게 키워보는 작업을 하겠습니다. 티스토리 블로그 관리창의 HTML 편집 페이지로 가십시요. 그다음 CSS탭을 클릭한뒤 Ctrl + F 를 눌러 검색창을 띠우고 post-body-font-size 라고 입력합니다. 주의해야 할 점은 HTML탭이 아니라 CSS탭이라는 점입니다. 메모장에 붙여넣기 해놓고 드래그한뒤 찿기창에 Ctrl + V 하시면 좀 쉽습니다. 그러면 해당 소스코드가 있는 곳이 찿아지는데 기본..

Tistory

FastBoot스킨 본문제목 글꼴크기 일괄 바꾸기

FastBoot스킨의 본문제목 폰트크기 바꾸기는 바로 전에 포스팅했던 본문내용 글꼴키우기랑 방법이 똑갑습니다. 당연한 이야기겠지만 단지 css태그에서 설정하는 부분이 각각 서로 다른 곳에 있기 때문에 변경하는 위치만 다를 뿐입니다. FastBoot스킨 본문 내용 폰트크기 바꾸기 -> http://itfix.tistory.com/31 자 이제 본문 글꼴크기 수정시에 했던 것처럼 HTML편집창으로 간뒤 CSS탭을 눌러줍니다. 그런다음 Ctrl + F를 이용해 검색창을 열어 h3.title 라고 입력한뒤 엔터키를 누릅니다. 기본이 20px로 설정되어 있는 것이 보이는데 본문 폰트 크기를 키우셨다면 본문제목의 크기도 미관상 어울리게 적당히 키워줘야 하겠습니다. 적당한 숫자를 더해가며 실제 보여지는 페이지를 새로..

Tistory

FastBoot스킨 본문 제목글꼴 색상 바꾸기

이전 포스팅에서 본문내용의 글꼴크기를 키우고, 본문 포스팅 제목 글꼴의 크기도 키워봤습니다. 두가지 모두 함께 작업하셨다면 아마도 본문 포스팅 제목바의 컬러나 제목글꼴 색상 등을 어떻게 바꿀지 대충 감이 오실것입니댜. FastBoot스킨 본문 글꼴 키우기 https://itfix.tistory.com/31 FastBoot스킨 본문 제목 키우기 https://itfix.tistory.com/32 두번의 포스팅에서 모두 우리는 CSS탭으로 찿아가서 h.title을 찿아낸뒤 그부분에서 작업을 했습니다. 이번포스팅의 작업도 마찬가지입니다. 먼저 티스토리 HTML편집페이지로 가서 CSS탭을 누른 다음 Ctrl + F를 하여 h.title를 검색한뒤 그위치로 찿아갑니다. 그러면 title color와 backgro..

Tistory

FastBoot스킨 상단 고정바 색상변경

작업을 하다보니 밑에서 부터 위로 올라가게 되네요. 본문 글씨크기를 키우다보니 본문제목크기도 키우고, 제목색상을 바꾸다 보니 상단바 색상도 바꿔야 할것같아서 여기까지 오게 되네요. 위의 제 블로그 상단부 빨간박스부분이 뭔가 좀 부조화스럽습니다. 색상이라도 바꿔줘야 할것 같습니다. 방법은 역시나 추측하시는 대로 본문수정할때와 같습니다. 티스토리 HTML편집에서 CSS탭으로 가서 Ctrl F 찿기를 눌러줍니다. 검색창에 #SecondNavWrap 라고 치고 엔터를 칩니다. 대략 1000에서 1100대줄 사이쯤에 있습니다. 코드를 보시면 감이 오겠지만 밑줄이 배경색상이고, 나버지 부분들은 상단 고정바의 넓이 등을 설정하는 부분입니다. 상단바의 두께까지 손대보실 분들은 여기서 설정을 바꾸어 주시면 되겠습니다. ..

Tistory

#04 marquee 태그 배우기

오늘은 마키(marquee)태그에 대해서 배워보겠습니다. 마키태그는 다양한 칼러의 바탕색에 역시 다양한 칼러의 글씨가 지나가게 만드는 다이내믹한 태그입니다. 먼저 당양하게 중간에 마키소스만 직접 넣어서 저장은 htm파일로 바꿔서 확인해볼수 있게 텍스트 문서를 첨부하였습니다. 다운로드 받아서 가운데 마키태그만 다양하게 삽입해보고 저장후 htm문서 새로고침을 통해 변화를 확인해 보시기 바랍니다. 마키태그 속성 명령어들 bgcolor=[색상] // 배경색상을 설정 합니다 width=400 height=300 // 가로, 세로 크기를 설정 합니다 direction="left[right|up|down]" // 스크롤 방향을 설정 합니다 behavior=scroll[slide|alternate] // 움직임 속성을..

Tistory

font 태그 명령어 이해하기

font 태그는 이사이의 폰트들이 적용받게 됨 로 나타내며 글꼴의 크기, 색깔, 글자체등을 지정할때 font의 앞태그 에 옵션을 추가하여 사용합니다. 는 폰트의 색상, 는 폰트의 크기를 그리고 는 폰트의 글꼴종류를 지정한 글꼴로 바꾸라는 소스명령어 입니다. 1. font color font color는 직접 white, black, green, yellow, blue 등등의 이름을 쌍따옴표 부분에 입력하여 나타낼수 있습니다. 또한 직접 입력하지 않고 색상팔레트의 색상코드표를 참조하여 그 코드를 직접입력하여 지정할 수도 있습니다. 16진수의 색상팔레트 코드표를 참조하여 입력할 경우 그 형식은 #000000 과 같이 샵뒤에 6자리가 16진수 코드가 들어가게됨으로써 색상을 표현합니다. 아래는 네이버에 있는 색..

Tistory

#05 CSS에 대해 알아보자

CSS (Cascading Style Sheets) 는 마크 업 언어로 작성된 문서의 표현 의미 (설명 및 형식)를 설명하는 데 사용되는 스타일 시트 언어입니다. 가장 일반적인 응용 프로그램은 HTML 및 XHTML로 작성된 웹 페이지를 스타일링하는 것이지만 일반 XML, SVG 및 XUL을 비롯한 모든 종류의 XML 문서에도 적용 할 수 있습니다. CSS는 레이아웃, 색상 및 글꼴과 같은 요소를 비롯하여 문서 프리젠 테이션에서 HTML 또는 유사한 마크 업 언어로 작성된 문서 컨텐트를 분리 할 수 있도록 주로 설계되었습니다. 이러한 분리는 컨텐츠 접근성을 향상시키고, 프리젠 테이션 특성의 사양을보다 융통성있게 제어하고, 여러 페이지가 포맷을 공유 할 수 있도록하며, 테이블없는 웹 디자인을 허용함으로..

Tistory

#06 자바스크립트에 대해 알아보자

자바스크립트(JavaScript)는 객체 기반의 스크립트 프로그래밍 언어입니다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있습니다. 또한 Node.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있습니다. 자바스크립트는 본래 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브스크립트(LiveScript)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었습니다. 자바스크립트가 썬 마이크로시스템즈의 자바와 구문(syntax)이 유사한 점도 있지만, 이는 사실 두 언어 모두 C 언어의 기본 구문에 바탕을 뒀기 때문이고, ..

Tistory

#02 홈페이지 편집프로그램을 써야 하나요?

HTML 파일은 메모장과 같은 텍스트 에디터로 만들 수 있고 나모 웹에디터나 드림위버, RedActor, Ckeditor 등과 같은 위지윅(WYSIWYG) 에디터로도 만들 수 있습니다. 텍스트 에디터는 HTML 태그를 입력하면서 편집을 해야 하는 반면 위지윅 에디터는 웹브라우저상에서 보여지는 형태로 편집이 가능하기에 보다 직관적인 작업이 가능합니다. 즉 텍스트 에디터는 메모장을 이용해 직접 소스코드를 수정해가며 결과물을 봐가면서 제작하는것과 같은 방식을 말합니다. 텍스트 에디터로는 에디트 플러스, 아크로 에디터, 크림슨 에디터, 노트패드 ++, 비주얼 스튜디오 코드 등이 있습니다. “위지위그(WYSIWYG: What You See Is What You Get, “보는 대로 얻는다”)는 문서 편집 과정에서..

Tistory

#03 HTML 기본 태그명령어들 배우기

이번 포스팅은 HTML 문서내에서 흔히 또는 필수적으로 쓰이는 기본적인 태그 명령어들을 알아보도록 하겠습니다. 전시간에 인터넷 문서의 기본구조에 대해서 배웠습니다. 요렇게 배웠습니다. 그때 추가적으로 배운것이 줄바꿈 명령어와 와 같이 글자색을 바꾸는 명령어에 대해 알아봤었습니다. 태그는 모두 같은 의미를 가진것으로 가 있는데 어떤것을 쓰더라도 상관 없습니다. 단 그럴 일은 드물지만 아주 오래된 구형 브라우저로 웹서핑을 하실 분들을 위해 구형 브라우저와의 호환성까지 염두에 두셔야 할 분이라면 태그를 쓰시라고 권해드립니다. 참조 페이지 : https://code.i-harness.com/ko/q/1db33a 제 블로그 HTML소스를 들여다 보면 시작부분이 다음과 같습니다. 자 이제 기본적인 다른 태그 명령어..

Tistory

문갑,서랍장,책상서랍 하단부 늘어짐 수리

보통 집에는 서랍이 부착되어 있는 물건들이 서너개 이상씩은 어느집이나 다 있게 마련입니다. 그런데 서랍이 달려있는 가구들의 가장 취약한 부분이 바로 서랍의 하단부, 얇은 베니어 합판입니다. 처음 1-2년은 보통 잘 버텨주다 시간이 흐를수록 무게를 이기지 못하고 조금씩 휘어지다 결국은 너덜너덜해 지지요. 여러분은 이럴때 어떻게 하시나요? 버리자니 아깝고 피스나 나사못 또는 보통 원래 구입할때처럼 타카를 박아보려해도 잘 안되기 십상입니다. 그래서 저도 여러가지 시도를 하다 가장 괜찮고 나름 확실하게 오래가는 방법을 공유해 보고자 합니다. 문제를 일으키는 대부분의 가구들은 아래와 같은 서랍이 달린 물건들이죠. 서랍이 오래 사용하다보면 아래부분이 휘어져 결국 홈에서 빠진 밑부분 합판이 문제를 일으킵니다. 서랍 ..

Tistory

한컴 타자연습 무료 공개버전

한글과 컴퓨터에서 개발한 타자 연습 프로그램으로, 자리연습, 낱말연습, 짧은글 연습, 긴글 연습, 케이크 던지기, 해상구조SOS와 같은 타자 연습 프로그램을 할 수 있습니다. 한컴 타자연습은 한컴오피스 제품군에 기본 포함되어 나오고 있으며, 프로그램을 내려받아 한글 또는 영문 자판 타자연습을 하거나 다른 사용자와 온라인(해상구조SOS)게임을 할 수 있습니다. 한컴타자연습은 무료로 사용 할 수 있습니다. 일단 회원가입하지 않았어도 프로그램을 다운로드 받아 설치합니다. http://www.hancom.com/hanfriends/friendsTyping.do 처음 프로그램을 실행시키면 아래와 같은 화면이 뜨는데 여기서 좌측버튼 혼자하기를 누르면 온라인으로는 하지 못하지만 혼자하기 연습으로는 타자연습이 충분히 ..

Tistory

티스토리 사이드바에 구글검색창 넣기

티스토리 블로그 플러그인중에 바로 넣을 수 있는 검색엔진 플러그인은 다음검색창 한개 밖에 없습니다. 크기도 좀 작은 편이라 미관상 넣기에 좀 불편하기도 하고 다음이나 네이버보단 구글을 넣고 싶기도 한분들이 많으시리라 생각합니다. 이번 포스팅에서는 사이드바에 구글 검색창을 넣어 보겠습니다. 구글검색창이 사이드바에 달린뒤 그 검색창을 이용한 검색에서 광고클릭이 발생하는 경우 검색창이 달려있던 블로거에게 수익의 일정비율이 배당된다고 합니다. 또한 검색을 위해 새로운 탭이나 창을 열어서 블로그를 이탈하게 되는 경우도 막아주어서 일석이조의 효과가 있으니 필히 달아야 겠습니다. 먼저 구글 맞춤 검색엔진 페이지로 들어갑니다. https://cse.google.co.kr/cse/ 맞춤검색엔진 만들기 버튼을 클릭합니다...

Tistory

# 01 HTML파일 만들기에 대한 기본구조 이해

HTML이 무엇인가를 설명하는 것보다는 HTML 파일을 직접 만들어 보는 것이 개념을 이해하는데 훨씬 도움이 됩니다. 그래서 우선 HTML 파일은 무엇으로 만드는지 부터 설명하면서 홈페이지 기초 강좌를 설명하겠습니다. HTML 파일은 메모장으로 간단하게 만들 수 있습니다. 메모장을 이용하여 HTML(Hypertext Markup Language) 형식에 맞도록 태그를 작성하여 *.html(혹은 *.htm)이라는 확장자로 저장하면 됩니다. 기본적으로 대부분의 홈페이지 HTML 소스코드는 전통적인 방법은 메모장으로 작성하는것입니다. 수많은 웹페이지 작성의 가장 기본은 메모장을 이용한 소스코드편집, 그리고 이를 통한 실제 눈에 보여지는 웹페이지의 제어 입니다. 이제 메모장을 열어 실습을 해보겠습니다. 메모장을..

Tistory

브라우저 단축키 차이점 "Ctrl + F5" 와 "F5"

인터넷 서핑을 하다가, 해당 페이지를 새로고침 할때 쓰는 키는 당연히! "F5"입니다. 그런데, "F5"말고도 한가지 키가 더 있습니다. 뭐냐하면, "Ctrl + F5"이다. 그럼 이 두가지는 어떤 차이점이 있을까? 차이점은 다음과 같습니다. "F5" 키. 화면의 컨텐츠를 새로고침 (Refresh)합니다. 즉, 해당 사이트의 내용만을 새로운 것이 있는지 다시 보여주는 것입니다. "Ctrl + F5" 키. 해당 사이트와 관련한 Cache 메모리 등을 모두 강제로 새로고침 합니다. 즉, 일반적 "F5"는 새로고침을 통하여 변하지 않는 것도 있을 수 있지만, "Ctrl + F5"는 사이트를 마치 처음 접속한 것처럼 새롭게 가져오기 때문에, Favicon 및 내용자체가 무조건 처음 접속처럼 보이게 됩니다. 어떤..

Tistory

티스토리 개별 포스팅 썸네일 바꾸기

블로그의 메인페이지에는 포스팅된 본인의 개별페이지들이 간단한 설명과 함께 또는 설명없이 포스팅페이지의 대표이미지를 띠우게 되는 데요, 페이지에 삽입된 그림들중 제일 첫번째로 삽입된 이미지파일을 대표이미지로 송출합니다. 그런데 문제는 포스팅중 첫번째로 썻던 이미지가 아주 뭐 좀 구린 미적관점에서 봤을때 클릭하기도 싫은 그런 이미지였다면, 그게 해당포스팅의 얼굴역할을 하는 대표이미지로 송출되고, 그러면 참 난감하죠. 그래서 준비했습니다. 해당포스팅의 대표이미지 바꾸기. 저의 티스토리 블로그의 구린 이미지를 대표이미지로 쓰고 있는 한 포스팅을 실습도구로 써보겠습니다. 아래 그림은 제블로그의 메인화면인데요 대표이미지가 참으로 구립니다. 우웩!! 자신의 티스토리블로그 관리페이지로 가서 대표이미지를 바꾸고 싶은 포..

Tistory

티스토리 메인화면에 구글 애드센스 광고넣기

티스토리 블로그의 메인화면에 광고를 넣는 방법을 알아보겠습니다. 메인화면에 애드센스 광고를 넣기 위해서는 먼저 구글 애드센스에 자신이 설정해둔 광고단위중 메인화면에 넣고자 하는 광고단위를 복사해서 가져와야 합니다. 그런데 이경우 상단에 이미 광고가 들어가있고 같은코드를 쓰고자 한다면 구지 애드센스창을 열지 않고 T에디션 편집창에서 티에디션편집으로 들어간뒤 송출되고 있는 광고창을 선택해 디자인탭에 있는 HTML소스를 복사해다 써도 됩니다. 메인페이지에 넣고자하는 광고단위의 소스코드를 가져오기를 눌러 복사합니다. 이제 티스토리로 와서 스킨편집>티에디션편집을 누릅니다. 메인 편집창으로 들어온뒤 똑같은 형태로 만들 기존에 송출되고 있는 광고를 하나 더 생성해서 위치를 잡아줘야 합니다. 이경우 새로 만들 위치 부..

Tistory

네이버에 티스토리 블로그 검색등록 하기

네이버에 티스토리 블로그를 검색등록하기 위해서 네이버 웹마스터도구 페이지로 가야합니다. 그런데 네이버 웹마도구 페이지에는 사이트 간단체크 기능이나 검색요청 등의 서비스도 하고 있으니 즐겨찿기 해두고 가끔 와서 블로그에 에러는 없는 지 한번씩 체크해봅시다. 사이트 간단체크에 자신의 티스토리 블로그 주소를 넣고 확인을 누르면 다음과 같은 목록이 뜹니다. 이제 본론으로 들어가서 아까 최초 네이버 웹마스터도구 페이지에 들어가간뒤 연동할 사이트주소에 자신의 블로그 주소를 넣고 연동할 사이트 추가 버튼을 눌러줍니다. 아래 그림처럼 가운데의 HTML 태그를 선택한뒤 소스태그를 복사하는데 meta ~ 부터 / 까지 괄호는 빼고 복사해줍니다. 여기까지 하신다음 다시 티스토리로 넘어가야 합니다. 네이버 소유확인페이지는 닫..

Tistory

VidCutter 렌더링없이 동영상을 잘라내고 붙이기

동영상 편집프로그램 비드커터입니다. 버전은 5.5.0(64비트)입니다. 동영상의 필요한 부분만 잘라낸뒤 합쳐서 한개의 동영상파일로 생성시켜주면서도 랜더링 과정을 거치지 않는 단일기능 특화 프로그램입니다. 이른바 덩치큰 동영상파일에서 엑기스만 뽑아서 한개의 파일로 만들어주면서도 랜더링 없이 바로 단일파일을 만들어주는 프로그램입니다. 앞전에 살펴본 Video Logo Remover도 동영상편집에 있어서 단일기능에 특화되어 있는 프로그램이었는데요 이프로그램 또한 단일기능에 특화 되어 있습니다. 아래의 그림은 버전 설명 입니다. 사용방법은 아주 간단합니다. 프로그램을 띄운뒤 동영상을 드래그해서 프로그램위에 던지면 됩니다. 3분6초짜리 동영상을 파일 한개를 설명을 하기위해 프로그램상에 드래그 앤 드랍했습니다. 그..

Tistory

주요 도스 명령어 윈도우10 에서 알아보기

현재도 그렇고 미래에도 전문기술자가 아닌 일반유저들이 과연 도스명령어들을 쓸일이 생길지 의문스러우나, 도스명령어들은 왠지 모를 아쉬움과 친근함 같은 이상한 느낌이 있다. 각설하고 윈도우즈10에서 아주 오래전에 쓰였던 MS-DOS명령어들중 많이 쓰였던것들 위주로 몇개만 공부해 보자. 도스 명령어들은 밑줄긋고 암기하는식보다 실제로 검정도스화면에서 실습을 해보는것이 가장 이해와 기억하기 좋았던것 같다. 윈도우즈 실행창을 열고 CMD를 입력한후 엔터를 쳐보자. 그럼 도스명령어를 입력할 수 있는 컨맨드 프롬프트창이 뜨는데 키보드로 help라고 치면 사용가능한 도스명령어들이 쭉 표시됩니다. 이 콘솔창의 내용들을 일단 텍스트문서로 보관해놓고 싶은 분들은 콘솔창 상단 막대바에서 마우스 오른쪽클릭한후 편집으로 간뒤 전체..

Tistory

김빠진 처치곤란 콜라 활용팁

김빠진 콜라 먹기도 그렇고 버리자니 아깝기도 한 이것을 활용해서 할수 있는 무궁무진한 것들에 빠져볼까요? 1866년에 처음 생산된 이후로 200여개 국가 이상에서 팔리고 있는 콜라에는 인산성분이 들어있어 찌든때나 얼룩에 세정작용을 합니다. 우선 집에 왠만하면 하나씩들 있을 화분에 물주는 소형 분무기를 준비합니다. 만약 없으시다면 분무식으로 된 페브리즈라던가 그런것들 다사용한 분무기를 사용하셔도 상관 없습니다. 자 이제 모든 준비가 끝났습니다. 1. 타일청소 욕실같은 곳의 타일, 실리콘 곰팡이등 더러워진채로 방치되어 있는 모든 벽면 간단하죠. 분무기로 골고루 뿌려주고 샤워기로 물을 뿌려주시면서 수세미같은걸로 닦아 주시면 됩니다. 변기내외부의 찌든때도 가능한데 화장실의 어느 부위던 바로해봤을때 잘 지워지지 ..

Tistory

동영상 로고 제거기 Easy Video Logo Remover

제작사 다운로드 : http://www.dandans.com/download.htm 오늘은 동영상 편집프로그램 하나를 소개하겠습니다. 이지 비디오 로고 리무버라는 외국 프로그램입니다. 하나의 동영상파일중 동시에 고정영역 두군데까지 한번에 로고를 지워줍니다. 물론 소니 베가스라던가 파워디렉터라든가 하는 메이저급 동영상프로그램에서는 당연히 이런 기능들이 있겠지만 하나에 특화된 가벼운 이런 프로그램을 쓰는것도 상당히 편합니다. 오히려 세세한 설정을 해주고 무거운 프로그램을 돌리는 것을 생각하면 장점이 상당히 많은 프로그램입니다. 인터페이스는 아주 간단합니다. Set Logo Area 1에서는 지워줄 첫번째 영역을 지정하고 확인버튼을 누르면 YES로 바뀝니다. 더 지울곳이 없으면 바로 우측의 Remove Log..

Tistory

구글에 티스토리 블로그 검색등록 하기

티스토리 블로그 애드센스 승인이 떨어지면 가장 먼저 하게 되는 일이 구글,네이버,빙 등에 검색등록을 요청하는 일이다. 다음은 등록하지 않아도 티스토리의 경우 자동으로 등록된다고 합니다. 제일 먼저 구글등록에 대해 알아보아요. 구글등록을 하기 위해서는 구글 웹마스터도구 홈페이지로 가야합니다. https://www.google.com/webmasters/#?modal_active=none 우측하단의 search console 이라고 써있는 버튼을 누르면 구글로그인이 안되어 있을경우 구글로 로그인하라는 창이 뜹니다. 로그인한뒤 서치콘솔 페이지(https://www.google.com/webmasters/tools/home?hl=ko)로 로그인 우측상단의 속성추가 버튼을 누르면 자신의 홈페이지 주소를 입력하는 ..

Tistory

ZUM 검색엔진에 티스토리 블로그 등록하기

티스토리 블로그를 zum검색엔진에 등록하는 방법에 대해서 알아보기로 하겠습니다. zum검색엔진은 알씨,알집,알약 등을 개발한 이스트소프트사와 제휴된 네이버나 다음과 같은 형식의 포털형 검색엔진입니다. 많은 분들이 구글,다음,네이버 까지 또는 더한다면 bing 정도 까지만 등록하는 것으로 알고 있는데 조금은 생소할 수 있는 zum검색엔진에 등록해 보기로 하겠습니다. 먼저 zum의 고객센터 페이지의 사이트 검색등록 페이지로 가야 합니다. 링크 주소는 아래와 같습니다. http://help.zum.com/submit/register 이 주소에서 아래 그림이하의 설명대로 따라하면서 등록하시면 됩니다. 만약 위의 링크주소가 에러가 발생한다면 진행할 수 있는 최초의 페이지 주소를 아래에 링크합니다. 줌홈페이지로 갈..

Tistory

페이지갯수 무제한인 곳에서 사이트맵 만들기

웹 서버에 사이트맵(site map) 이 있는 형식화된 XML 파일을 배치하면 Google과 같은 검색 엔진 크롤러가 현재 어떤 페이지와 최근에 변경된 페이지인지 파악하고 이에 따라 사이트를 크롤링할 수 있습니다. 사이트 맵은 웹 사이트를 구성하여 각 섹션에서 URL과 데이터를 식별하는 방법입니다. 이전에는 사이트 맵이 주로 웹 사이트 사용자를 대상으로했습니다. 그러나 Google의 XML 형식은 검색 엔진 용으로 설계되어 더 빠르고 효율적으로 데이터를 찾을 수 있습니다. 티스토리 블로그를 운영하기 시작하면서 어쩌면 가장 먼저 해야할일이 사이트맵을 생성시켜야 하는 일일 듯합니다. 물론 최초에는 업로드된 포스팅의 개수가 적은 편이어서 사실 사이트 맵을 최초에 올린 뒤에는 빠른 시일 내에 다시 한번 업데이트..

Tistory

JPG를 PDF로 변경해 주는 가벼운 프로그램

jpg그림파일 포맷을 pdf아크로뱃문서로 만드는 가벼운 툴과 사용법등을 알아보아요. 일단 프로그램을 다운로드 받아서 설치합니다. 'free jpg to pdf'라는 프로그램입니다. 링크주소소는 아래와 같습니다. http://software.naver.com/software/summary.nhn?softwareId=MFS_104545 위의 링크는 네이버 파일자료실이니 바이러스등의 걱정은 안하셔도 됩니다. 언어는 러시아어와 영어 두개밖에 지원을 하지 않기 때문에 영어로 선택해서 설치하시면 됩니다. 설치가 끝나고 프로그램을 로드해보시면 단순한 인터페이스 입니다. add file에서 pdf문서로 바꿀 그림 파일을 선택합니다. output folder에서 출력물이 나올 폴더를 지정해줍니다. open folder ..

Tistory

PDF파일에 암호설정 및 암호해제 하기

pdf파일을 봐야하는데 암호가 걸려있고 암호를 알수 없어서 열지 못하는 경우가 있습니다. 이스트 소프트의 알pdf는 pdf의 편집 및 암호설정을 가능하게 해주는 무료 국산 프로그램입니다. https://www.altools.co.kr/download/alpdf.aspx/aldrive.aspx 1. PDF파일에 암호 설정하기 알PDF를 설치한뒤 실행시키고 아무 PDF파일이나 로딩하는데 만약 PDF파일이 PC에 존재하지 않는다면 아무 그림파일이나 불러 들인뒤 PDF파일로 변환 시키면 됩니다. 이제 PDF파일을 알PDF로 열었다고 가정하고 암호를 설정하는것을 설명합니다. 알PDF 상단 메뉴바에서 보안탭을 클릭한다음 암호설정 이라고 써진 아이콘을 클릭해서 암호를 설정하면 모든 작업이 끝납니다. 자 이제 암호설정..

Tistory

윈도우10 로그인비밀번호 팝업창 삭제-윈도우 자동로그인 만들기

관련링크 - 윈도우 로그인 비밀번호창 제거후 로그인시 팝업 핀번호창 제거하기 - http://itfix.tistory.com/1 지난 시간에 윈도우10 설치후 개인 가정사용자들에게 처음으로 불편함을 선물해주는 윈도우즈10 핀번호 제거하기에 대해 포스팅했었습니다. 그런데 그때에도 언급했지만 윈도우즈 계정 비밀번호는 필요하기 때문에 필수적으로 윈도우즈계정 암호는 생성시켜두어야 하는 상황입니다. 핀번호 삭제하기를 무사하게 끝마쳤으나 또다른 걸림돌 윈도우즈 암호를 물어보는 팝업창이 로그인시에 뜰 수 있습니다. 아무런 방해받지 않고 가정용 윈도우즈가 부팅후 곧바로 바탕화면까지 진입하기 위해서는 윈도우즈계정 암호 팝업창과 핀번호 팝업창 이 두가지를 뜨지않게 해결해야 합니다. 핀번호 팝업창의 삭제에 대해서는 앞에서 ..

Tistory

우클릭금지, 펌금지 해제방법

우리는 인터넷 서핑 도중에 너무나도 소장하고 싶은 사진, 그림을 만나거나 또는 프로그램 코딩 작업 또는 소스코드 편집 작업 중 너무나 필요한 소스코드 문장을 찾아낼 경우가 있습니다. 이제 사진을 다운로드해서 소장하거나, 소스코드를 복사해서 작업 중인 코딩을 완성해야 하는데 막상 우클릭을 해보면 페이지에 락이 걸려 도무지 반응을 안 하는 경우가 있습니다. 참으로 실망이 크죠. 대안으로 화면 캡처로 다소 화질이 떨어지는 형태로 보관하던가 메모장을 꺼내놓고 복잡한 소스코드를 일일이 타이핑을 해야 합니다. 참으로 괴로운 순간입니다. 그럼 본론으로 가서 몇가지의 대안을 살펴보겠습니다. 1.spell 우클릭금지 해제의 목적으로 사용된 방법 중 가장 역사가 오래된 프로그램이며 유명한 프로그램입니다. 이 프로그램은 그..

Tistory

MS BING에 티스토리 검색등록하기

제일 먼저 할일은 마이크로소프트사 빙 검색등록페이지로 가서 자신의 티스토리 블로그 주소를 입력 시키는 일입니다. www.bing.com/toolbox/webmaster/ 위의 링크로 이동한다음 홈페이지 URL입력 이라고 써진 칸에 자신의 티스토리 블로그 주소를 입력합니다. 그다음 바로 아래 위치하는 그림에 표시된 문자를 텍스트 상자에 입력하라는 표시창의 그림속의 문자를 입력해주고 난뒤 하단에 위치한 제출 버튼을 누릅니다. 그렇게 하면 윈도우즈 계정으로 연결할지 구글 계정으로 연결할지 묻는데 가능한한 윈도우즈 계정으로 연결하길 권합니다. 다음 단계로 넘어가면 요청이 제출되었습니다 라는 확인창이 뜨는데 지금등록 이라는 버튼을 눌러 줍니다. 이제 사이트맵을 추가해야 하는데 기존의 만들어 두신 사이트맵이 있다면..

Tistory

윈도우즈10 핀번호 삭제하기

윈도우10 로그인비밀번호 팝업창 삭제하기 윈도우 10버전을 설치하고 처음 로그인할 경우 귀찮은 화면이 뜨게 됩니다. 핀번호 입력창이 그 대표적인 예입니다. 기존 하위버전 윈도우 설치시 이용되던 윈도우 계정 로그인 비밀번호 입력 또는 삭제는 이미 많이 알려져 있는 경우라 여기서는 다루지 않겠습니다. 물론 보안강화라는 측면에서 보면 기존 윈도우계정 비밀번호 외에 핀번호라든지 얼굴인식이라든지 또다른 보안강화 요소를 추가한것은 보안성강화에 유리해 진것은 틀림없는 사실입니다. 그러나 개인들이 가정에서 일반적으로 쓰는경우에는 대부분의 유저들은 로그인과정없이 부팅후 바로 바탕화면으로 진입하길 원하게 됩니다. 그래서 그러한 윈도우즈10 사용자들을 위해서 귀찮은 로그인 인증 핀번호를 제거하는 방법을 아래에서 설명합니다...

Tistory

유튜브 동영상에 적용된 태그 보기

태그(Tag)란 자신이 다루고있는 컨텐츠물을 다른 사용자들의 검색에 쉽게 노출되도록하기 위해 작성하는 연관 검색어를 말합니다. 작성자 본인의 태그는 당연히 모두 볼수 있고 편집할수 있겠으나, 다른 사람의 것은 일반적으로 노출되지 않는 경우도 많고 편집은 불가능합니다. 그런데 보통 다른 사람의 어떤 컨텐츠 물이 유난히 많은 조회수를 가지고 있다면 어떤 태그들을 적용시켜놨을까 궁금해 지기도 합니다. 다행이 태그가 공개설정되어 있는 경우에는 그냥 보면 되지만 감춰져 있는 경우도 상당히 많습니다. 대표적인 것이 유튜브 동영상입니다. 유튜브 동영상의 경우에는 해당 동영상의 크리에이터만 태그를 작성 및 편집할 수 있으며 일반 시청자들이 태그를 알 수 없게 기본설정되어 있습니다. 특히나 유튜브의 경우에는 조회수 경쟁..

Tistory

화장실변기가 볼펜이나 칫솔로 막혔을때

누구나 나에게는 절대로 일어나지 않을꺼라고 확신하지만 언제가는 일어나게 되는 일이 있습니다. 바로 변기 막힘입니다. 분해가 가능한 이물질로 막힌 경우는 뚤어뻥같은 약품을 사용하던가 끓는 물을 붓는 등의 다양한 민간요법이 존재합니다. 그러나 분해되지 않는 기다란 물체가 아차하는 실수로 물에 쓸려 내려가 버리는 경우가 언젠가는 생기게 마련입니다. 변기는 역류하는 악취나 벌레등을 방지하기 위해 s자 트랩에 항상 물이 차있는 상태로 되어 있으며 쓸려내려가게 되면 대부분은 시야에서 사라진뒤 멀지않은 트랩의 굴곡진부분에 걸쳐있게 됩니다. 그래서 막히게 되는 부분은 눈에 보이지 않는 부분으로부터 5-15센티정도 들어간 굴곡진 부위가 대부분이게 됩니다. 볼펜이나 칫솔이 떨어져 물에 쓸려내려가 막혀버렸을때 분해되는 물질..