http://minicube.kr/blog/ Professional front-end UI Developer. ko Mon, 06 Jul 2009 13:57:04 +0900 Textcube 1.7.7 : Con moto http://minicube.kr/blog/attach/1/1006479951.jpg http://minicube.kr/blog/ 61 61 Professional front-end UI Developer. http://minicube.kr/blog/89 21세기가 시작된 지 거의 10년이 다 되어가는 2009년에 이르러 네트워크와 인터넷은 놀라운 발전을 이뤄왔습니다. 웹브라우저 시장은 MS의 XX 같은 Internet Explorer가 독점하는 상황을 벗어나서, 지금은 파이어폭스, 사파리, 오페라, 크롬, ... 기타 등등 수많은 브라우저가 서로 웹표준을 향해 경쟁하는 행복한(?) 시대가 되었지요.하지만, 이런 상황에서도 웹브라우저가 공식적으로 지원하는 이미지 형식은 아직까지는 GIF, JPG,...<p><strong><a href="http://minicube.kr/blog/89">글 전체보기</a></strong></p> UI개발 스토리 8bit PNG gAMA chunk pngcrush TweakPNG 웹사이트 최적화 (아마티) http://minicube.kr/blog/89 http://minicube.kr/blog/89#entry89comment Wed, 18 Feb 2009 11:18:20 +0900 http://minicube.kr/blog/88 오늘도 보람찬(?) 하루일과를 마치고, 피곤한 몸을 이끌고 잠들기 전에 마지막으로 컴퓨터 앞에 털썩 앉아 헤드폰을 쓰고 플레이한 음악은...차이코프스키 바이올린 협주곡 D장조 3악장...아는 사람은 알겠지만, 이 장면은 노다메 칸타빌레 in 유럽에서 잠깐 나왔던 장면. 이 곡이 바로 3악장이다. (원곡은 대략 10분짜리 곡임)중반까지는 고요함과 편안함을 유지하다가 점점 힘차고 화려한 연주로 분위기를 끌어올리면서, 마지막에 빵~ 터트려주는 피날레는...<p><strong><a href="http://minicube.kr/blog/88">글 전체보기</a></strong></p> 이것저것 바이올린 줄리아피셔 차이코프스키 (아마티) http://minicube.kr/blog/88 http://minicube.kr/blog/88#entry88comment Thu, 12 Feb 2009 04:11:57 +0900 http://minicube.kr/blog/84 CSS에서 사용하는 다중 선택자(Multi Class)란 동일 엘리먼트에 여러개의 선택자(id, class)를 동시에 적용하기 위한 목적으로 여러개의 선택자를 사용하는 것을 말합니다.CSS1에서 선택자의 개념이 사용된 후, CSS2에서 다중 선택자가 추가되어 사용되고 있는데요, CSS를 사용해 웹사이트를 개발하다 보면 다중선택자는 정말 편리한 존재입니다. &lt;style&gt;.foo { background:yellow; }.bar { borde...<p><strong><a href="http://minicube.kr/blog/84">글 전체보기</a></strong></p> CSS/XHTML CSS/XHTML IE6 버그 Multi class 다중선택자 (아마티) http://minicube.kr/blog/84 http://minicube.kr/blog/84#entry84comment Thu, 19 Jun 2008 18:35:54 +0900 http://minicube.kr/blog/87 저는 현재 NHN 직원입니다. 또한, 제가 쓰는 글은 전적으로 제가 느끼고 생각한 것을 적는 것이며 절대 NHN 의 공식 입장이 아님을 밝힙니다. 이렇게 말하면 우선 색안경을 끼고 보는 분들도 있긴 하지만 (요즘은 일부가 아니라 대부분인 것 같습니다) 할 수 없죠.회사의 외부 커뮤니케이션과 대내 공지에서도 항상 언급되고 있지만, 실시간 급상승 검색어는 여러 공식 매체에서 밝혔듯이 절대 조작을 하지도 않고, 조작할 수도 없습니다. 이 부분은 회사의...<p><strong><a href="http://minicube.kr/blog/87">글 전체보기</a></strong></p> 이것저것 NHN 네이버 변화 실시간 급상승 검색어 오해 조작설 (아마티) http://minicube.kr/blog/87 http://minicube.kr/blog/87#entry87comment Fri, 13 Jun 2008 01:55:28 +0900 http://minicube.kr/blog/86 저 자신도 UI개발 일을 하고 있긴 하지만, 오랜 역사를 가진(?) 프로그래밍/개발 분야와는 달리 UI개발 분야는 아직 미개척 분야라고 해도 과언이 아니죠.확실히 직군으로서도, 개인적으로도 UI개발 직군이 전문성을 가져야 한다는 것을 절실하게 느끼고 있습니다.마침 다음에서 좋은 행사를 준비하고 있는데요,개발자가 주축이 되는 DevDay 와는 달리 UI개발 직군이 중심이 되는 UI DevDay 라는 행사를 준비하고 있다고 합니다.이 분야에 관심있으시...<p><strong><a href="http://minicube.kr/blog/86">글 전체보기</a></strong></p> UI개발 스토리 DevDay UI DevDay UI 개발 다음 컨퍼런스 (아마티) http://minicube.kr/blog/86 http://minicube.kr/blog/86#entry86comment Tue, 20 May 2008 19:06:56 +0900 http://minicube.kr/blog/85 1989년, 팀 버너스 리(Tim Berners-Lee)는 네트워크에서 정보를 전달하고 서로 연결하기 위하여 WWW(world wide web)라는 시스템을 고안하고, 이를 구현하기 위해 URL, HTTP, HTML 규약을 만들었습니다. HTML은 그 단순함과 범용성, 호환성을 바탕으로 현재까지도 인터넷에서 정보의 전달을 위한 포맷으로서의 역할을 훌륭히 수행하고 있지요.하지만 WWW가 탄생된 지 20년이 되어가는 현재 시점에서는 폭발적인 정보 증가...<p><strong><a href="http://minicube.kr/blog/85">글 전체보기</a></strong></p> 웹 2.0 Microformat 마이크로포맷 시멘틱 웹 웹 2.0 (아마티) http://minicube.kr/blog/85 http://minicube.kr/blog/85#entry85comment Mon, 19 May 2008 18:08:33 +0900 http://minicube.kr/blog/74 인터넷 브라우저에서 사용할 수 있는 이미지는 아시다시피 GIF, JPG, PNG 가 있습니다.그중, 웹에서 사용할 수 있는 이미지로서의 PNG 는 GIF 나 JPG 에 비해 많은 장점을 가지고 있습니다. PNG 는 "Portable Network Graphics" 의 약자이며, 프리웨어이고, JPG 와는 달리 무손실압축(원본과 완전히 같음)을 지원하며, 24bit(1670만) 컬러를 구현합니다. 무엇보다도 알파채널, 즉 반투명을 지원한다는 큰 장점...<p><strong><a href="http://minicube.kr/blog/74">글 전체보기</a></strong></p> CSS/XHTML AlphaImageLoader IE6의 png버그 PNG (아마티) http://minicube.kr/blog/74 http://minicube.kr/blog/74#entry74comment Tue, 01 Apr 2008 11:33:20 +0900 http://minicube.kr/blog/80 이젠 펀드도 안되나 보다...작년 2007년만 해도 펀드는 재테크의 시작이요, 은행에 돈 넣어두면 바보 취급을 당했었는데 지금의 펀드는... 미국 증시에 조그만 문제만 있으면 엄청난 기복을 타고 있으니...예를 들면, 오래 묶어두셨던 분들이라면 작년 말의 펀드 폭락에 100% 수익에서 50% 수익률로 내려서 "약간 손해를 봐도 전체적으로 이익" 정도로 끝났지만, 펀드 열풍을 타고 작년에 가입하셨던 분들의 수익률은 20% -&gt; -50% 정도 된...<p><strong><a href="http://minicube.kr/blog/80">글 전체보기</a></strong></p> 이것저것 뭘로 돈벌까? 부동산 재테크 허무 (아마티) http://minicube.kr/blog/80 http://minicube.kr/blog/80#entry80comment Tue, 18 Mar 2008 16:37:04 +0900 http://minicube.kr/blog/81 미국 라스베가스에서 현지시간 3월 5일~7일 일정으로 진행되고 있는 MIX08 Conference 에서 Internet Explorer 8 Beta1 버전이 발표되었습니다. 이전 기능을 통합하는 새로운 기능, 웹표준을 지원하는 새로운 렌더링 엔진이 큰 특징이라고 할 수 있습니다.최근 IE8 에 대한 소식이 잦다는 느낌이 들었는데, MIX08 컨퍼런스를 통해 Beta1 버전을 일반 사용자도 다운받아서 사용해볼 수 있도록 제공하고 있네요.이번 버전은...<p><strong><a href="http://minicube.kr/blog/81">글 전체보기</a></strong></p> UI개발 스토리 IE8 Beta1 MIX08 웹표준 (아마티) http://minicube.kr/blog/81 http://minicube.kr/blog/81#entry81comment Fri, 07 Mar 2008 11:36:25 +0900 http://minicube.kr/blog/79 최근들어 MicroSoft 에서 개발중인 Internet Explorer 8 이 Acid2 test 를 통과했다던가, 새로운 웹표준 테스트로 발표된 Acid3 가 웹브라우저 시장에 좌절을 안겨주고 있다는 소식이 들려오고 있습니다. 특히 IE8 이 Acid2를 통과했다는 소식은 이제 IE도 악명높은 IE6 의 비정상적인 렌더링을 벗어나 웹표준을 잘 지킬 수 있지 않느냐 하는 희망을 주기도 했는데요…그런데 과연 이 Acid 테스트라는 것은 무엇일까요?...<p><strong><a href="http://minicube.kr/blog/79">글 전체보기</a></strong></p> CSS/XHTML Acid Test Acid2 Acid3 HTML/CSS 웹브라우저 웹표준 (아마티) http://minicube.kr/blog/79 http://minicube.kr/blog/79#entry79comment Wed, 27 Feb 2008 12:25:41 +0900 http://minicube.kr/blog/78 1월도 끝나가는 이 마당에 겨우 2008년도 목표를 수립했다고나 할까요?원래 새해 목표라는 것은 거의 지켜지지도 않고, 해 지나가면 통과의례처럼 그냥 막연하게 영어 마스터 이런식으로 정해버리는 게 보통이라 차라리 안 만들려고 했는데요, 아무래도 크고 추상적인 목표 정도는 있어야 할것 같습니다. 잘하는 것보다는 못하는 것을 먼저 해보자!이게 저의 2008 목표입니다. 막상 써놓고 보니 좀 무슨 말인지 두둥실 하군요. ㅎㅎ그동안 제가 해왔던 일들을 생...<p><strong><a href="http://minicube.kr/blog/78">글 전체보기</a></strong></p> 이것저것 올해의 목표 (아마티) http://minicube.kr/blog/78 http://minicube.kr/blog/78#entry78comment Wed, 23 Jan 2008 15:03:36 +0900 http://minicube.kr/blog/77 요즘엔 본업에 관련된 포스팅은 안하고 맨날 이런 지름신 관련 포스팅만 하네요 ^^;;;간만에 지름신이 내려주시는 모델이 등장했습니다. 예전에 한번 언급했었던 적이 있죠? 애플이 초슬림 서브 맥북을 만들 것이라고 하는...그 실체가 드디어 서류봉투에서 등장했습니다~바로 이녀석입니다. 초슬림형 서브 맥북... 맥북 에어 (Macbook Air)미국 샌프란시스코에서 현지시간으로 15일에 맥월드 엑스포에서 발표된 제품 중에 하나입니다. Intel 코어2듀...<p><strong><a href="http://minicube.kr/blog/77">글 전체보기</a></strong></p> 이것저것 Apple Macbook Macbook Air 맥북 맥북에어 서브노트북 애플 (아마티) http://minicube.kr/blog/77 http://minicube.kr/blog/77#entry77comment Thu, 17 Jan 2008 11:05:05 +0900 http://minicube.kr/blog/76 저는 컴퓨터 입력기기에 대한 욕심이 많은 편입니다. 현재도 마우스보단 6*8사이즈 타블렛을 많이 사용하고 있구요. 만원도 안하는 키보드를 주로 이용하는 다른 사람들이 보기에는 "너 미쳤구나"라고 하실 만한 키보드도 사용하고 있습니다. 물론 마우스도 일반적인 것(?)은 아닙니다. ㅋㅋ몸에 직접적으로 접촉하는 것은 이유불문 좋은 것을 쓰자! 는 것이 저의 원칙 중 하나이기도 한데요. 최근 키보드 쪽에 관심있으신 분은 어느 러시아 연구소의 전체 키 칼라...<p><strong><a href="http://minicube.kr/blog/76">글 전체보기</a></strong></p> 스크랩 Art.Lebedev Studio Optimus Maximus Optimus Tactus 컨셉 키보드 터치스크린 풀OLED키캡 (아마티) http://minicube.kr/blog/76 http://minicube.kr/blog/76#entry76comment Fri, 04 Jan 2008 16:35:30 +0900 http://minicube.kr/blog/75 최근에 보던 어떤 애니메이션에서... 상당히 인상적인 대사가 있어서 올려봤습니다. "오기우에(여자)는 어때? 만화가가 되고 싶어?""진로로서 생각해본 일은 거의 없지만, 그래도 바보처럼 마구 그리고 있으니까요. 언제나 항상...""아아~ 그런 사람은 되려고 하지 않아도 돼.""그런가요?""되지 못하는 건 만화가가 되려면 어떡해야 하냐고 남에게 묻는 타입. 만화를 그리는 것과 만화 그리는 사람이 되는 것과, 만화를 그려 먹고 살 수 있는 사람이 되는...<p><strong><a href="http://minicube.kr/blog/75">글 전체보기</a></strong></p> 이것저것 2007년 2008년 새해 복 많이 받으세요 신년계획 현시연2기 (아마티) http://minicube.kr/blog/75 http://minicube.kr/blog/75#entry75comment Mon, 31 Dec 2007 18:06:53 +0900 http://minicube.kr/blog/73 사람이 어떤 한가지 일을 계속 하는 것은 한계가 있다.일 때문에 두세시간 이상 화면을 뚫어져라 보면서, 타블렛으로 쓱쓱 그어대고, 키보드를 두들길 수 있는 지구력을 가진 사람이 얼마나 있을까?? 중간에 밥도 먹고, 사람들과 이야기도 하고, 가끔은 담배도 피워야 (난 안피지만 ㅋㅋ) 다시 일을 할 수 있는 체력을 얻을 수 있지.다른 것도 마찬가지... 운동도 그렇고, 책읽는 것도 그렇고, 악기 연주도 그렇고...다만 맘만 먹으면 하루에 열두시간도 꼼...<p><strong><a href="http://minicube.kr/blog/73">글 전체보기</a></strong></p> 이것저것 게임 게임대회 울프팀 울프팀 토너먼트 (아마티) http://minicube.kr/blog/73 http://minicube.kr/blog/73#entry73comment Mon, 17 Dec 2007 12:20:56 +0900 http://minicube.kr/blog/72 올해 말에 출시된다는 현대의 고급승용차 "제네시스"를 발표하면서 같이 발표된 프로젝트 BK ... 티뷰론, 투스카니를 잇는 정통 스포츠룩 쿠페이면서도 이제야 제대로 된 스포티한(?) 성능을 보여준다는 새로운 쿠페 모델입니다.이번 LA국제오토쇼(현지시간 11월 14일)에서 처음 발표되었다고 하는데...뭐 뉴스에 이 소식이 뜨니 보통 일반 대중의(네티즌의) 반응은 "현대 노조땜에 안산다" "디자인이 이게 뭐냐" 등등이더군요 -_- 현대는 노조를 좀 관...<p><strong><a href="http://minicube.kr/blog/72">글 전체보기</a></strong></p> 이것저것 BK 제네시스 쿠페 현대자동차 (아마티) http://minicube.kr/blog/72 http://minicube.kr/blog/72#entry72comment Sun, 18 Nov 2007 21:10:46 +0900 http://minicube.kr/blog/70 철지난 링크 보고입니다 -_-...전에 HTML CheatSheet라는 것을 찾았는데요, 이번엔 다른 분의 CheatSheet를 찾았습니다.Dave Child 라는 분의 블로그에서 찾았는데요, 이분은 인터넷 마케팅 쪽 일을 하시지만 치트시트 전문가인듯...CSS, HTML, Javascript 외에도 SQL Server, Microformat, PHP, Ruby on rails 심지어 WOW(World of Warcraft) 치트시트도 만들어서 올...<p><strong><a href="http://minicube.kr/blog/70">글 전체보기</a></strong></p> CSS/XHTML CheatSheet ilovejackdaniels.com JavaScript XHTML/CSS 치트시트 (아마티) http://minicube.kr/blog/70 http://minicube.kr/blog/70#entry70comment Fri, 16 Nov 2007 11:01:10 +0900 http://minicube.kr/blog/68 이 영화가 첨 상영을 시작했을 때부터 꼭 보고 싶다고 생각한 영화였는데, 기회를 마련하지 못했었죠. 그러다가 겨우 같이 보러갈 사람을 찾아서 극장에서 내려지기 직전 (10/29) 감상할 수 있었습니다."카핑 베토벤"은 베토벤과 베토벤을 보조했던 한 여인에 관한 영화입니다. 주인공은 마에스트로 베토벤... 그리고 베토벤이 작곡한 교향곡 9번 "합창(Choral)"의 악보를 연주자들이 볼 수 있도록 옮겨 적어주는 카피스트였던 안나 홀츠입니다. 음악도...<p><strong><a href="http://minicube.kr/blog/68">글 전체보기</a></strong></p> 이것저것 베토벤 영화 카핑 베토벤 (아마티) http://minicube.kr/blog/68 http://minicube.kr/blog/68#entry68comment Thu, 15 Nov 2007 22:05:07 +0900 http://minicube.kr/blog/67 CSS의 display 속성은 해당 엘레멘트가 화면에 어떻게 보여지는지를 결정하는 역할을 합니다.display 속성의 값은 다 따지면 19가지나 되지만, 실제로 자주 쓰이는 것은 inline과 block, inline-block, none 값이며, 이외의 것은 브라우저에서 지원하지 않는 것도 많기 때문에 불안정해서 사용되지 않는다고 하네요. block : 블록박스로 만든다.inline : 인라인 박스로 만든다.inline-block : 블록박스로...<p><strong><a href="http://minicube.kr/blog/67">글 전체보기</a></strong></p> CSS/XHTML CSS/XHTML display (아마티) http://minicube.kr/blog/67 http://minicube.kr/blog/67#entry67comment Thu, 08 Nov 2007 16:22:14 +0900 http://minicube.kr/blog/66 블로그 기본 폰트를 우리글닷컴에서 제공하는 "우리바탕체" 로 바꾸어보았습니다. 이 폰트는 현재 동아일보, 전자신문에 적용되어 있습니다.현재 한국 웹에서 운영되는 홈페이지는 거의 돋움과 굴림으로 디자인되어 있다고 해도 과언은 아닙니다. 모 소프트웨서 제작업체에서 공급한 모XP라는 OS에서 기본적으로 제공되는 한글 폰트가 겨우 4개 밖에 없었던 문제 때문에 이런 사태(?)가 생겼는데요...그래서 디자이너들은 본문에는 선택의 여지 없이 돋움 또는 굴림...<p><strong><a href="http://minicube.kr/blog/66">글 전체보기</a></strong></p> 이것저것 스킨제작 우리글닷컴 우리바탕 웹폰트 한글날 (아마티) http://minicube.kr/blog/66 http://minicube.kr/blog/66#entry66comment Thu, 18 Oct 2007 16:14:01 +0900 http://minicube.kr/blog/65 CSS 에서 가장 중요한 개념 중 하나가 박스모델입니다.박스모델의 개념을 이해함으로써 각각의 엘리먼트를 문서에 배치하는 원리를 알 수 있기 때문입니다. 그리고 이를 응용하여 전체 레이아웃을 정의할 수도 있고, 콘텐츠를 디자인할 수도 있기 때문에 CSS를 통한 디자인을 하려면 박스모델을 이해하는 것이 필수라고 할 수 있습니다.우선... 첫번째로 이해해야 할 명제는 "모든 엘리먼트, 태그는 박스 모델이다" 라는 것입니다. &lt;br&gt;, &lt;...<p><strong><a href="http://minicube.kr/blog/65">글 전체보기</a></strong></p> CSS/XHTML Box Model CSS CSS 핵 박스모델 (아마티) http://minicube.kr/blog/65 http://minicube.kr/blog/65#entry65comment Tue, 16 Oct 2007 18:47:25 +0900 http://minicube.kr/blog/61 전에 못다한 롱테일 이야기를 더 해보려고 합니다. 강의 중에 들으면서 주섬주섬 받아적은 걸 정리하려니 머리가 깨지는군요. -_-;;;롱테일 현상이 나타나게 하기 위해서는 필요한 조건이 몇가지 있습니다.소수의 공급자가 다양한 상품을 제공하던 기존의 체제를 바꿔서, 많은 개성적인 사용자가 직접 만든 제품을 공급하게 하는 트렌드를 만들어야 합니다.한국의 경우 대기업의 의존도가 상당히 높은 편입니다. (10대 기업의 생산량 = 전체 생산량의 40%) 수동...<p><strong><a href="http://minicube.kr/blog/61">글 전체보기</a></strong></p> 웹 2.0 Longtail Web2.0 롱테일 롱테일 법칙 웹2.0 (아마티) http://minicube.kr/blog/61 http://minicube.kr/blog/61#entry61comment Fri, 12 Oct 2007 11:14:14 +0900 http://minicube.kr/blog/64 원래 블로그스피어의 화제와는 상관없이 나만의 관심사와 주제들로 글을 쓰는 것이 원칙이긴 하지만, 요즘에 워낙이 말들이 많고 나름 관심있는 분야라 한마디.요즘 이명박 대통령후보가 기존 교육평등 위주의 정책에서 약간 교육 비평등화를 강조한 정책을 발표했는데, 세세한 정책에 대해서는 나로서도 마음에 안드는 것은 있지만, 나름 특성화 교육의 시발점이라는 관점에서 비평준화 교육 정책에는 찬성하는 편이다.그렇다고 내가 이명박 후보를 지지하는 것은 아니며, 굳...<p><strong><a href="http://minicube.kr/blog/64">글 전체보기</a></strong></p> 이것저것 공교육 교육정책 비평준 사교육 특성화 교육정책 (아마티) http://minicube.kr/blog/64 http://minicube.kr/blog/64#entry64comment Thu, 11 Oct 2007 13:52:36 +0900 http://minicube.kr/blog/63 회사 사람들과 대화하다 보면 빠지지 않는 주제가 있다. 바로 재테크!울회사 주식도 포함해서 오늘은 어디가 얼마 올랐네, 그거 투자 안해서 피눈물을 흘리네, 누가 투자한 회사가 대박이네 등등, 많은 주제의 이야기를 하게 된다. 우리회사 사람들과의 대화 뿐만 아니라 온 국민의 화두가 재테크인 것 같다. 아니... "전쟁"이라는 단어가 더 어울린다. 서점 가서 베스트셀러 책을 보면 항상 빠지지 않는 것이 재테크 관련 책들이고...그래서 나도 나름 재테크...<p><strong><a href="http://minicube.kr/blog/63">글 전체보기</a></strong></p> 이것저것 노후자금 재테크 정체성 (아마티) http://minicube.kr/blog/63 http://minicube.kr/blog/63#entry63comment Tue, 09 Oct 2007 15:39:41 +0900 http://minicube.kr/blog/62 이젠 CSS가 자바스크립트의 역할을 하나 둘 뺏어오고 있는 것 같습니다.예전엔 복잡한 자바스크립트로 구현 가능했던 풀-다운 메뉴를 CSS만으로 구성한 예제입니다.현재의 웹 퍼블리셔로선 CSS가 힘내서 자바스크립트를 이기길 바라는 마음이 없잖아 있지만(?) UI개발의 입장에선 자바스크립트든 CSS든 계속 발전해서 디자인단이나 개발단에서 못하는 것들을 하나둘 할 수 있는 모습을 보고 싶다는 기대를 하고 있습니다~출처는 cssplay.co.uk참고로 이...<p><strong><a href="http://minicube.kr/blog/62">글 전체보기</a></strong></p> CSS/XHTML CSS/XHTML 풀다운 메뉴 (아마티) http://minicube.kr/blog/62 http://minicube.kr/blog/62#entry62comment Mon, 08 Oct 2007 12:26:07 +0900