꿈으로 가는 작은 계단

요즘 인터넷에서 다운받은 FLV 파일을 포맷을 변환할 때, 자주 쓰는 유틸리티입니다. 다른 많은 것들 써봤지만 이 놈이 제일 편했습니다. 갈수록 복잡하지 않고 간편한 쪽을 선호하게 되는 것 같습니다. 일단, 무료로 제공되고 있고, 그 이유는 단순합니다. Any Video Converter 는 자체적으로 인코더, 디코더를 가지고 있는 것이 아니라 FFMPEG 등의 공개 소스 산출물을 사용하는 프론트엔드이기 때문입니다. 사용법은 3단계 정도로 매우 간단합니다. 1. 상단에 위치한 툴바에서 Open Video File 버튼을 눌러 파일을 엽니다. 2. 하단에 보이는 Setting 그룹에서 Profile 을 선택합니다. 3. 상단 툴바에서 Start Encode 를 눌러 변환을 시작합니다. 쉽죠? 물론, 여러 ..

http://map.creation.net/#

Dave Spurr씨는 Prototype.js와 Scriptaculous기반의 자바스크립트 이미지 크로퍼 UI(유저 인터페이스) 라이브러리를 만들었습니다. 이미지의 특정한 영역을 드래그하여 선택된 영역의 크기와 좌표 값를 반환해 줍니다. 영역을 선택하는데 필요한 모든 UI(잡아끌기, 8방향 늘리고 줄이기)를 제공하며, 최소크기, 비율고정 등의 규칙을 부여하고, 미리보기(Preview) 창을 열수도 있습니다. 데모 페이지에서 직접 사용해 보세요. ImageMagick 또는 GD library와 연동하여 프로파일 이미지 크롭, 블로그 포토 크롭 등을 Ajax로 구현할 수 있겠습니다. 참고로 , 이 라이브러리는 올라로그의 프로파일 이미지 크롭에 실제로 사용되고 있는 라이브러리이기도 합니다. 예제 : funct..

John-David Dalton씨는 Prototype.js를 압축하여 용량을 1/3 이하로 줄였습니다. 그의 패키지에는 1.4버전부터 1.5.1_rc2까지(1.5 파이널 포함) 버전별 압축파일이 각각 들어있습니다. 특히, 최근 배포된 1.5.1_rc2의 용량은 94kb로 무시못할 크기가 되어버렸습니다. 1.5.1_rc2의 압축된 버전(ultraCompressed) 용량은 26kb입니다. 압축된 파일을 인클루드하려면 아래와 같이 캐릭터셋을 "iso-8859-1"로 설정해야 합니다. 예제: 패키지 다운로드는 구글 그룹스에서 하세요. 특정 브라우저에서 문제가 있을수 있다고 하는데, 무시하고 1.5.1_rc2의 ultraCompressed버전을 인클루드 해 보았습니다. 보시다시피 오류없이 잘 돌아갑니다. 출처 ..

어안(Fisheye) 붐바 - 블로그플러그인 태터툴즈와 워드프레스에 등록하여 사용하는 플러그인.티스토리 스킨편집으로 붐바사용하기. 태터툴즈 플러그인 다운로드 워드프레스 플러그인 다운로드 설치 : 태터툴즈 플러그인 폴더에 아래와 같은 형태를 가지도록 압축을 푼다. 관리자 메뉴의 '플러그인 목록'에서 boombar-붐바를 '사용중'으로 변경한다. 설치 : 워드프레스 플러그인 폴더에 아래와 같은 형태를 가지도록 압축을 푼다. 'Plugin Management' 메뉴에서 Fisheye boombar를 activate 시킨다. 스킨편집 : 티스토리 스킨의 상단 head 부분에 스크립트를 추가합니다.(Copy & Paste) 스킨의 중간 Post출력의 마지막 부분에 하단 스크립트를 추가합니다. 주의 : 'http:..

