Jekyll2024-01-09T02:34:58+00:00https://hooney.net/feed.xmlhooney.net멋쟁이 조훈의 후니넷hooney그래도 봄은 온다.2021-02-11T00:00:00+00:002021-02-11T00:00:00+00:00https://hooney.net/2021/02/11/spring-is-comming<p>오늘 오후에 가족과 함께 송악산 둘레길을 걸은 후, 근처에 있는 산방산을 갔다. 아직 이르지만 혹시나 유채꽃이 폈을지 설래는 마음이었다. 제주 남서쪽의 송악산~산방산 인근과 남동쪽의 성산일출봉~섭지코지 인근은 유채꽃이 일찍 피기로 유명했다.</p>
<p>마침, 노란 유채꽃이 한가득 피어올라서, 관광객들을 발걸음을 붙잡고 있었다.</p>
<h2 id="그래도-봄은-오는구나">그래도 봄은 오는구나.</h2>
<p><img src="/assets/img/rape.jpg" alt="산방산 유채꽃" /><em>제주 산방산 유채꽃</em></p>
<p>지난 1년은 코로나19로 인해 사람을 만나고 관계를 맺기에 어려운 한 해였다. 기존에 잘 알던 사람과 업무 또는 기능적인 대화를 나누는 건 어렵지 않았으나, 새로운 사람을 알아가고 교류하는 건 쉽지 않았다. 그나마 유일한 대체 수단인 화상미팅(통화 포함)마저도 눈빛을 나누고 공감하며 신뢰를 쌓기에는 부족했다.</p>
<p>그래도 올해는 코로나 백신 접종이 시작된다. 무작정 사람과 대면하는 걸 피해야 했던 작년과는 달라질 것이다.</p>Hooney오늘 오후에 가족과 함께 송악산 둘레길을 걸은 후, 근처에 있는 산방산을 갔다. 아직 이르지만 혹시나 유채꽃이 폈을지 설래는 마음이었다. 제주 남서쪽의 송악산~산방산 인근과 남동쪽의 성산일출봉~섭지코지 인근은 유채꽃이 일찍 피기로 유명했다.Github 페이지로 이동2021-02-10T00:00:00+00:002021-02-10T00:00:00+00:00https://hooney.net/2021/02/10/move-to-github<p>오랫동안 고민하다가 호스팅을 <a href="https://pages.github.com">Github Page</a>로 이동했습니다.
매번 워드프레스 코어 및 플러그인을 업데이트하는 것도 벅찼기에, 정적 페이지를 쉽게 만들고 무료로 호스팅해주는 <a href="https://jekyllrb.com/">Jekyll</a> 기반의 Gihub Page가 최선이라 판단했습니다. 지난 2년간 인공호흡기가 되어준 <a href="https://aws.amazon.com/ko/lightsail/">AWS Lightsail</a>에게 감사드립니다.</p>
<p><img src="/assets/img/maxresdefault.jpg" alt="Github Page" /><em>Github Page Image from https://pages.github.com/</em></p>
<p>2005년부터 한결같이 사용해온 워드프레스를 벗어나는 게 막막했지만,
기존 데이터를 변환해주는 플러그인이 있어서, 쉽게 이동할 수 있었네요.</p>
<p>제 기억에는 10여년 전이었던 2010년 전후로 Github Page로 갈아타려고 했으나, 기존의 퍼멀링크(permalink)가 깔끔하게 변환되지 않아서 포기했었는데요. 한글 제목과 숫자형 id 기반의 퍼멀링크를 아름답게 Rewrite해줬던 워드프레스에 비해서, Github Page는 “날짜+영문제목”로 고정되었기에, 이를 변환하는데 너무 손이 많이 간다고 판단했었습니다.</p>
<p>새해를 맞아 오랫만에 살펴보니, 어느샌가 퍼멀링크를 별도로 입력할 수 있게 됐더군요. 그 외에 블로그 시스템으로 갖춰야 할 여러 기능들이 코어와 플러그인으로 추가되어 있었구요. 지금 사용중인 <a href="https://github.com/jeffreytse/jekyll-theme-yat">Yat 테마</a>처럼 마음에 드는 디자인과 구성의 테마들도 여럿 공개됐더군요.</p>
<p>오랫만에 블로그 테마를 수정해보니 재밌네요. 하나하나 디자인을 바꾸고 기능을 추가하는 과정이 옛추억을 소환하는 느낌입니다.</p>
<p>코로나19로 인해, 부모님과 친지분들을 대면하기 어려운데요. 이번 설날 명절에는 블로그에 <strong>색동옷</strong>을 입혀보렵니다.</p>Hooney오랫동안 고민하다가 호스팅을 Github Page로 이동했습니다. 매번 워드프레스 코어 및 플러그인을 업데이트하는 것도 벅찼기에, 정적 페이지를 쉽게 만들고 무료로 호스팅해주는 Jekyll 기반의 Gihub Page가 최선이라 판단했습니다. 지난 2년간 인공호흡기가 되어준 AWS Lightsail에게 감사드립니다.Lightsail로 서버 이전2019-01-19T03:48:34+00:002019-01-19T03:48:34+00:00https://hooney.net/post/869<p><img src="/assets/img/lightsail.jpeg" alt="Amazon" /></p>Hooney당신의 머리 속 생각을 Workflowy로 옮기세요.2014-05-22T02:30:42+00:002014-05-22T02:30:42+00:00https://hooney.net/post/wolf-htm<p><img src="/assets/img/2014/05/workflowy_icon_rounded_corners_512x512-150x150.png" alt="workflowy" class="left" /> 작년(2013년) 말부터 <a href="https://workflowy.com/invite/1bc0be92.lnx">WorkFlowy</a>라는 생각 정리 도구를 사용하고 있습니다. 메모/할일/기타 등등 머리 속에 들어있는 모든 생각을 이 도구로 옮겨놓고 필요할 때 쉽게 찾아 이용하고 있습니다.</p>
<p><a href="https://workflowy.com/invite/1bc0be92.lnx">WorkFlowy</a>는 매우 단순하지만, 강력한 생각 정리 도구입니다. 기존에 마인드맵을 했었던, 에버노트를 포함한 각종 메모앱이 했었던, GTD/Task/Todo 앱이 했었던 수많은 일들을 하나의 도구에서 쉽고 빠르게 정리해갈 수 있습니다.</p>
<p>한번 사용해보세요! 간단한 회원가입 후, 자신의 환경에 맞는 앱을 취사 선택할 수 있습니다. 흡사 IE 대신 Firefox를 처음 사옹할 때 느꼈던 경쾌함과 Dropbox를 처음 만날때 편리함 그 이상을 경험하실 수 있을 거예요.</p>
<ul>
<li><a href="https://workflowy.com/invite/1bc0be92.lnx">Official Web</a> – 기본적으로 웹에서 이용할 수 있어요. 시작 페이지로 이용해보세요!</li>
<li><a href="https://www.google.co.kr/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0CCwQFjAA&url=https%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Fworkflowy%2Fkoegeopamaoljbmhnfjbclbocehhgmkm&ei=6Ft9U7mcAYuF8gW754LAAw&usg=AFQjCNHt-c79MZ3ipZtP1HQqM9bN2FT2YA&sig2=Jy3rUKChveaPTHEBU4UTMA&bvm=bv.67229260,d.dGc">Google Chrome App</a> – 오프라인에서 이용할 수 있는 클라이언트 프로그램</li>
<li><a href="https://itunes.apple.com/kr/app/workflowy/id551139514">iPhone</a> / <a href="https://play.google.com/store/apps/details?id=com.workflowy.android">Android</a> – 모바일에서도 쉽게 이용할 수 있습니다.</li>
</ul>
<p>WorkFlowy 홈페이지에 언급된 다양한 사용자의 생생 목소리로 마무리 합니다. (구글 번역의 결과이나, 원문이 궁금하면 <a href="https://workflowy.com/invite/1bc0be92.lnx">이곳</a>을 확인해주세요)</p>Hooney작년(2013년) 말부터 WorkFlowy라는 생각 정리 도구를 사용하고 있습니다. 메모/할일/기타 등등 머리 속에 들어있는 모든 생각을 이 도구로 옮겨놓고 필요할 때 쉽게 찾아 이용하고 있습니다.발표자료) 워드프레스 부모/자식 테마2011-11-28T04:22:21+00:002011-11-28T04:22:21+00:00https://hooney.net/post/by-htm-2<p>워드프레스 미트업 서울 2011에서 “나만의 워드프레스 디자인을 위한, WordPress Child Theme”라는 주제로 발표한 자료를 공유합니다.</p>
<iframe src="//www.slideshare.net/slideshow/embed_code/key/t08LBjfeXWRJNF" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen=""> </iframe>
<div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/hooney/word-press-child-theme" title="Word press child theme" target="_blank">Word press child theme</a> </strong> from <strong><a href="https://www.slideshare.net/hooney" target="_blank">Hooney Jo</a></strong> </div>
<p>개념적으론, 기존에 존재하는 테마를 참고하여 테마를 제작할 때, 참고한 테마를 부모 테마라고 하고, 참고해서 새로 제작될 테마를 자식 테마라고 합니다. 대부분의 테마를 제작할 때, 무에서 유를 창조하는 방식보다는 기존에 존재하는 테마를 참고하는 경우가 대부분이기 때문에, 워드프레스 테마 제작에서 반드시 거치는 단계라고 볼 수 있습니다.</p>
<p>이러한 부모/자식 테마 제작 방식은 플러그인 개발 방식과 유사합니다. 코어 코드를 참고로 새로운 기능을 추가하는 플러그인 개발처럼, 부모 테마를 참고로 새로운 테마를 제작하기 때문입니다.</p>
<p>템플릿용 테마라고 부르는 부모 테마 전용의 테마도 있는데, 이를 이용하여 자식 테마를 제작할 땐, 부모 테마의 다양한 기능/디자인 API를 이용하여 보다 쉽게 자식 테마를 만들 수 있습니다. 이는 워드프레스 코어 템플릿 외에도 다양한 부모 테마를 기반으로 새로운 테마를 제작하는 방식을 제공하는 것으로, 보다 쉽고 빠르게 자신만의 테마를 만들 수 있도록 도움을 줍니다.</p>
<p>구글/페이스북/트위터 및 다음/네이버/파란 등 다수의 웹 서비스 회사에서 제공하는 API도 보다 확장 가능하고 실무 예제 중심으로 제공되면 좋겠습니다.</p>
<p>워드프레스 행사에 대한 소개는 아래와 같으며, 자세한 내용은 <a href="http://wordcamp.wordpress.kr/">공식 홈페이지</a>에서 확인할 수 있습니다.</p>
<ul>
<li>일시: 2011년 11월 26일 토요일 오후 1시</li>
<li>장소: 서울시 용산구 한남동 <a href="http://info.daum.net/Daum/info/comingWay.do">다음 커뮤니케이션</a> 일신홀 – <a href="http://place.daum.net/place/PointView.do?confirmid=7813422" target="_blank">약도 및 교통정보 (다음 플레이스)</a></li>
<li>회비: 5천원</li>
<li>참석인원: 180명 중 약 80% 이상이 참석하였습니다.</li>
</ul>Hooney워드프레스 미트업 서울 2011에서 “나만의 워드프레스 디자인을 위한, WordPress Child Theme”라는 주제로 발표한 자료를 공유합니다.libon: 디자인 라이브러리 공유터2011-02-28T00:39:07+00:002011-02-28T00:39:07+00:00https://hooney.net/post/libon-eb9494ec9e90ec9db8-eb9dbcec9db4ebb88ceb9faceba6ac-eab3b5ec9ca0ed84b0<p>디자인 라이브러리 공유터를 목표로 <a href="http://libon.kr" title="리본, 웹 디자인 리소스 라이브러리">libon</a>을 오픈했습니다. Libon.kr은 도서관 또는 자료실을 의미하는 library의 약자인 “lib”과 위를 의미하는 “on”이 결합된 단어로, 한글로 리본이라고 부릅니다.</p>
<p><a href="http://libon.kr"><img class="alignnone size-full wp-image-813" title="about-hooney" src="/assets/img/about-hooney.gif" alt="" width="600" /></a></p>
<p>리본은 세상의 모든 디자인 리소스를 공유하고자 합니다. 자신의 디자인 소스를 공유하거나 다른이의 디자인 소스를 재공유하고, 공유된 디자인 소스에 메타정보를 추가하여 재가공하며, 서로 의견을 나눠서 새로운 가치를 만들어 내고자 합니다.</p>
<p>표면화된 디자인 이면에 숨겨진, 타이포그라피·컬러·레이아웃·패턴·텍스쳐·레이어·각종 효과 및 상호 작용은 디자인 소스에서만 확인할 수 있습니다. 디자인 소스를 공유함으로써 더 나은 가치를 얻을 수 있습니다.</p>
<p>개발 코드를 공유하는 활동은 이미 오래전부터 시작되었습니다. GPL·LGPL·BSD처럼 소스 코드의 저작권을 공개하는 방식 외에도, 2명 이상이 함께 코드를 작성하는 짝코딩 프로세스를 적용하기도 하고, 공개된 온라인 공간에서 소스 코드를 공개하고 여러 개발자가 협업하는 방식도 있으며, 최근엔 API를 공개하여 새로운 서비스를 창조할 수 있도록 하고 있습니다.</p>
<p>또한, 글이나 레스터 방식의 그래픽 이미지 또는 동영상 등의 컨텐츠의 저작권을 공유하는 CCL도 존재합니다. 저작권만 표기하면 누구나 상업적 용도에 상관없이 이미지나 동영상을 이용할 수 있고, 이를 리믹스해서 새로운 컨텐츠를 생산하기도 합니다.</p>
<p>해외에선 디자인 소스를 공유하는 활동이 점차 늘어나고 있습니다. 단순히 취미나 자기 과시 또는 전시의 목적으로 공유하는 걸 넘어, 개발 코드나 컨텐츠처럼 상호 협력하고 재생산하는 단계까지 진행되고 있습니다. 또한 적합한 저적권을 부여함으로써, 많은 이들이 사용하게 되어 디자이너로써 자신의 가치를 높히기도 합니다.</p>
<h2 id="해외-관련-사이트">해외 관련 사이트</h2>
<ul>
<li><a href="http://browse.deviantart.com/">DeviantART</a> – 설명이 필요없는 세계 최대 디자인 커뮤니티로써, 다양한 디자인 리소스를 공유합니다.</li>
<li><a href="http://designmoo.com/">Designmoo</a> – PSDs, vectors, textures, patterns, fonts 등을 무료로 공유하는 디자인 커뮤니티입니다.</li>
<li><a href="http://365psd.com/">365psd</a> – 매일 한 개의 psd 소스를 무료로 제공합니다.</li>
<li><a href="http://dribbble.com/">dribbble</a> – 신생 디자이너 커뮤니티로써, 디자인 결과물의 전시하고 의견을 나누는 멋진 곳입니다.</li>
<li><a href="http://www.premiumpixels.com/">Premium Pixels</a> – 영국의 디자이너인 Orman Clark가 공유하는 디자인 리소스를 무료로 제공합니다.</li>
<li><a href="http://www.graphicsfuel.com/">Graphics Fuel</a> – PSD, 배경이미지, 아이콘, 레이아웃 등 다양한 디자인 리소스를 무료로 제공합니다.</li>
<li>이 외에도 무수히 많은 사이트들…</li>
</ul>
<p>거창하게 사회적 활동이나 봉사의 의미가 아닌, 더 나은 가치를 새롭게 만들어 갈 수 있는 리본이 될 수 있도록, 많은 분들의 참여와 격려 부탁드립니다. ^_^;;</p>Hooney디자인 라이브러리 공유터를 목표로 libon을 오픈했습니다. Libon.kr은 도서관 또는 자료실을 의미하는 library의 약자인 “lib”과 위를 의미하는 “on”이 결합된 단어로, 한글로 리본이라고 부릅니다.네이버와 다음의 와이어프레임(wireframe) 쉽게 확인하기2011-01-13T02:09:38+00:002011-01-13T02:09:38+00:00https://hooney.net/post/795<p>웹 사이트나 서비스를 제작할 때, 보통 정보 설계 다음 과정으로 와이어프레임(wireframe)을 제작하게 됩니다. 와이어프레임에 대해선 위키피디어는 <a href="http://en.wikipedia.org/wiki/Website_wireframe">다음</a> 같이 정의하고 있습니다.</p>
<p>A website wireframe (also “web wire frame”, “web wireframe”, “web wireframing”) is a basic visual guide used in interface design to suggest the structure of a website and relationships between its pages. A webpage wireframe is a similar illustration of the layout of fundamental elements in the interface . Typically, wireframes are completed before any artwork is developed.</p>
<p>많은 분들이 와이어프레임을 제작하는데 파워포인트(PowerPoint, MS)를 사용하지만, 전문(용) 도구가 아니다보니 생산성이 떨어지는 게 사실입니다. 이를 위해 <a href="http://uxfactory.com/787">전용 도구</a>를 사용하기도 하지만, 100% 만족감을 보장받긴 어렵습니다.</p>
<p>그런측면에서, <a href="http://www.volkside.com/tools/wirify/">Wirify</a>는 웹 페이지의 와이어프레임을 쉽게 만들고 비교할 수 있는 유용한 도구입니다. 또한, 자바스크립트로 구현된 북마클릿 형식이기에 클릭 한번으로도 쉽게 이용할 수 있습니다.</p>
<p>아래와 같이, 네이버와 다음의 와이어프레임을 Wifity로 확인하고 비교해볼 수 있습니다.</p>
<h2 id="네이버의-와이어프레임">네이버의 와이어프레임:</h2>
<p>URL – <a href="http://naver.com">http://naver.com</a></p>
<p><a href="/2011/01/13/795/wireframe-naver/" rel="attachment wp-att-798"><img src="/wp-content/uploads/2011/01/wireframe-naver-600x887.gif" alt="" title="wireframe-naver" width="600" height="887" class="alignnone size-large wp-image-798" /></a></p>
<h2 id="다음의-와이어프레임">다음의 와이어프레임:</h2>
<p>URL – <a href="http://daum.net">http://daum.net</a><br />
<a href="/2011/01/13/795/wireframe-daum/" rel="attachment wp-att-800"><img src="/wp-content/uploads/2011/01/wireframe-daum-600x1031.gif" alt="" title="wireframe-daum" width="600" height="1031" class="alignnone size-large wp-image-800" /></a></p>
<p><a href="http://xref.kr/1">http://xref.kr/1</a></p>Hooney웹 사이트나 서비스를 제작할 때, 보통 정보 설계 다음 과정으로 와이어프레임(wireframe)을 제작하게 됩니다. 와이어프레임에 대해선 위키피디어는 다음 같이 정의하고 있습니다.jQuery로 2단 메뉴 구현, 따라하기2011-01-03T12:27:58+00:002011-01-03T12:27:58+00:00https://hooney.net/post/jqueryeba19c-2eb8ba8-eba994eb89b4<p>“jQuery”나 “jQuery 탭”, “jQuery 메뉴” 검색어로 후니넷에 방문하는 분들이 많은데, <a href="/2007/08/20/431/">무려 4년 전인 2007년에 작성한 글</a>만 보고 되돌아가기에, jQuery로 가로형 2단 메뉴를 구현하는 코드를 업데이트합니다.</p>
<p>위키백과에선 아래와 같이 jQuery를 소개합니다.</p>
<blockquote>
<p>jQuery는 <a href="http://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8">자바스크립트</a>와 <a href="http://ko.wikipedia.org/wiki/HTML" title="HTML">HTML</a> 사이의 상호작용을 강조하는 경량화된 <a href="http://ko.wikipedia.org/wiki/%EC%9B%B9_%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC">웹 애플리케이션 프레임워크</a>이다. 존 레식에 의해, <a href="http://ko.wikipedia.org/wiki/2006%EB%85%84" title="2006년">2006년</a> 뉴욕 시 <a href="http://ko.wikipedia.org/wiki/%EB%B0%94%EC%BA%A0%ED%94%84" title="바캠프">바캠프</a>(Barcamp NYC)에서 릴리즈되었다.</p>
<p>jQuery는 <a href="http://ko.wikipedia.org/wiki/MIT_%EB%9D%BC%EC%9D%B4%EC%84%A0%EC%8A%A4" title="MIT 라이선스">MIT 라이선스</a>와 <a href="http://ko.wikipedia.org/wiki/GNU_%EC%9D%BC%EB%B0%98_%EA%B3%B5%EC%A4%91_%EC%82%AC%EC%9A%A9_%ED%97%88%EA%B0%80%EC%84%9C" title="GNU 일반 공중 사용 허가서">GNU 일반 공중 사용 허가서</a>의 <a href="http://ko.wikipedia.org/w/index.php?title=%EB%93%80%EC%96%BC_%EB%9D%BC%EC%9D%B4%EC%84%A0%EC%8A%A4&action=edit&redlink=1" title="듀얼 라이선스 (존재하지 않는 문서)">듀얼 라이선스</a> 하의 <a href="http://ko.wikipedia.org/w/index.php?title=%EC%9E%90%EC%9C%A0_%EC%98%A4%ED%94%88_%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4&action=edit&redlink=1" title="자유 오픈 소프트웨어 (존재하지 않는 문서)">자유 오픈 소프트웨어</a>이다.</p>
</blockquote>
<p><a href="http://api.jquery.com/">jQuery API 문서</a>를 참고하지 않더라도, 국내에 jQuery에 대한 책도 많이 출간됐고 많은 분들이 블로그나 카페에 관련 팁을 공유해주셔서, 쉽게 jQuery를 익힐 수 있습니다. 이 글이 아직 jQuery를 어려워하는 웹 디자이너나 처음 웹 사이트를 만드는 분들에게 도움이 됐으면 합니다. <a href="/files/test/jqueryNav.html">완성된 2단 메뉴(GNB)를 먼저 확인해주세요.</a></p>
<p><img src="/wp-content/uploads/2011/01/jqueryNavigation.gif" alt="jQuery로 2단 메뉴 따라하기" /></p>
<p>본론으로 바로 들어가서, <strong>HTML 코드</strong>를 작성합니다.</p>
<div class="oembed-gist">
<noscript>
View the code on <a href="https://gist.github.com/hooney/9c0e0148af21c4f352a4213e288044b7">Gist</a>.
</noscript>
</div>
<p>다음으로, 스타일을 부여하기 위해 <strong>CSS 코드</strong>를 추가합니다.</p>
<div class="oembed-gist">
<noscript>
View the code on <a href="https://gist.github.com/hooney/9c0e0148af21c4f352a4213e288044b7">Gist</a>.
</noscript>
</div>
<p>마지막으로, 2단 메뉴로 동작하기 위해 <strong>JavaScript(jQuery) 코드</strong>를 추가합니다.</p>
<div class="oembed-gist">
<noscript>
View the code on <a href="https://gist.github.com/hooney/9c0e0148af21c4f352a4213e288044b7">Gist</a>.
</noscript>
</div>
<p>$(‘#nav li’).bind(‘mouseenter keyup’, function() { // 메뉴바의 각 메뉴들에 마우스를 올리거나 키보드로 이동하면,<br />
$(this).addClass(‘on’).siblings().removeClass(); // 해당 메뉴에 클래스 on을 추가하고, 다른 메뉴의 클래스를 제거합니다.<br />
}); // 네. 3줄로 끝입니다.</p>
<p><a href="/files/test/jqueryNav.html">완성된 2단 메뉴(GNB)를 확인</a>해주세요. 이 코드는 IE8, <a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IE Tester</a>를 이용한 IE7, <a href="http://windows.microsoft.com/ko-KR/windows7/install-and-use-windows-xp-mode-in-windows-7">windows XP mode</a>를 이용한 IE6, Firefox 3.6, Chrome 9에서 테스트했습니다.</p>
<p>jQuery의 매력에 빠져보실 분에겐 <a href="http://www.aladin.co.kr/shop/wproduct.aspx?ISBN=8996276553">실전 jQuery 쿡북(요리책)</a>을 추천합니다. 비싼만큼, 도움이 될 것입니다. 🙂</p>Hooney“jQuery”나 “jQuery 탭”, “jQuery 메뉴” 검색어로 후니넷에 방문하는 분들이 많은데, 무려 4년 전인 2007년에 작성한 글만 보고 되돌아가기에, jQuery로 가로형 2단 메뉴를 구현하는 코드를 업데이트합니다.XE마켓 출범에 따른 XE스타 출현을 기대하며,2010-12-13T08:18:00+00:002010-12-13T08:18:00+00:00https://hooney.net/post/xeeba788ecbc93-ecb69cebb294ec9790-eb94b0eba5b8-xeec8aa4ed8380-ecb69ced9884ec9d84-eab8b0eb8c80ed9598eba9b0<p>지난 12월 8일에 <a href="http://www.cubrid.com/zbxe/85130">XEmarket 사업 설명회가 큐브리드 주최로 진행</a>됐습니다. 참석하지 못해서 아쉬움이 남았는데, 다행히 <a href="http://itviewpoint.com/177824">ITViewpoint에서 발표자료를 확인</a>할 수 있었습니다.</p>
<p>XEmarket으로 스타덤에 오를 많은 국내 웹 개발자/디자이너 분들을 기대하며, <a href="http://www.xpressengine.com/">익스프레스 엔진(XE)</a>를 <a href="http://wordpress.org/">워드프레스</a>와 라이센스 측면에서 비교하면서 제 의견을 달아봅니다.</p>
<ol>
<li>
<p>익스프레스 엔진(XE)은 <a href="http://korea.gnu.org/people/chsong/copyleft/lgpl.ko.html">LGPL</a>을 따르기 때문에, 상업용 플러그인이나 익스텐션의 개발 및 판매가 가능합니다. 워드프레스는 GPL을 따르기에, 유료 플러그인이 없으며, 유료 테마는 워드프레스와 HTML, CSS, JS, 이미지(원본포함)의 듀얼 라이센스로 판매하고 있습니다.</p>
</li>
<li>
<p>워드프레스 테마는 보통 Single-usage license와 Extended-use license(developer license) 2가지 형태로 제공됩니다. 무제한 라이센스는 1회용 라이센스보다 평균 50배 정도 비쌉니다.</p>
</li>
<li>
<p>워드프레스 테마 중에서 확장 가능한 프로토타입 형식의 인기가 높습니다. 무료 테마 다운로드 상위 10위 안에 5개 이상이 프로토타입 형식입니다.</p>
</li>
<li>
<p>어차피 테마나 플러그인은 특정 사이트에 맞게 커스터마이징해야 합니다. 누구나 쉽고 빠르게 커스터마이징할 수 있는 프로토타입 형식을 제공해서 자식(또는 서브) 테마나 플러그인을 개발할 수 있다면, 시장 선점 효과도 누릴 수 있습니다.</p>
</li>
<li>
<p>익스프레스 엔진(XE) 테마나 플러그인 및 익스텐션을 개발한다면, 2차/3차 저작물을 위한 Extended-use license(developer license)의 프로토타입 형식을 저가에 제공한다면, 많은 판매를 이룰 것으로 예상됩니다.</p>
</li>
</ol>
<p>6. Single-usage license 판매도 마찬가지지만, 특히 Extended-use license(developer license)로 판매하려면, 다양한 사용자 옵션과 고객지원이 필수입니다. XEmarket가 고객지원을 위한 다양한 통로를 제공하거나, 판매자가 직판용 웹사이트를 잘 제공/운영해야 합니다.</p>Hooney지난 12월 8일에 XEmarket 사업 설명회가 큐브리드 주최로 진행됐습니다. 참석하지 못해서 아쉬움이 남았는데, 다행히 ITViewpoint에서 발표자료를 확인할 수 있었습니다.워드프레스 3.0.2 보안 업데이트2010-12-08T09:03:22+00:002010-12-08T09:03:22+00:00https://hooney.net/post/ec9b8ceb939ced9484eba088ec8aa4-3-0-2-ebb3b4ec9588-ec9785eb8db0ec9db4ed8ab8<p>지난 주 화요일(2010.11.30)에 <a href="http://wordpress.org/news/2010/11/wordpress-3-0-2/">워드프레스가 3.0.2로 업데이트</a>됐습니다. 이번 업데이트는 <a href="http://isc.sans.edu/diary.html?storyid=10021">SQL 인젝션 보안 위험</a>에 따른 것으로, 의무사항입니다. 이는 사용자 권한에 대한 취약점으로, 팀 블로그처럼 다중 사용자가 운영하는 블로그라면 반드시 업데이트해야 합니다. 자세한 내용은 <a href="http://codex.wordpress.org/Version_3.0.2">워드프레스 공식문서(codex)</a>를 참조하세요.</p>
<p>권한이 제한된 일반 사용자(Author)가 관리자(Admin)의 권한을 행사하여, 글을 수정하거나 지울 수도 있고, 경우데 따라 폐쇄할 수도 있습니다. 서로 믿는 분들과 함께 하는 팀 블로그라더라도, 신뢰의 문제를 떠나 권한과 책임 문제 측면에서 위험을 제거할 필요가 있습니다.</p>
<p>이번 취약점은 워드프레스 3.0.1 이하 모든 버전에서 발견됐기에, 워드프레스 2.xx 의 구버전 블로그도 꼭 업데이트해야 합니다.</p>
<p>워드프레스 2.7 이후부터 자동 업데이트 기능이 제공되고 있습니다. 버튼만 한번 클릭하면 워드프레스 코어 뿐만 아니라, 각종 플러그인들도 쉽고 빠르게 업데이트할 수 있습니다. 물론 한꺼번에(bulk) 업데이트할 수도 있습니다. 이 기능을 사용하다보면, <a href="http://www.mozilla.or.kr/ko/firefox/beta/">파이어폭스(Firefox) 브라우저</a>처럼 데스크탑 응용 프로그램 못지 않게 편리한 업데이트를 진행할 수 있습니다.</p>
<p>워드프레스 2.7 이전부터 사용해 왔다면, 자동 업데이트할 때 FTP 아이디와 비밀번호를 요청할 수 있습니다. 이럴 땐 wp-config.php에 FTP 아이디와 비밀번호를 입력해서, 다음부턴 원클릭으로 업데이트할 수 있습니다.</p>Hooney지난 주 화요일(2010.11.30)에 워드프레스가 3.0.2로 업데이트됐습니다. 이번 업데이트는 SQL 인젝션 보안 위험에 따른 것으로, 의무사항입니다. 이는 사용자 권한에 대한 취약점으로, 팀 블로그처럼 다중 사용자가 운영하는 블로그라면 반드시 업데이트해야 합니다. 자세한 내용은 워드프레스 공식문서(codex)를 참조하세요.