[js/jQuery] Draggable object

January 13th, 2014 by rootbox 오브젝트를 드래그&드랍할 수 있도록 하는 javascript(jQuery) 코드입니다. 여기에 쿠키나 로컬 스토리지등을 활용해서 widget 형태로 꾸밀 수 있을 것 같습니다. 우선은 간단하게 구현했습니다. javascript (needs jQuery)$.fn.draggable = function() { return $.each(this, function() { var $el = $(this); var move = function(e) { if(!$el.data("_isMove")) return; var pos = $el.data("pos"), pos = {…

[js/jQuery] simple FAQ style code.

November 28th, 2013 by rootbox 간단하게 구현해본 FAQ 형식의 코드입니다. 실무에서 일하시면서 매우 자주 접하는 형식 중 하나일 것이라 생각되어 만들어봤습니다. html markup<dl id="faq1"> <dt>question1</dt> <dd>answer1</dd> <dt>question2</dt> <dd>answer2</dd> <dt>question3</dt> <dd>answer3</dd> <dt>question4</dt> <dd>answer4</dd> </dl> javascript$.fn.setFaq = function() { return this.each(function(i, elm) { $elm = $(elm); $elm.find("dd").hide() .end().delegate("dt", "click", function() { $(this).next().slideToggle(200) .end().toggleClass("on"); }); }); }; Here…

여덟번째 웹표준 오리엔테이션 신청 안내

November 19th, 2013 by Clearboth 클리어보스 스탭 추지호입니다. 현재 여덟번째 웹표준 오리엔테이션 in 춘천은 신청 등록이 마감되었지만, 자리에 여유는 있는편입니다. 혹시 추가로 등록하고 싶으신 분은 clearboth.org [at] gmail.com 으로 이름/연락처를 알려주시면 등록해 드리겠습니다. 안녕하세요. 어제 오후에 눈이 내렸다고 하는데 다들 눈 구경은 하셨는지요? 노랗게 물든 단풍이 참 곱다~ 하고 있었는데 그새 겨울이 이만큼 가까이 와…

정규표현식 성능 향상 팁

October 15th, 2013 by Aliencube Community 데이터 웨어하우징에 ETL 프로세스는 반드시 필요하다. 이 과정에서 데이터 클렌징을 포함한 텍스트 프로세싱을 진행하게 되는데, 정규표현식은 이 텍스트 프로세싱의 핵심 요소들 중 하나이다. 일반적인 상황에서 정규표현식은 아래와 같은 형태로 사용한다. var value = "abcdefg"; var pattern = @"^abc"; if (Regex.IsMatch(value, pattern)) { Console.WriteLine("Match found"); } 위의 예제와 같이 정규표현식은 정적…

웹표준캠프24 스케치

October 13th, 2013 by 추지호 지난 금요일과 토요일 무박 2일간 진행된 웹표준캠프24 풍경입니다. 중간 중간 간삭 컵라면 먹는 모습이나 밖에서 스트레칭 하는 풍경도 찍어둘걸 아쉽네요.                                 이 글과 관련하여 추천할 글이 없습니다.…

웹표준 캠프 24 신청 안내

September 30th, 2013 by Clearboth 웹표준 캠프 24는 24시간 동안 HTML, CSS, JavaScript 기초 과정을 스터디하는 행사입니다. 업계 입문자 또는 1년차 미만의 주니어들을 대상으로 하고 있습니다. 불규칙한 퇴근 시간과 업무 때문에 정기적인 스터디 활동이 어려우신 분들을 위해 준비했습니다. 부족하지만 함께 공부한다라는 생각으로 첫 회 수업은 클리어보스 멤버들이 맡았습니다. 저희들은 그렇게 대단한 실력을 갖지 않았습니다. 그저…

#5. DTD와 문서의 기본형태

September 22nd, 2013 by choeun 소개 1993년 HTML 1.0으로 시작해서 2013년 HTML5(현재진행중)에 이르기까지 HTML은 많은 변화가 있었다. 당연한 소리지만 해를 거듭할 수록 웹의 중요성은 점점 높아져가고, HTML도 그에 따라 발전하게 되었다. (HTML 1.0이 20개 태그였던거에 비하면 HTML5에 존재하는 태그는 정말 많다) HTML의 버전이 여러개가 되어서, HTML의 버전을 구분해야할 필요성을 가지게 되었다. 그래서 DTD를 활용하여, 현재…

클리어보스 후원을 청하는 글

September 10th, 2013 by Clearboth 안녕하세요. 클리어보스입니다. 날씨가 무척 선선해졌습니다. 아침 저녁으로 제법 추워져서 감기걸리기 딱 좋은 계절이 된 것 같습니다. 모무들 건강에 유념하셔야 할 것 같습니다. 오늘은 클리어보스가 여러분께 도움을 받고자 글을 올리게 되었습니다. 클리어보스는 매년 여러가지 온오프라인 행사와 이벤트를 진행하고 있는데요. 몇차례 여러분들의 후원을 받아서 운영을 해왔습니다. 하지만 저희 활동이 계획적으로 꾸준히 이루어지…

#4. HTML Content Model

August 25th, 2013 by choeun 소개 HTML에서 Content Model이란 콘텐츠들의 유형을 파악하고 이해하는 데에 의의를 가진다. Content의 유형별로 이 Content에 어떠한 태그를 활용하고, CSS의 Box Model의 차이도 Content Model에 따라 다르다. Content Model을 한번 이해해보자. Content Model(HTML 4.01 & XHTML) HTML 4.01과 XHTML은 같은 Content Model을 가지고 있다. 아래는 HTML 4.01에 정의되어 있는 Content Model에…

#3. HTML을 모르신다구요?

August 21st, 2013 by choeun 소개 HTML은 Hyper Text Markup Language의 약자로써, 웹의 중요한 부분을 차지하고 있다. 기존에 팀 버너스 리 경이 최초에 HTML을 만들 때, HTML은 문서를 나타내기 위해 사용하는 언어라는 표현을 사용하기도 하였다. 당시에는 문서를 관리하기 위해서는 하나하나의 폴더에 하나하나의 색인을 찾아가며 해야하는 시절이었으니 지금의 웹과는 많이 다르리라. 뭐 어쨋든, 간단히 HTML에 대해서…