Azer Koculu씨는 자바스크립트만으로 돌아가는 미디어 플레이어(JSMP)를 만들었습니다. 실시간 버퍼링, 프로그레스바, 컨트롤러 기능을 가지고 있습니다. 작동원리를 분석해보니 조금 당황스럽더군요. 170장의 프레임별로 저장된 JPG 이미지를 로드하여 버퍼링합니다. 용량은 약 3MB입니다. 플레이되는 방식은 타이머에서 반환해준 이미지 값을 플레이어 스크린 앨리먼트의 백그라운드 스타일에 실시간 적용하여 마치 동영상처럼 이미지가 교차하게 됩니다. 사운드를 지원하지는 않습니다만, 싱크가 적절히 이루어진다면 그럴싸한 자바스크립트 미디어 플레이어가 만들어질 수도 있겠습니다. 그러나, 다른 플랫폼의 도움없이 자바스크립트만으로 사운드를 컨트롤하기는 무리수가 있습니다. 이 난관을 어떻게 해결해 나갈지 귀추가 주목되..

아직 알파버전이네요. 컽으로 특별한 기능을 보이지는 않지만 검색 기능이 강화 된듯하다. http://au.alpha.yahoo.com

월간 마이크로소프트웨어 3월호를 보시면 리펑토링에 대한 기사가 나와있다. 리팩토링에 대해서는 관심도 많고 많이 들어보기도 했지만, Paromix군은 리펑토링에 대해서는 처음 들어봤다. 영어 사전을 찾아도 안나오는 것을 보니 리팩토링과 반대되는 개념으로 새로 만든 단어인듯 싶다. 리펑토링(Refuctoring) : 잘 설계된 코드에 작고 가역적인 변화를 도입해서 자기 자신을 제외한 어느 누구도 그것을 관리 할 수 없도록 만드는 과정. 자기 자신만 관리 할 수 있는 코드를 작성하는 것이 참 피곤한 일인데, (경험상 내가 짠 코드를 남들이 이해하기 어려우면 휴가때 전화가 빗발친다.-_-) 피하고 싶을수록 어떤 방법으로 이루어지는지 알아두어야 할 것 같다. 기사를 보면 여섯 가지 리펑토링의 사례를 예제코드와 함..

Linus Home 개발자와 기획자, 상생의 길 - 해당 프로젝트에서 좋은 해결방안을 찾은 경우인 것 같고 프로젝트가 잘 되었다고 하니 툴을 만들기 위한 시간이 스케줄에 영향을 많이 미친 것도 아닌 것 같구요. 이런 해결책을 적용할 수 있는 프로젝트(혹은 그 종류)가 많지는 않을테지만, 이 경우를 한가지 예로 생각하고 조금 더 광의에서 생각해봅니다. 다음과 같은 기본적이고도 당연한 가정을 일단 생각해봅시다: 기획자가 기획을 한다. 개발자나 다른 사람들로부터 피드백을 받거나 할 수 있지만, 결국 기획은 기획자가 하는 것이다. 그러니 기획에 대한 책임은 기획자가 지는 것이다. 개발자는 기획자가 만들어 놓은 틀에서 개발 결과를 만들어낸다. 기획자가 문서로 주었든 말로 전달을 했든 결과는 개발자가 만들어내는 것..

정규식을 이용해서 간단한 코드로 만들었습니다. ^^ 1 var se = document.location.search.substr(1); 2 var qa = {}; // query array 3 se.replace(/([^=]+)=([^]*)(|$)/g, function(){ 4 qa[arguments[1]] = arguments[2]; 5 return arguments[0]; 6 }); 만약 URL이 somefile.html?a=bc&def=ghijk 라면… 저 코드를 실행한 후 - 혹은 함수로 만드셔도 됩니다 - qa.def 혹은 qa[’def’] 와 같이 접근하셔서 사용하시면 됩니다. javascript object 의 특성상 전체 갯수를 알아온다거나 하는 건 어렵습니다. 사실 하려면 못할 것은 없지..