본문 바로가기

열린노트116

카카오프렌즈 핸드폰 배경화면 2종(라이언, 네오, 프로도, 무지, 어피치, 제이지) 카카오프렌즈 핸드폰 배경화면 2종을 공유한다. 본문에는 작게 올라가니 페이지 맨 아래에서 다운로드하면 원본 크기로 받을 수 있다. 배경화면 원본 크기(고해상도) 내려받기 열린노트/만들기 놀이
크롬에서 자꾸 이상한 페이지로 연결될 때 - 악성코드 해결 방법 지난번에 크롬, 익스플로러 등 웹브라우저 시작페이지가 자꾸 http://tech-connect.biz으로 연결될 때 해결 방법을 소개한 적이 있다. 시작페이지가 자꾸 http://tech-connect.biz으로 연결될 때 해결 방법 그런데 위 해결방법으로 시작페이지를 바로잡아도 자꾸 성인사이트가 떠서 짜증이....나던 찰나 아래 사이트를 찾았다. Virus Zero라는 네이버 카페인데, 누군가 멀웨어 탐지·치료기를 올려 두었다. Malware Zero Kit(mzk) 위 페이지에 접속해 '내려받기' 버튼(파란 버튼)을 누르면 바로 압축파일이 다운로드된다. 압축을 풀고 안에 들어 있는 bat 파일을 실행하면 검은 도스 창이 열리면서 탐지와 치료가 시작된다. 시간은 조금 걸리는 편이고, 개발자는 실행 전에.. 열린노트/IT·SW·디자인
티스토리 초대장 10장 배포합니다. 티스토리 블로그를 시작하고 싶으신 분 중 10분께 초대장을 보내 드립니다. 신청 자격 같은 제한 조건은 없습니다. 다만, 꼭 필요하신 분만 신청해 주셨으면 합니다. 초대장 발송 후 3일 이내에 블로그 미개설 시 초대장을 회수합니다. 신청 방법 초대장을 받으실 이메일(Email) 주소를 댓글에 적어 주세요. 개인 정보 노출 방지를 위해 비밀글로 작성 부탁드리며, 비밀글로 작성하지 않으신 분의 이메일 주소 유출에 대해서는 책임지지 않습니다. 선착순 10분께만 발송해 드릴 수 있으니 댓글 숫자 먼저 확인 후 댓글 달아 주세요. 열린노트/IT·SW·디자인
브라우저 시작페이지가 자꾸 http://tech-connect.biz으로 연결될 때 크롬(chrome) 유저 중 간혹 애드웨어에 감염돼 시작페이지가 자꾸 http://tech-connect.biz으로 연결되는 경우가 있다. 이 경우 보통 익스플로러(explorer)까지 함께 시작페이지가 바뀌어 버린다. 그냥 바뀌는 거면 괜찮은데, 내 경우 다른 애드웨어도 같이 감염된 건지 아니면 같은 애드웨어인지 몰라도 자꾸 음란 사이트로 연결돼서 진짜 짜증이... 하.... 여하튼 이것 때문에 굉장히 골머리를 앓았다. 각종 안티바이러스 프로그램과 멀웨어 제거 프로그램을 다 깔아 실행해 보고 수십 번 재부팅하고... 그런데 의외로 해결법이 간단하다. 크롬 애드웨어 제거하기 Step 1. 먼저 크롬 실행아이콘에 마우스 오른쪽 버튼을 누르고 '속성'으로 들어간다. 크롬을 실행하는 게 아니라, 속성으로 들어.. 열린노트/IT·SW·디자인
[파워포인트 템플릿] 카카오톡(카카오프렌즈) PPT 다운로드 카카오 프렌즈와 카카오톡 콘셉트의 코믹한 파워포인트(프레젠테이션) 템플릿. 캐릭터와 색상만을 활용해 지극히 심플하다. 내용 소스(캐릭터)의 저작권은 다음카카오 측에 있으니 공개 사용에 유의할 것. 창작 자료입니다. *자료가 도움이 되었다면 인사 한 줄 남겨 주세요. 카카오프렌즈 PPT 파일 내려받기 열린노트/만들기 놀이
윈도우10에서 가젯(Gadget) 기능 사용하는 간단한 방법 윈도우7에서 윈도우10으로 자동 무료 업데이트되면서 대체로 불편함 없이 쓰긴 하는데, 윈도우7에서 쓰던 가젯 기능이 없다. 바탕화면에서 아무리 마우스 오른쪽 버튼을 클릭해도 나타나지 않는 '가젯' 기능...ㅠㅠ 그래서 찾아 보니, 윈도우10에서는 가젯을 쓸 수 있도록 하는 패키지, '8GadgetPack'을 찾았다. 윈도우8과 윈도우8.1에서도 되는 것 같고, 상당히 많은 가젯들을 기본 포함하고 있어 일일이 찾아다니지 않아도 된다. 다운로드는 아래 링크에서. 8gadgetpack ▼그냥 다운로드 받아 Next, Next 클릭하며 설치하기만 하면 된다. 그러면 바탕화면에서 마우스 오른쪽 버튼을 눌렀을 때 아래와 같이 '가젯'이 등장한다. ▼이름이 '8GadgetPack'이어서 여덟 개만 있는 줄 알았더니,.. 열린노트/IT·SW·디자인
한문 원문 강독에 필요한 어조사와 주요 표현 정리 정성 들인 자료이므로 다른 곳으로 공유하지 마시고 개인적으로만 사용하시기를 부탁드립니다. 사서오경 등 기본 한문 원문이나 우리 고전을 읽을 때마다 매번 발목을 잡는 것은 역시 한문 문법 표현이다. 결국 참지 못하고 정리해 버렸다. 之 자의 쓰임 가다(동사) 牛何之 : 소는 어디로 가는가? 直之雲從街 : 곧장 운종가에 가다. 이것, 그것(대명사) 我能食之 : 아는 능히 그것을 먹을 수 있다. 入稷神以祭之 : 직신을 세워 그것에 제사지내다. 此烏去處尋之 : 이 까마귀가 가는 곳(그곳)을 찾아라. 入水求之 : 물에 들어가 그것을 찾아라. -하는, -의(관형격 어조사) 此乃不祥之物也 : 이것은 곧 상서롭지 못한 물건이다. 累卵之勢 : 달걀을 쌓아 놓은 형세 社土地之主也 : 사는 토지의 주인이다. 聖賢用心之迹 :.. 열린노트/만들기 놀이
봄날에 싸는 봄소풍 스페셜 도시락 원래 도시락 같은 건 잘 싸지 않는데, 큰맘 먹고 소풍 도시락을 싸가지고 나들이를 다녀왔었다. 뭘 해야 할지 모르겠고 다 맛있어 보이기에, 그냥 다 하기로 했다. 그렇게 만들어진 도시락 소개. 봄소풍 도시락 유부초밥, 무쌈말이, 크래미샐러드 유부초밥은 시판 제품에 채소만 더 다져 볶아 넣었다. 무쌈말이는 나의 베스트 메뉴. 제육볶음 품은 깻잎쌈밥, 새싹채소 올린 한우바싹불고기 도시락은 물기를 최소화해야 한다. 제육볶음도 불고기도 간을 약간 심심하게 한 다음 국물 없이 바싹 졸여야 한다. 베이컨팽이버섯말이, 롤샌드위치, 치즈과자 치즈과자는 체다치즈를 9등분해 전자레인지에 타지 않을 만큼 돌리면 된다. 바삭바삭 맛있다. 맥주 안주로 잘 먹었다. 케이준치킨샐러드, 삼색메추리알꼬치, 참깨드레싱 삼색메추리알 꼬치.. 열린노트/만들기 놀이
3,500개 이상의 제이쿼리 플러그인& 튜토리얼 - jQuery Rain 동적인 웹디자인과 퍼블리싱에 제이쿼리만큼 소중한 게 있을까. 그 소중한 온갖 종류의 제이쿼리 소스들을 엄청난 수준으로 누적하고 있는 웹사이트를 하나 소개한다. 바로 제이쿼리 레인(jQuery Rain). http://www.jqueryrain.com/ 카테고리별로 각각 수십에서 수백 개의 플러그인을 소개하고 있다. 스크립트가 어려운 나 같은 개발 쌩초보에게는 특히 CSS 카테고리가 유용하다. 영어를 잘 몰라도 소스 쓰는 데는 별로 문제가 없다. 다만 UI가 다소 산만한 편. 조만간 오프캔버스 메뉴 하나를 가져와야겠다. 열린노트/IT·SW·디자인
[마감] 티스토리 초대장 10장 배포합니다. 티스토리 블로그를 시작하고 싶으신 분 중 10분께 초대장을 보내 드립니다. 신청 자격 같은 제한 조건은 없습니다. 다만, 꼭 필요하신 분만 신청해 주셨으면 합니다. 초대장 발송 후 3일 이내에 블로그 미개설 시 초대장을 회수합니다. 신청 방법 초대장을 받으실 이메일(Email) 주소를 댓글에 적어 주세요. 개인 정보 노출 방지를 위해 비밀글로 작성 부탁드리며, 비밀글로 작성하지 않으신 분의 이메일 주소 유출에 대해서는 책임지지 않습니다. 13:30 현재 초대장이 모두 소진되었습니다. 다음에 다시 배포하겠습니다. 열린노트/IT·SW·디자인
네이버에서 티스토리 블로그 검색되게 하기 : 네이버 웹마스터 도구 티스토리 유저들의 만년 고민은 그놈의 '네이버 검색'인 듯하다. 네이버가 폐쇄적이니 정치적이니 하는 이야기는 접어두고, 어쨌든 우리가 할 일은 방문자의 유입을 위해 우리의 티스토리를 네이버 검색에 등록하는 것, 그것 하나뿐이다. 언젠가부터 네이버에서의 유입이 뚝 끊겼다면, 네이버 웹마스터 도구에 접속하자. 네이버 웹마스터 도구 아래 링크로 네이버 웹마스터 도구에 바로 접속할 수 있다. http://webmastertool.naver.com/ 네이버 웹마스터 도구에 검색 등록하기 ① 접속 화면에서 우측 상단의 로그인 버튼을 눌러 네이버 계정으로 로그인하자. ② 티스토리는 웹페이지니까 '사이트 추가'를 클릭한다. ③ 검색 등록을 원하는 자신의 티스토리 블로그 주소를 입력한다. ④ 실제 사이트의 소유자인지를 .. 열린노트/IT·SW·디자인
스크롤을 내리면 나타나는 '맨 위로 가기' 버튼 적용하기 PC나 태블릿 환경에서 가로로 나열돼 있는 구성요소들이, 모바일 환경에서는 세로로 쭉 이어지기 때문에 스크롤이 길어지기 일쑤이다. 그래서 '맨 위로 가기' 버튼을 만들어 넣기도 하고, 스크롤을 내려도 상단에 고정되는 기본 메뉴바를 마련하기도 한다. 여기서는 우선 티스토리 블로그를 기준으로, 가장 간단한 방법의 '맨 위로 가기' 버튼 적용 방법을 소개한다. 적용 소스 HTML(skin) 마크업 티스토리 블로그 관리자 모드로 접속해 skin.html에 다음 두 가지 소스를 넣어주어야 한다. 먼저 아래 코드를 와 사이에 삽입한다. 바로 앞에 넣는 것도 괜찮다. 이 코드는 'images/up-arrow-icon.png'라는 가로 55픽셀, 세로 55픽셀의 이미지를 '맨위로' 버튼으로 사용하겠다는 뜻이다. 그 다.. 열린노트/IT·SW·디자인
웹 코딩에 필요한 CSS 단위와 사이즈 비교 표 코딩할 때 크기 속성은 여러 가지 단위로 사용할 수 있다. 요즘 브라우저들은 대부분 확대-축소(Zoom) 기능을 갖추고 있기 때문에 굳이 상대 단위인 em이나 %를 쓸 필요 없이 편한 대로 px나 pt 수치로 입력하면 되지만, 화면 크기에 따라 다르게 출력되는 반응형 페이지를 코딩할 때는 상대 단위를 활용하는 것이 유용하다. 이 장점 때문에 점점 비율 단위가 많이 쓰이는 것 같다. CSS에 사용되는 size 단위들 CSS의 크기 단위로는 절대 단위와 상대 단위가 쓰인다. 절대 단위 in(Inches) : 말 그대로 인치(inch)이다. 1인치는 2.54cm이다. cm(centimeters) : 우리가 미터법에 따라 쓰는 그 센티미터를 말한다. mm(millimeters) : 0.01cm에 해당하는 밀리미.. 열린노트/IT·SW·디자인
html의 기본 표(table) 코드 공유 지난번에 Table Generator를 소개한 적이 있다. 간단한 클릭 몇 번만으로 원하는 모양의 예쁜 테이블 코드를 자동으로 생성해 주는 사이트이다. http://www.tablesgenerator.com/ 그런데 막상 다양하고 예쁜 모양의 표를 만들어 쓰려니, 매번 포스팅할 때마다 코드를 가져오기가 너무 번거로웠다. 여러 가지 테이블을 미리 구비해 놓으면 좋겠지만, 너무 개수가 많아지면 나중에 너무 골치아파질 것 같다. 그래서 아주 단순한 모양의 표를 짜서 코드를 공유한다. 1px의 회색 테두리가 있고 셀 배경이 흰색인, 그냥 기본 표 코드이다. CSS에는 다음 코드를 추가해 준다. 혹시 제목줄을 쓸까 싶어서 th(첫째 줄) 속성에는 배경색과 별도의 테두리를 설정해 두었다. 개별 속성은 임의로 수정해.. 열린노트/IT·SW·디자인
티스토리에서 div 태그만으로 첨부파일 다운로드 버튼 꾸미기(CSS) 굳이 티스토리 블로그를 이용하는 이유는 모두 같다. 사용자가 마음껏 html를 수정하며 꾸미는 재미가 있기 때문이다. 그런데 티스토리의 에디터에서 ‘파일 첨부’ 기능을 이용하면 첨부파일 화면의 디자인이 예쁘지가 않다. 무슨 말이냐 하면, 아래와 같이 ‘파일 첨부’를 이용해서 방문자가 다운로드할 수 있도록 파일을 업로드하면 이렇게 파일 아이콘과 파일명이 통째로 생성된다. 코드를 들어가 보면 이런 구조로 돼 있다. 물론 이 코드를 분석해서 파일의 URL을 추출하고 CSS를 이용해 a 태그에 예쁜 효과를 준 다음, 각 글을 쓸 때마다 버튼 속성을 달리 줄 수도 있다. 그런데 이 경우 매번 긴 태그를 입력해야 한다는 번거로움이 있다. CSS를 꾸몄다 하더라도, 첨부파일을 올릴 때마다 글에 다음과 같은 태그를 첨.. 열린노트/IT·SW·디자인
다양한 형식의 예쁜 표(테이블)를 자동으로 만들어주는 사이트 CSS에 익숙해지면 페이지를 코딩하거나 블로그 게시물을 쓸 때 별로 막히지 않는데, 유독 테이블만 작성하려고 하면 굉장히 골치 아프다. 틀을 좀 정해 놓고 싶어도 하드 코딩만으로는 적당하고 예쁜 테이블 속성을 완성하는 데 시간이 많이 걸리고 디자인 감각도 여간 필요한 게 아니다. 그래서 찾은 곳이 바로 Table Genetrator. 간단하게 예쁜 html(CSS) 테이블(table) 만들기 먼저 아래 사이트에 접속한다. http://www.tablesgenerator.com/ 가면 이렇게 쭉 종류별 테이블들이 구분돼 있다. LaTeX, HTML, Text, Markdown 등등... 원하는 형식을 찾아가자. 대부분은 HTML이 필요할 것 같고, Text Table도 경우에 따라 아주 쓸모가 많을 것 같.. 열린노트/IT·SW·디자인

티스토리툴바