| Line 1: | Line 1: | ||
| + | {{#css: | ||
| + | #mw-content-text h3 span { | ||
| + | font-weight: 600; | ||
| + | padding-left: 0px; | ||
| + | } | ||
| + | |||
| + | .mw-headline { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | |||
| + | span.mw-editsection { | ||
| + | font-weight: 200; | ||
| + | position: relative; | ||
| + | float:right; | ||
| + | margin-right: 25px | ||
| + | } | ||
| + | |||
| + | span.mw-editsection a { | ||
| + | font-weight: 200; | ||
| + | } | ||
| + | |||
| + | .art-subpage { | ||
| + | background: #F7F7F7; | ||
| + | } | ||
| + | |||
| + | #mw-content-text p { | ||
| + | padding-top: 0px; | ||
| + | padding-bottom: 6px; | ||
| + | } | ||
| + | |||
| + | .mw-content-ltr ul { | ||
| + | margin: 0.3em 0 0 42px; | ||
| + | } | ||
| + | |||
| + | |||
| + | hr { | ||
| + | margin-top: 0px; | ||
| + | margin-bottom: 0px; | ||
| + | margin-left: -31px; | ||
| + | width: 720px; | ||
| + | border-bottom: 1px solid #E0E0DD; | ||
| + | border-left: 0px; | ||
| + | border-right: 0px; | ||
| + | border-top: 30px solid #F7F7F7; | ||
| + | } | ||
| + | <!-- | ||
| + | #sun-col { | ||
| + | -webkit-column-count:2; /* Chrome, Safari, Opera */ | ||
| + | -moz-column-count:2; /* Firefox */ | ||
| + | column-count:2; | ||
| + | } | ||
| + | |||
| + | #sun-col p { | ||
| + | padding-left: 0px; | ||
| + | |||
| + | } | ||
| + | --> | ||
| + | |||
| + | .thumb { | ||
| + | margin: 0px 25px 5px 25px; | ||
| + | } | ||
| + | |||
| + | }} | ||
| + | Search with criteria는 사용자가 지정한 filter를 통과한 결과만이 검색되는 pattern이다. | ||
설정한 조건에 해당하는 항목을 검색한다. | 설정한 조건에 해당하는 항목을 검색한다. | ||
| + | 어떤 종류가 있는지, 조작 방법(action)은 어떤 것이 있는지 설명한다. | ||
| − | == | + | === With this pattern, we can solve... === |
| − | === | + | 이 패턴이 정의한 문제 상황과 이 패턴이 왜 필요한지(문제를 어떻게 해결할 수 있는지)를 설명 |
| − | + | ||
| − | < | + | *본 패턴의 주요 특징을 설명 |
| + | |||
| + | *본 패턴의 주요 특징을 설명 | ||
| + | |||
| + | *이전에 혹은 유사한 어떤 패턴이 있는지를 부가적으로 설명(해당되는 경우만 작성) | ||
| + | |||
| + | ---- | ||
| + | |||
| + | == 내부분류1 == | ||
| + | <div id="sun-col"> | ||
| + | </div> | ||
| + | ---- | ||
| + | == 내부분류2== | ||
| + | === iPad_Naver Map === | ||
| + | {{#Widget:Vimeo|id=95733114|width=300|height=405}} | ||
=== iPhone_Yummly === | === iPhone_Yummly === | ||
| Line 12: | Line 91: | ||
=== iPhone_Mixology™ === | === iPhone_Mixology™ === | ||
* 조합을 입력하면 조합을 포함하는 모든 자료를 검색하여 보여준다. | * 조합을 입력하면 조합을 포함하는 모든 자료를 검색하여 보여준다. | ||
| − | + | {{#Widget:Vimeo|id=93372822|width=300|height=405}} | |
=== Andriod_ASOS === | === Andriod_ASOS === | ||
* 검색필터를 추가하거나 넣는 것을 선택하여 필터에 맞는 항목으로 검색된 내용을 보여준다. | * 검색필터를 추가하거나 넣는 것을 선택하여 필터에 맞는 항목으로 검색된 내용을 보여준다. | ||
| − | + | {{#Widget:Vimeo|id=95491274|width=300|height=508}} | |
=== iPhone_Mixology™ === | === iPhone_Mixology™ === | ||
* 고정 항목과 랜덤 항목을 구분하여 입력하면, 해당 조건으로 나타날 수 있는 조합을 검색하여 랜덤으로 보여준다. | * 고정 항목과 랜덤 항목을 구분하여 입력하면, 해당 조건으로 나타날 수 있는 조합을 검색하여 랜덤으로 보여준다. | ||
| − | + | {{#Widget:Vimeo|id=93372820|width=300|height=405}} | |
=== iPad_InDic === | === iPad_InDic === | ||
* 이미 입력된 문자를 기반으로 해당 문자로 시작되는 가능한 결과를 검색하여 보여준다. | * 이미 입력된 문자를 기반으로 해당 문자로 시작되는 가능한 결과를 검색하여 보여준다. | ||
| − | + | {{#Widget:Vimeo|id=93373414|width=300|height=405}} | |
=== Andriod_Ski Butternut === | === Andriod_Ski Butternut === | ||
* 경로를 선택하여 Tap하면 버튼의 경로에 해당하는 스키슬로프를 서로 다른 색상으로 보여준다. | * 경로를 선택하여 Tap하면 버튼의 경로에 해당하는 스키슬로프를 서로 다른 색상으로 보여준다. | ||
| − | + | {{#Widget:Vimeo|id=95585611|width=300|height=508}} | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
[[Category:Search]] | [[Category:Search]] | ||
Search with criteria는 사용자가 지정한 filter를 통과한 결과만이 검색되는 pattern이다. 설정한 조건에 해당하는 항목을 검색한다.
어떤 종류가 있는지, 조작 방법(action)은 어떤 것이 있는지 설명한다.
이 패턴이 정의한 문제 상황과 이 패턴이 왜 필요한지(문제를 어떻게 해결할 수 있는지)를 설명
</div>