♣ Tech & Biz Salon 166

2015년 블로그 개편을 맘먹다. 그 이유는...

미식 블로그..지금껏 블로그를 네이버 등 여러곳에서 했었어요. 그 시작은 2000년대 초반이었던거 같습니다. 블로그하면서 가장 해보고 싶었던 것은 - 맛보는것에 대한 제 생각, 경험 - 맛집 - 요리에 대해 적는 것이었습니다. 여기저기 많이 다니고... 엥겔지수로 따지면 대한민국 초상위층이었을겁니다... 하지만 게으름으로 인해... 블로그는 거의 올리지 못했었죠. 이후 유명한 맛집 블로그들을 보면... 언급하는 식당이나 다루는 음식 종류 들은... 그보다 여러해전 제가 경험한 것들이 많았죠... 그렇게 시간은 흘러흘러 갔습니다. 유기농에 대한 관심, 미식에의 관심은 줄어들다..맛에 대한 관심은 자연스럽게 식재료에 대한 관심으로 흘러가게 되었어요 음... 맛집 블로거들을 보면 조금 식재료 신경 쓴다고 하지..

이미지 용량 줄이는 무료 프로그램 PNGGauntlet (이미지 압축 프로그램) 추천

혹시 착각하는 분 있을까하여 얘기드립니다. 이미지 가로 세로 크기를 줄이는 프로그램을 얘기하고 있는거 아닙니다. 용량 줄이는 프로그램 얘기드릴거에요 ~제가 블로그 모바일 화면 헤더부분 이미지 작업을 했었거든요. 그 때 포토샵 대신 무료 프로그램 찾아서 작업을 했었고 그 프로그램은 paint.net 이라는 아이였습니다. 관련 글 : 포토샵 대신 쓸만한 프로그램 ‘Paint.Net’ 강추 그런데 작업을 하고 나서 올리려니까 용량이 눈에 띄네요. 그래서~ 이미지 용량 줄이기 작전에 돌입! 이미지 용량 줄이는 프로그램은 유료로도 좋은것들이 있는데요. 무료를 찾아보았습니다.이미지 용량을 줄이면서 이미지 퀄리티 손실도 되는 프로그램도 있지만, 그런건 당연히 제꼈구요.이미지 퀄리티 저하없이 압축이 된다고 하는 이 녀..

포토샵 대신 쓸만한 프로그램 'Paint.Net' 강추

티스토리의 블로그 모바일 화면의 기본 헤더에는 달랑 블로그의 이름만 나오고 있네요. 티스토리에서 배경색 지정 또는 직접 이미지 올리는 것을 지원하기 때문에 블로그 로고를 넣어서 이미지를 만들어서 올리기로 결정!헌데.. 그러려면 포토샵 같은 프로그램이 필요하군요. 포토샵 같은 무료프로그램 (포토샵 대용 프로그램) 없을까? 프로그램 설치시 여러개의 프로그램을 한방에 쉽게 깔 수 있는 방법이 있습니다.ninete.com 이란 곳인데요.그 사이트 화면의 Imaging 부분을 보니 툴이 여러개 있네요. 그 중 GIMP와 paint.net이 포토샵을 대체해서 많이 쓰이는 거 같습니다. GIMP or paint.net? 비교 결과는 1. GIMP 파워풀한거 같습니다. 즉 포토샵을 좀 쓸 줄 아는 사용자들이고, 단순 ..

블로그(티스토리) 글 작성일에 단기(단군기원)년도 표현

블로그 화면에서 몇가지 살짝 손을 봤습니다. 글제목 아래 카테고리 표현하는 부분도 조금 변경했는데,순간... 바로 그 옆에 보이는 서기 날짜가 눈에 거슬리네요. 삼일절이라 그랬던 걸까요?그래서 단기년도도 나타나게 수정을 해봤어요. 간단한 코딩이긴 하지만.. 의미가 있는거 같아 좀 뿌듯한 느낌이^^한민족 역사가 실제로는 단군기원 이전에도 5천년 정도 있어서 반만년이 아니라, 1만년이라는거 같던데... 거기까진 아직 공부를 못해서 잘은 모르겠습니다. 적용한 방법은 아래와 같습니다.1. skin.html > 날짜 부분 html 수정 날짜 부분에 span 태그를 부여했어요 2. skin.html > 하단에 자바스크립트 추가 script 태그는 원래 다른 용도로 쓰고 있었는데 그 내부에 1) printArticl..

webstorm에서 프로젝트 생성 svn checkout 으로 하기

저번에 올린글은 개발중인 프로젝트를 svn 리파지토리로 등록하는 거만 올렸었네요.예전글 : Webstorm에서 SVN 사용하기이번글은 제목대로 이미 있는 리파지토리를 받아서 새로운 프로젝트로 만드는 겁니다. 하나의 리파지토리에 여러개의 폴더로 node.js 어플리케이션을 관리하고 있습니다.원하는 폴더 선택후 체크아웃버튼 클릭 새 디렉토리 만드려면 위에 빨간 동그라미 클릭하면 되겠죠. board_web_140225 라는 폴더를 만들었습니다.* 근데 지금의 예처럼 리파지토리 폴더와 동일한 이름으로 만들 경우에는 새디렉토리 만들필요없고 만들어야 하는 폴더의 상위폴더를 선택하시면 됩니다. 눈에 보이듯이 지정한 폴더 또는 지정 폴더하위에 리파지토리명으로 하단 status bar 에 진행중이 보이다가 프로세스 끝나..

CSS - li height 높이 변경 꼼수

참고로 저는 css 따로 공부는 안해서 개념이 거의 없습니다.블로그하면서 필요한 것만 그때 그때 찾아서 하고 있어요. 우측 사이드바의 Recent Post 의 리스트 항목간의 간격을 조정하려고ul > li 쪽에 죽어라 line-height 도 줘보고 height 도 줘봤는데 안되네요.li 하위의 a tag 에 주니까 되네요. 좀전에 150%로 바꾸었습니다. #recentPost ul li a{ line-height:150%;} 크롬브라우저의 경우 우측 Recent Post 부분에 마우스 올리시고 오른 클릭하셔도 보실수 있겠죠^^

블로그 폰트 변경 등 디자인 소폭 수정

꽤 오래전 블로그를 네이버에서 무료로 배포하는 나눔고딕으로 변경한적이 있었는데회사에서 보니 글자가 허접하게 보이더군요... 여러해동안 그랬던것이죠^^;; 그래서... 블로그 보는 컴에 나눔폰트 안깔려있어도 나눔폰트로 보이도록 수정을 했습니다. 또 블로그명, 글 제목, 태그 부분등의 폰트와 색상 변경 등 이것저것을 했네요.제가 참고햇던 링크 보고 하시면 되구요.제가 적용한 부분도 참고하시라고 조금 카피해둘께요.css 제일 윗부분@charset "utf-8"; @font-face {font-family:NanumGothic;src: url(./images/NanumGothic.eot);src: local("NanumGothic"), url(./images/NanumGothic.woff) format("wof..

tainted canvases may not be exported

Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': tainted canvases may not be exported. 브라우저 콘솔에 찍힌 에러메시지이다.tainted --- 대략... 오염되었다 라는 느낌인데.. cross-domain image 일때도 이에 해당된다고 한다. 뭐 이런 부분까지 시큐리티가 강한지... 넘 몸사리는거 아닌가... 싶다... 근데 입장을 바꿔 생각해보니 이유는 추측이 가긴 하네... http://stackoverflow.com/questions/10852514/javascript-html5-drawimage-with-image-from-a-different-domain여기에 설명이 잘 ..