본문 바로가기

열린노트/IT·SW·디자인55

한글에서 문서 내 모든 표 속성(여백 등) 일괄 변경하기 : 매크로 사용 한글에서는 여러 표를 동시에 선택할 수 없지만, 대신 매크로를 활용하면 간단한 속성은 쉽게 바꿀 수 있다. 크게 말하자면 1. 매크로 기록을 시작하고, 2. 매크로를 정의하고, 3. 매크로를 실행하면 된다. 매크로 정의 방법이 좀 까다롭게 느껴질 수 있지만 한 번 해 보면 별 거 아니고, 한 번 성공하고 나면 온갖 유형의 노가다 편집작업을 쉽게 해결할 수 있다. 1. 매크로 기록 시작하기 ▼ 먼저 원하는 문서를 열고(나는 정부24 홈페이지에서 아무거나 다운로드 받아 옴) ▼ 메뉴에서 '도구(K) > 매크로(R) > 스크립트 매크로 정의(E)' 선택. (단축키 : Alt+Shift+H) ▼ 이런 창이 뜨면 대충 아무 이름이나 설정하고 '정의(D)' 클릭. ▼ 그러면 창이 닫히고 똑같은 상태로 보이지만, 지.. 열린노트/IT·SW·디자인
한글(한컴) 찾기, 찾아바꾸기 서식찾기, 조건식, 선택사항, 서식 찾기 하위 메뉴 특수 문자 - 탭, 문단 끝, 강제 줄 나눔, 고정 폭 빈칸, 묶음 빈칸 본문 중에서 '탭(^t), 문단 끝(^n), 강제 줄 나눔(^l), 고정 폭 빈칸(^s), 묶음 빈칸(^r)' 등의 특수 기호만을 찾거나 특수 기호와 문자열을 함께 결합하여 찾기를 수행합니다. 예) [찾을 내용]에 '있어'를 입력하고 '문단 끝(^n)'을 지정하면 문단 중간에 있는 '있어'는 찾지 않고 문단 끝에 있는 '있어'만 찾아 줍니다. 찾을 글자 모양 본문에 있는 특정한 글자 모양을 찾을 수 있습니다. 예) 본문에 있는 '한글과컴퓨터'라는 낱말 중에서 '고딕+진하게'로 되어 있는 것만을 찾아 '외곽선+기울임'의 '한컴'으로 바꿀 수 있습니다. 찾을 문단 모양 본문에 있는 특정한 문단 모양을 찾을 수 있습.. 열린노트/IT·SW·디자인
티스토리 블로그에 드롭다운 메뉴 만드는 방법 깃허브(GitHub)에 올라온 James Johnson의 짧은 코드를 사용해 간단하게 티스토리 블로그에 드롭다운 메뉴를 넣을 수 있다. 1. HTML 코드 수정 티스토리 블로그 관리에서 스킨 편집 > html 편집 > html로 들어가서 블로그메뉴() 부분 코드를 다음 코드로 변경한다. 블로그메뉴가 없는 스킨이라면 적당한 자리( 앞에 추가하면 된다. 끝. 수동 방식으로 드롭다운 메뉴가 완성된다. 열린노트/IT·SW·디자인
티스토리 블로그 북클럽 스킨 상단메뉴 부분 고정하기(CSS) 티스토리 블로그 북클럽 스킨에서 상단 메뉴(로고, gnb 메뉴 부분) 고정 방법에 대해 포스팅한 많은 글이 있는데, 간단하게 구현하는 방법을 공유한다. CSS에서 #header, #aside, #dimed 세 부분만 수정하면 된다. 1. 헤더 부분 수정 : #header 먼저 스킨 편집의 CSS 탭으로 들어가서 118~120번째 줄에 가 보면 #header 부분이 원래는 아래와 같이 되어 있는데 #header { border-bottom: 1px solid #eee; } 이걸 아래 코드로 바꾼다. 하단 테두리를 없애고, 스크롤을 내려도 메뉴바가 항상 위에 떠 있을 수 있게 Z축 상의 위치를 최상위로 올리고(1010), 배경을 흰색으로 지정해서 스크롤 시 컨텐츠가 비쳐보이지 않게 하고, 상단메뉴 위치를 고.. 열린노트/IT·SW·디자인
마우스를 올리면 이미지 확대되게 하기(CSS) 본문 이미지나 썸네일 이미지에 마우스를 올렸을 때 이미지가 확대되어 보이게 하는 효과를 간단한 CSS로 구현할 수 있다. 이미지에 생동감을 줄 수 있고 페이지 로딩 속도에 큰 영향도 주지 않아서 가볍게 쓸 수 있다. HTML 코드 이미지에 클래스네임(thumb)을 주고, 이걸 img-wrap이라는 div와 box라는 div로 감싼 형태이다. CSS 코드 이미지를 가로 300px으로 출력하되 이미지에 마우스오버하면 가로세로 각각 1.2배 확대가 0.5초에 걸쳐 일어나고, 마우스를 떼면 0.3초에 걸쳐 다시 원래 크기로 돌아가게 되도록 설정한 것이다. 샘플 예제 코드 다운로드 열린노트/IT·SW·디자인
윈도우10 시스템 종료 시 메모장 등 모든 앱(프로그램) 자동종료시키는 방법 윈도우10 사용 시 PC를 종료하거나 재부팅을 하려고 다시 시작할 때, 대부분의 실행 중인 프로그램이 자동 종료되지만 일부 프로그램은 계속 실행되고 '1개 앱을 닫고 종료합니다'나 '이 앱 때문에 윈도우를 종료할 수 없습니다' 같은 파란 화면이 뜨면서 윈도우가 종료되지 않는다. 내 경우 메모장과 포토샵 같은 프로그램이 항상 그렇다. 데이터 손실을 방지하기 위해 이렇게 설계해 놓은 것인데, 나는 이것 때문에 PC가 지 혼자 몇 시간씩 켜져 있을 때가 너무 많아서 불편하다. 저장할 건 알아서 다 저장했으니 그냥 강제로 다 종료해 줬으면 좋겠는데. 이럴 때는 레지스트리에서 간단하게 키 하나를 추가해서 해결할 수 있다. 1. 윈도우 하단 작업표시줄의 돋보기를 클릭해 '레지스트리'로 검색하면 레지스트리 편집기가 .. 열린노트/IT·SW·디자인
티스토리 북클럽 스킨 슬라이더 자동으로 넘어가게 하기 티스토리 북클럽 스킨에서 메인 프로모션 배너, 커버 슬라이더(갤러리 1, 갤러리 2)는 기본 옵션이 멈춤이고, 좌우 등 버튼을 눌러야만 다음 배너나 썸네일로 넘어간다. 스킨 HTML에서 간단한 스크립트 코드를 추가하면 이 슬라이더들이 일정 시간마다 자동으로 넘어가게 할 수 있다. 지정한 시간마다 '다음' 버튼을 누른 것처럼 구현하는 방법이다. 마지막 배너나 썸네일까지 가면 자동으로 멈춘다. 아래 코드 중 원하는 것을 스킨 HTML 코드의 앞에 삽입하면 된다. 숫자는 넘어가는 시간 간격이다. 예컨대 '2500'이면 2.5초마다, '5000'이면 5초마다, '3000'이면 3초마다 넘어간다. 메인 프로모션 배너 슬라이더 자동으로 넘기는 코드 커버 - 갤러리1 슬라이더 자동으로 넘기는 코드 ​ 커버 - 갤러리.. 열린노트/IT·SW·디자인
티스토리 코드문법강조(코드입력기) 플러그인 글씨크기 조절하는 법 티스토리 블로그는 Syntax Highlight를 지원하기 때문에, 플러그인 중 '코드 문법 강조'를 사용하도록 설정하면 아래와 같이, 본문 입력 시 '코드블럭'을 선택해 html, css, java 등 다양한 코드를 쉽게 입력할 수 있다. 예전엔 prism 같은 별도의 코드입력기를 따로 썼어야 했는데, 오 뭔가 좋아졌다. 그런데 글씨가 너무 작고, 여백도 마음에 안 든다ㅠㅠ... 이럴 땐 간단하게 '스킨 편집'의 'CSS'에 코드를 추가해서 글씨 크기나 테두리, 여백 등을 조절할 수 있다. 아래와 같이 .hljs 클래스를 만들어 옵션을 설정하면 된다. .hljs { font-size:1.15em !important; line-height:1.4em !important; padding:10px 12px .. 열린노트/IT·SW·디자인
구글 애드센스 앵커광고를 화면 하단에만 뜨게 설정하는 법 애드센스 앵커광고는 스크롤을 내리거나 올려도 화면에 고정되도록 하는 광고이다. 그런데 솜글 블로그는 모바일에서 앵커광고가 상단에 떠 버리면, 메뉴박스의 '닫기' 버튼이 가려져 버리는 대참사가 일어난다. 이럴 땐 간단하게 코드만 수정하면 앵커광고가 화면 상단에 안 뜨게, 그러니까 화면 하단에만 나타나도록 할 수 있다. (다만, 구글 측에서는 앵커광고는 화면 상단에 게재될 때 광고 효과가 더 좋다고 설명하고 있으니 참고) 앵커광고가 화면 하단에만 나오게 설정하는 방법 방법은 간단하다. HTML 페이지에서 광고 스크립트 코드를 아래 코드와 같이 바꾸면 된다. '코드번호(숫자)' 부분은 각자 자기 코드번호로 변경해야 한다. 원래의 코드에서 ', overlays: {bottom: true}'라는 코드를 추가해 광.. 열린노트/IT·SW·디자인
티스토리 썸네일 비율 예시 모음 티스토리 블로그에서 이미지, 사진 썸네일이 찌그러지거나 이상하게 잘린다면 썸네일 비율을 안 지켰기 때문일 가능성이 높다. 티스토리는 목록, 첫화면 등의 썸네일 비율을 일정 값으로 정해 놓고 있어서, 이걸 지켜줘야 썸네일이 깔끔하게 출력된다. 이미지의 중심을 기준으로 가로×세로를 잘라서 출력하는 게 제일 깔끔하니까 C비율을 공유한다. 스킨 코드에서 해당 부분의 숫자를 비율에 맞게 조정하면 된다. C20 비율 C20x20 1:1 C30 비율 C30x20 3:2 C30x30 1:1 C40 비율 C40x40 1:1 C50 비율 C50x50 1:1 C60 비율 C60x50 6:5 C70 비율 C70x50 7:5 C70x70 1:1 C70x80 7:8 C70x100 7:10 C80 비율 C80x50 8:5 C80x.. 열린노트/IT·SW·디자인
삼성 갤럭시 S7 부팅화면 멈춤 현상 해결 방법 강인이의 라리가 데뷔골을 빔프로젝터로 보고 있는데 휴대폰에 과부하가 걸렸는지 갑자기 자기 혼자 재부팅되더니 아래 화면에서 그냥 멈춤.... 아무 버튼도 안 먹음....ㅠㅠ 인터넷에 원인을 찾아 보니 메인보드 결함이다, 데이터가 날아갈 거다 등등 온갖 겁주는 답변들이 즐비하였으나 무한 정보탐색 결과 단순 화면멈춤이란다. 홈버튼+전원버튼+볼륨하단버튼 동시에 7~8초 누르면 강제 재부팅돼서 정상 사용된다. 십 년 감수했네. 끝. 열린노트/IT·SW·디자인
블루투스 키보드가 버벅거리고 입력이 잘 안 될 때 언젠가부터 블루투스 키보드(로지텍 제품)가 영 버벅거리고 말썽이어서 별의 별 방법을 다 찾아봄..... 여기저기서 수집한 해결 방법을 공유한다. 1. 인터넷 공유기를 떨어뜨려 본다. 나는 이게 문제였다. 인터넷 공유기가 키보드와 가까이에 있으면 주파수가 겹쳐서 물린다고 한다. 공유기를 멀리 떨어뜨려 보자. 한 방에 해결했음. 2. 동글(수신기)을 키보드와 가까이에 있는 포트에 꽂는다. 나는 이것도 문제였다. 3. USB 절전 해제 그래도 안 되면 USB 절전을 해제해 보자. 블루투스는 USB 동글로 꽂히는데, 윈도우10 기본 설정은 절전모드에서 USB포트가 절전되도록 되어 있다. 아래 그림처럼 제어판의 '전원 관리 옵션 설정 편집'에 들어가 '고급 전원 관리 옵션 설정 변경'을 클릭하면 이런 전원옵션 창.. 열린노트/IT·SW·디자인
CSS Colors 속성을 색상 이름으로 간편하게 입력하기 여섯 자리의 복잡한 코드값 대신 색상값으로 간단하게 색을 사용할 수 있다. 가령 다음과 같이 배경색읕 'darkorange', 글자색을 'oldlace'로 해서 코드를 입력하면, 테스트입니다. 이렇게 나온다. 테스트입니다. 아래는 웹표준 140개 색상이름이다. 내가 쓰기 편하려고 올려두는 건 함정. 색상명 HEX 코드 색상 AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD Blue #0000FF BlueViolet #8A2BE2 Brown #A52A2A BurlyWood #DEB887 C.. 열린노트/IT·SW·디자인
RAW 파일을 JPG 파일로 일괄 변환하는 간단한 프로그램, Quick Raw 사진을 RAW 파일로 촬영하면 참 좋은 점이 많지만 아무래도 포토샵에서 그냥 열리지도 않고, SNS에 올려지지도 않기 때문에 불편하다. 파일 확장자별로 변환하는 프로그램들이 있지만 대부분 고급(?) 기능이라서 빠르게 많은 사진을 변환해야 할 때는 너무 번거롭다 . 그러다가... 아주 좋은 품질의 변환은 아니지만 아무튼 빠른 속도로 RAW 이미지 파일을 JPG로 일괄 변환하는 프로그램을 공유한다. 국내 누군가가 개발한 듯하다. 시험해 본 결과 1616X1080px 정도 크기이니 가볍게 활용하기에 문제 없고, 정말 엄청 빠른 속도로 변환됐다. 한 번에 변환할 수 있는 장수 제한도 없어서 편하다. 지원하는 파일 확장자는 다음과 같다. 사용 방법은 간단하므로 따로 적지 않는다. RAW 파일 : CRW, CR2,.. 열린노트/IT·SW·디자인
윈도우 시작 시 자동실행되는 '핑거'(Finger Inc) 삭제하기 요새 윈도우 부팅 시마다 자꾸 이상한 실행 경고창이 뜬다. 사용자 계정 컨트롤 이 앱이 디바이스를 변경할 수 있도록 허용하시겠어요? 핑거 확인된 게시자 : Finger.Inc 파일 원본 : 이 컴퓨터의 하드 드라이브 대체 이게 뭔지 인터넷을 뒤져봤는데, 범인을 찾았다. 바로 'FSWSS'라는 프로그램의 업데이트 실행 경고였다. 별다른 기능도 없고 나쁜 프로그램 같으니 삭제해 줘야지. '제어판'에 들어가서 '프로그램 및 기능'을 찾아가서 'FSWSS 1.0.0.1' 프로그램을 삭제하면 된다. 제거를 완료하면 더 이상 'Finger' 업데이트가 자동 실행되지 않는다. 열린노트/IT·SW·디자인
무료 영문서체 프루티거 셰리프(Frutiger Serif) 다운로드 세리프 서체 쓸 때 가라몬드(Garamond)와 함께 가장 즐겨 쓰는 서체이다. 그때그때 찾아다니기 힘들어서 올려 둔다. 열린노트/IT·SW·디자인

티스토리툴바