PageSourceSearch

https://daerew.com/

html daerew.com collected 2026-10-06 00:21:49 UTC 34,139 bytes, 937 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ko">
3<head>
4
5<!-- META -->
6<meta charset="utf-8">
7<meta name="generator" content="Rhymix">
8<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
9<meta name="csrf-token" content="XbC7q6nqdQMeiO9T" />
10<meta name="keywords" content="대류, daerew, 홈페이지 제작, 블로그 제작, 대류닷컴, 대류커뮤니티, daerew.com, 개인블로그, 개인홈페이지, 제로보드, 라이믹스, zeroboard" />
11<meta name="description" content="daerew.com" />
12
13<!-- TITLE -->
14<title>daerew.com</title>
15
16<!-- CSS -->
17<link rel="stylesheet" href="/files/cache/assets/combined/116ece91c782b6dd471efe6c804a550be3d3695b.css?t=1790175627" />
18
19<!-- JS -->
20<script src="/files/cache/assets/combined/281fb5fd779fea6095a357f851bdbc55ec57ba8b.js?t=1790175628"></script>
20
21
22<!-- RSS -->
23<link rel="alternate" type="application/rss+xml" title="Site RSS" href="https://daerew.com/rss" />
24<link rel="alternate" type="application/atom+xml" title="Site Atom" href="https://daerew.com/atom" />
25
26<!-- ICONS AND OTHER LINKS -->
27<link rel="canonical" href="https://daerew.com/" />
28<link rel="icon" href="/files/attach/xeicon/favicon.ico?t=1775246350" />
29
30<!-- OTHER HEADERS -->
31<meta name="twitter:card" content="summary" />
32<meta name="twitter:title" content="daerew.com" />
33<meta name="twitter:description" content="daerew.com" />
34<meta property="og:title" content="daerew.com" />
35<meta property="og:site_name" content="daerew.com" />
36<meta property="og:description" content="daerew.com" />
37<meta property="og:type" content="website" />
38<meta property="og:url" content="https://daerew.com/" />
39<meta property="og:locale" content="ko_KR" />
40<link rel="stylesheet" href="../page/daerewFONT.css">
41<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3440022957739791"
42     crossorigin="anonymous"></script>
42
43<meta name="naver-site-verification" content="d757e830571475f225af8b0c539de3ebee528954" />
44<style>
45    :root {
46        --zzan-neon: #2c3e50;
47        --header-top-bg: #ffffff;
48        --gnb-bg: #2c3e50;
49        --header-height: 100px;
50        --sidebar-width: 320px;
51        --layout-max-width: 1200px;
52    }
53</style>
54<style type='text/css'>
55    /* --- 프로필 섹션 --- */
56    .daerew-profile-rounded {
57        display: flex;
58        flex-direction: column;
59        align-items: flex-start;
60        text-align: left;
61        margin-bottom: 30px;
62        padding: 0; 
63        width: 100%;
64    }
65    .daerew-profile-img-box {
66        width: 140px;  
67        height: 95px;  
68        margin: 0 0 12px 0; 
69        border-radius: 12px; 
70        overflow: hidden;
71        border: 1px solid #eee;
72        box-shadow: 0 3px 8px rgba(0,0,0,0.05);
73        background-color: #fff;
74        transition: transform 0.3s ease;
75    }
76    .daerew-profile-img-box img {
77        width: 100%;
78        height: 100%;
79        object-fit: cover;
80    }
81    .daerew-profile-img-box:hover {
82        transform: translateY(-3px);
83    }
84    .daerew-profile-name {
85        font-size: 16px; 
86        font-weight: bold;
87        color: #888;
88        margin: 0 0 3px 0;
89        padding: 0;
90        letter-spacing: -0.5px;
91    }
92    .daerew-profile-desc {
93        font-size: 12px;
94        color: #999;
95        margin: 0;
96        padding: 0;
97        line-height: 1.4;
98    }
99
100    /* --- 사이드바 레이아웃 --- */
101    @media (max-width: 1024px) {
102        .daerew-sidebar { display: none; }
103    }
104    .daerew-sidebar {
105        width: 290px;
106        padding-top: 40px;
107        padding-left: 40px;
108        border-left: 0px solid #eee;
109        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
110    }
111    .daerew-menu-title {
112        font-size: 20px;
113        font-weight: bold;
114        color: #888;
115        margin-bottom: 12px;
116    }
117
118    /* --- 1단계 메뉴 스타일 --- */
119    .daerew-menu, .daerew-sub-menu {
120        list-style: none;
121        margin: 0;
122        padding: 0;
123    }
124    .daerew-menu > li {
125        margin-bottom: 6px;
126    }
127    .daerew-menu a {
128        font-size: 14px;
129        color: #666;
130        text-decoration: none;
131        line-height: 1.8;
132        display: block;
133    }
134    .daerew-menu a:hover {
135        color: #000;
136        text-decoration: underline;
137    }
138    .daerew-has-sub > a {
139        color: #555;
140    }
141
142    /* --- 2단계 서브메뉴 스타일 --- */
143    .daerew-sub-menu {
144        margin-top: 4px;
145        margin-left: 10px;
146        padding-left: 12px;
147        border-left: 1px solid #ddd;
148        max-height: 0;     
149        overflow: hidden;   
150        transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
151    }
152    .daerew-sub-menu a {
153        font-size: 12px;
154        color: #9a9a9a;
155        line-height: 1.7;
156    }
157    .daerew-sub-menu li {
158        margin-bottom: 3px;
159    }
160
161    /* 예외 처리: 특정 섹션 내부 서브메뉴 선 제거 */
162    .daerew-menu-section > .daerew-sub-menu {
163        border-left: none;
164        padding-left: 0;
165    }
166    .daerew-menu-section > .daerew-sub-menu > li > a {
167        font-size: 14px;
168        color: #666;
169    }   
170
171    /* --- 아코디언 토글(+/-) 버튼 스타일 --- */
172    .daerew-toggle {
173        cursor: pointer;
174        position: relative;
175        display: block;
176        padding-right: 20px;
177    }
178    .daerew-toggle::after {
179        content: "+";
180        position: absolute;
181        right: 0;
182        top: 50%;
183        transform: translateY(-50%);
184        font-size: 14px;
185        color: #aaa;
186        width: 18px;      
187        height: 18px;     
188        border: 1px solid #ddd; 
189        display: flex;    
190        align-items: center;
191        justify-content: center;
192        line-height: 1;
193        background-color: #fff;
194    }
195    .daerew-has-sub.daerew-open > .daerew-toggle::after {
196        content: "-";
197        color: #aaa;
198        border-color: #ddd;
199        font-weight: normal; 
200    }
201    .daerew-has-sub:not(.daerew-open) > .daerew-sub-menu {
202        max-height: 0;
203    }
204
205    /* --- 하단 공지/구분선 --- */
206    .daerew-notice {
207        margin-top: 30px;
208        padding-top: 15px;
209        border-top: 1px solid #ddd;
210    }
211        
212    /* --- Top 버튼 스타일 --- */
213    #daerew-top-btn {
214        display: none;
215        position: fixed;
216        bottom: 30px;
217        right: 30px;
218        z-index: 9999;
219        width: 48px;
220        height: 48px;
221        border: none;
222        background-color: #345678;
223        color: white;
224        cursor: pointer;
225        border-radius: 50%;
226        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
227        transition: all 0.3s;
228        align-items: center;
229        justify-content: center;
230    }
231    #daerew-top-btn:hover {
232        background-color: #212529;
233        transform: translateY(-5px);
234    }
235</style>
236</head>
237
238<!-- BODY START -->
239<body class="color_scheme_light">
240
241<!-- COMMON JS VARIABLES -->
242<script>
243	var default_url = "https://daerew.com/";
244	var current_url = "https://daerew.com/";
245	var request_uri = "https://daerew.com/";
246	var current_lang = xe.current_lang = "ko";
247	var current_mid = "index";
248	var http_port = null;
249	var https_port = null;
250	var enforce_ssl = true;
251	var cookies_ssl = false;
252	var rewrite_level = 2;
253	if (detectColorScheme) detectColorScheme();
254</script>
254
255
256<!-- PAGE CONTENT -->
257
258
259
260
261<div id="zzan_layout" class="zzan_container" data-color-scheme="light" data-sidebar="right" data-menu-style="full">
262    
263    <div class="zzan_mobile_overlay"></div>
264
265    <!-- Header -->
266	<header id="zzan_header" class="style_full tone_light">
267    <!-- Header Top: Logo & Utils -->
268    <div class="zzan_header_top">
269        <div class="zzan_inner">
270            <div class="header_left">
271                <!-- Logo -->
272                <h1 class="zzan_logo">
273                    <a href="https://daerew.com/">
274			<span>daerew.com</span>                    </a>
275                </h1>
276            </div>
277            
278            <div class="header_right">
279                <ul class="zzan_utl_menu">
280
281					<!--<a href="Guest">방명록</a>-->
282					<a href="https://www.instagram.com/brozin_moon" class="insta_link">
283						  <svg width="16" height="16" viewBox="0 0 24 24" fill="none">
284							<path d="M7 2H17C19.7614 2 22 4.23858 22 7V17C22 19.7614 19.7614 22 17 22H7C4.23858 22 2 19.7614 2 17V7C2 4.23858 4.23858 2 7 2Z" stroke="currentColor" stroke-width="2"/>
285							<circle cx="12" cy="12" r="4" stroke="currentColor" stroke-width="2"/>
286							<circle cx="17.5" cy="6.5" r="1.5" fill="currentColor"/>
287						  </svg>
288						  Instagram
289					</a>
290					
291  
292                    
293                    <!-- 모바일에서 메뉴 -->
294                    <li>
295                        <button type="button" class="zzan_m_nav_open">
296                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
297                                <path d="M3 12H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
298                                <path d="M3 6H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
299                                <path d="M3 18H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
300                            </svg>
301                        </button>
302                    </li>
303                </ul>
304            </div>
305        </div>
306    </div>
307
308
309
310    <!-- Mobile Navigation Drawer -->
311    <nav id="zzan_mobile_nav" class="zzan_mobile_drawer">
312        <div class="drawer_header">
313		<div class="user_info_mini">
314                <strong>daerew.com</strong>
315            </div>            <button type="button" class="zzan_m_nav_close"><i class="xi-close"></i></button>
316        </div>
317        <ul class="m_menu_list">
318	<li>
319                <div class="m_link_wrap">
320                    <a href="/Story" class="m_depth1">About</a>
321	                </div>
322	            </li><li>
323                <div class="m_link_wrap has_sub">
324                    <a href="/Board" class="m_depth1">Blog</a>
325	<button type="button" class="m_sub_toggle">
326                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
327                            <path d="M2 4L6 8L10 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
328                        </svg>
329                    </button>                </div>
330	<ul class="m_depth2_list">
331	<li>
332                        <div class="m_link_wrap">
333                            <a href="/Board" class="m_depth2">허공 속에 나부끼다</a>
334	                        </div>
335	                    </li><li>
336                        <div class="m_link_wrap">
337                            <a href="/Mind" class="m_depth2">바람이 전하는 말</a>
338	                        </div>
339	                    </li><li>
340                        <div class="m_link_wrap">
341                            <a href="/Inspiration" class="m_depth2">시인의 마을에서</a>
342	                        </div>
343	                    </li><li>
344                        <div class="m_link_wrap">
345                            <a href="/Ghost" class="m_depth2">달의 영혼</a>
346	                        </div>
347	                    </li><li>
348                        <div class="m_link_wrap">
349                            <a href="/Trip" class="m_depth2">발길 닿는 곳</a>
350	                        </div>
351	                    </li><li>
352                        <div class="m_link_wrap">
353                            <a href="/Care" class="m_depth2">생로병사의 비밀</a>
354	                        </div>
355	                    </li><li>
356                        <div class="m_link_wrap">
357                            <a href="/Web" class="m_depth2">뚝딱뚝닥 웹 공장</a>
358	                        </div>
359	                    </li>                </ul>            </li><li>
360                <div class="m_link_wrap has_sub">
361                    <a href="/FreeBoard" class="m_depth1">Archive</a>
362	<button type="button" class="m_sub_toggle">
363                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
364                            <path d="M2 4L6 8L10 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
365                        </svg>
366                    </button>                </div>
367	<ul class="m_depth2_list">
368	<li>
369                        <div class="m_link_wrap">
370                            <a href="/FreeBoard" class="m_depth2">자유게시판</a>
371	                        </div>
372	                    </li><li>
373                        <div class="m_link_wrap">
374                            <a href="/QnA" class="m_depth2">묻고 답하기</a>
375	                        </div>
376	                    </li><li>
377                        <div class="m_link_wrap">
378                            <a href="/Project" class="m_depth2">홈페이지 / 웹 제작 의뢰</a>
379	                        </div>
380	                    </li><li>
381                        <div class="m_link_wrap">
382                            <a href="/Scrap" class="m_depth2">스크랩</a>
383	                        </div>
384	                    </li>                </ul>            </li><li>
385                <div class="m_link_wrap">
386                    <a href="/Guest" class="m_depth1">Guestbook</a>
387	                </div>
388	            </li>        </ul>
389    </nav>
390</header>
391    <!-- 상단메뉴 -->
392    <nav class="zzan_gnb_bar style_full tone_light">
393        <div class="zzan_inner">
394            <ul class="zzan_main_menu">
395	<li>
396                    <a href="/Story">About</a>
397                    
398                    <!-- 2nd Depth -->
399	                </li><li>
400                    <a href="/Board">Blog</a>
401                    
402                    <!-- 2nd Depth -->
403	<ul class="depth2">
404	<li>
405                            <a href="/Board">허공 속에 나부끼다</a>
406                            
407                            <!-- 3rd Depth -->
408	                        </li><li>
409                            <a href="/Mind">바람이 전하는 말</a>
410                            
411                            <!-- 3rd Depth -->
412	                        </li><li>
413                            <a href="/Inspiration">시인의 마을에서</a>
414                            
415                            <!-- 3rd Depth -->
416	                        </li><li>
417                            <a href="/Ghost">달의 영혼</a>
418                            
419                            <!-- 3rd Depth -->
420	                        </li><li>
421                            <a href="/Trip">발길 닿는 곳</a>
422                            
423                            <!-- 3rd Depth -->
424	                        </li><li>
425                            <a href="/Care">생로병사의 비밀</a>
426                            
427                            <!-- 3rd Depth -->
428	                        </li><li>
429                            <a href="/Web">뚝딱뚝닥 웹 공장</a>
430                            
431                            <!-- 3rd Depth -->
432	                        </li>                    </ul>                </li><li>
433                    <a href="/FreeBoard">Archive</a>
434                    
435                    <!-- 2nd Depth -->
436	<ul class="depth2">
437	<li>
438                            <a href="/FreeBoard">자유게시판</a>
439                            
440                            <!-- 3rd Depth -->
441	                        </li><li>
442                            <a href="/QnA">묻고 답하기</a>
443                            
444                            <!-- 3rd Depth -->
445	                        </li><li>
446                            <a href="/Project">홈페이지 / 웹 제작 의뢰</a>
447                            
448                            <!-- 3rd Depth -->
449	                        </li><li>
450                            <a href="/Scrap">스크랩</a>
451                            
452                            <!-- 3rd Depth -->
453	                        </li>                    </ul>                </li><li>
454                    <a href="/Guest">Guestbook</a>
455                    
456                    <!-- 2nd Depth -->
457	                </li>            </ul>
458			
459			<div class="gnb_right_menu pc_only">
460            <a href="https://daerew.com/taedong" class="special_link">경성대학교 태권도부 태동</a>
461        </div>
462			
463			
464			
465        </div>
466    </nav>
467
468    <!-- Main Body -->
469    <main id="zzan_body">
470        <div class="zzan_content_wrapper">
471            
472            <!-- Sidebar (Left) -->
473	
474            <!-- Content Area -->
475            <section id="content">
476	<div class="xe-widget-wrapper " style="float: left; width: 100%; border-width: 0px; border-style: solid; border-color: rgb(33, 37, 41); margin: 0px; background-image: none; background-repeat: repeat; background-position: 0% 0%;"><div style="padding:0px 0px 0px 0px !important;">
477
478<div class="xet-content-widget">
479	
480		<div id="js-xet_content_id2_content">
481	
482<div class="daerew-search-container pc-only">
483    <form action="/" method="get" class="daerew-search-form"><input type="hidden" name="error_return_url" value="/" /><input type="hidden" name="mid" value="index" />
484        <input type="hidden" name="act" value="IS" />
485        <input type="hidden" name="vid" value="" />
486
487        <div class="daerew-search-inner">
488            <div class="search-input-wrapper">
489                <i class="fa fa-search icon-search"></i>
490                <input type="text" name="is_keyword" value="" 
491                       placeholder="daerew.com 속 무엇을 찾으시나요?" 
492                       class="daerew-input" autocomplete="off" />
493            </div>
494            <button type="submit" class="daerew-submit-btn">검색하기</button>
495        </div>
496    </form>
497</div>
498
499
500
501<div class="xet-content__webzine">
502	
503
504
505
506<div class="item">
507    <a href="https://www.daerew.com/Ghost/72260" class="link"></a>
508    
509    <div class="item__subject">
510        <a href="https://www.daerew.com/Ghost/72260" class="subject">중1 딸과 얘기나누고 싶은데 나가란다 ㅜㅜ</a>
511        </div>
512
513    <div class="item__bottom_flex">
514        <div class="item__content_wrp">
515            <div class="item-cell item__content">평소에 공부라고는 거의 하지 않던 아이가 어제오늘 밤늦게까지 책상 앞에 앉아 있다. 요즘 초등학교는 딱히 예전과 같은 성적표나 석차는 없고 중 1학년 1학기는 자유 학기라 시험이 없었고 중1 2학기가 되어서야 이제 ê³§ 첫 ë²
515ˆì§¸ 중간고사를 앞두고 있다. 그래도 시험 ...</div>
516            
517            <div class="item__meta">
518                <span class="item__date">2026.09.08</span>
519                <!---->
520	            </div>
521        </div>
522	<div class="item-cell item__thumbnail">
523		<a href="https://www.daerew.com/Ghost/72260">
524		<img src="/files/thumbnails/260/072/120x120.crop.jpg?t=1788878417" alt="중1 딸과 얘기나누고 싶은데 나가란다 ㅜㅜ" />
525	</a>
526	</div>
527    </div>
528</div>
529	
530	
531	
532	
533
534
535
536<div class="item">
537    <a href="https://www.daerew.com/Web/72234" class="link"></a>
538    
539    <div class="item__subject">
540        <a href="https://www.daerew.com/Web/72234" class="subject">라이믹스(rhymix) 레이아웃 daerew2026 v1.2</a>
541        </div>
542
543    <div class="item__bottom_flex">
544        <div class="item__content_wrp">
545            <div class="item-cell item__content">v1.2 업데이트 내역 1. 컨텐츠 영역 형태를 선택할 수 있는 옵션 추가 (기본형 / 히든 박스형 / 풀페이지) 2. 다크 모드와 관련한 소스 개선 (디바이스의 설정을 우선으로 하되 사용자가 선택한 방식을 기억) 다운로드: daerew2026.zip</div>
546            
547            <div class="item__meta">
548                <span class="item__date">2026.05.10</span>
549                <!--<span class="cmt_count">Reply 2</span>-->
550	<span class="cmt_count">2</span>            </div>
551        </div>
552	<div class="item-cell item__thumbnail">
553		<a href="https://www.daerew.com/Web/72234">
554		<img src="/files/thumbnails/234/072/120x120.crop.jpg?t=1778426461" alt="라이믹스(rhymix) 레이아웃 daerew2026 v1.2" />
555	</a>
556	</div>
557    </div>
558</div>
559	
560	
561	
562	
563
564
565
566<div class="item">
567    <a href="https://www.daerew.com/Web/72218" class="link"></a>
568    
569    <div class="item__subject">
570        <a href="https://www.daerew.com/Web/72218" class="subject">라이믹스(rhymix) 레이아웃 daerew2026_v1.1</a>
571        </div>
572
573    <div class="item__bottom_flex">
574        <div class="item__content_wrp">
575            <div class="item-cell item__content">라이믹스용 레이아웃 daerew2026에서 기능이 보강 된 버전 다운로드: daerew2026.zip 이 레이아웃은 홈페이지의 메인 디자인이 아니라 서브 페이지를 만들기 위해 제작된 레이아웃이라 때로는 메뉴나 로고가 필요 없을 때가 있고, 메뉴나 로고 대신에 바로가기 버튼이 필...</div>
576            
577            <div class="item__meta">
578                <span class="item__date">2026.05.09</span>
579                <!---->
580	            </div>
581        </div>
582	<div class="item-cell item__thumbnail">
583		<a href="https://www.daerew.com/Web/72218">
584		<img src="/files/thumbnails/218/072/120x120.crop.jpg?t=1778426461" alt="라이믹스(rhymix) 레이아웃 daerew2026_v1.1" />
585	</a>
586	</div>
587    </div>
588</div>
589	
590	
591	
592	
593
594
595
596<div class="item">
597    <a href="https://www.daerew.com/Board/63424" class="link"></a>
598    
599    <div class="item__subject">
600        <a href="https://www.daerew.com/Board/63424" class="subject">폴더 속에 잠들어 있던 오래전 내가 만든 홈페이지 기록</a>
601        </div>
602
603    <div class="item__bottom_flex">
604        <div class="item__content_wrp">
605            <div class="item-cell item__content">대류커뮤니티 v307 폴더 속에 있던 자료 웹디자인 프로젝트 히스토리 Main 태동 (경성대학교 태권도 동아리 ver.1~ver10) 대류커뮤니티 (웹사이트 제작 커뮤니티 ver1~ver3) 2003 붉은벤젠 (고교동창모임) 희재웹 (개인사이트) 프렌즈NBC (팬사이트) 프렌즈카페 (팬사이...</div>
606            
607            <div class="item__meta">
608                <span class="item__date">2026.04.30</span>
609                <!---->
610	            </div>
611        </div>
612	<div class="item-cell item__thumbnail">
613		<a href="https://www.daerew.com/Board/63424">
614		<img src="/files/thumbnails/424/063/120x120.crop.jpg?t=1777718644" alt="폴더 속에 잠들어 있던 오래전 내가 만든 홈페이지 기록" />
615	</a>
616	</div>
617    </div>
618</div>
619	
620	
621	
622	
623
624
625
626<div class="item">
627    <a href="https://www.daerew.com/Board/63423" class="link"></a>
628    
629    <div class="item__subject">
630        <a href="https://www.daerew.com/Board/63423" class="subject">폴더 속에 잠들어 있던 오래전 알바 기록</a>
631        </div>
632
633    <div class="item__bottom_flex">
634        <div class="item__content_wrp">
635            <div class="item-cell item__content">대류커뮤니티 v307 폴더 속에 있던 자료 📋 소중한 나의 경력 1995 편의점 (동래중 YOU&amp;I) 1996 막노동 (남산동 개인주택) 당구장 (포세븐 당구장) 1997 영창벤딩 (고3 위장취업) 과외 (최종헌) 1998 이삿짐센터 (재송동) 웨이터 (동그라미 단란주점) 1999 과외 (최종헌)...</div>
636            
637            <div class="item__meta">
638                <span class="item__date">2026.04.30</span>
639                <!---->
640	            </div>
641        </div>
642	    </div>
643</div>
644	
645	
646	
647	
648
649
650
651<div class="item">
652    <a href="https://www.daerew.com/Web/63068" class="link"></a>
653    
654    <div class="item__subject">
655        <a href="https://www.daerew.com/Web/63068" class="subject">모바일, 페이지용으로 사용하기 좋은 daerew2026 라이믹스 레이아웃</a>
656        </div>
657
658    <div class="item__bottom_flex">
659        <div class="item__content_wrp">
660            <div class="item-cell item__content">제로보드 시절 여러 홈페이지를 운영하다 보니 필요에 의해 미친듯이 만들어 냈던 수많은 스킨들.. XE시절에는 이제 더이상 웹 삽질할 시간도 없어 혼자서 공부용으로 만든 허접떼기들 밖에 없었는데 이번에 필요에 의해 레이아웃을 만들게 되었다. 처음엔 배포할 생각으...</div>
661            
662            <div class="item__meta">
663                <span class="item__date">2026.04.21</span>
664                <!---->
665	            </div>
666        </div>
667	<div class="item-cell item__thumbnail">
668		<a href="https://www.daerew.com/Web/63068">
669		<img src="/files/thumbnails/068/063/120x120.crop.jpg?t=1776788499" alt="모바일, 페이지용으로 사용하기 좋은 daerew2026 라이믹스 레이아웃" />
670	</a>
671	</div>
672    </div>
673</div>
674	
675	
676	
677	</div>
678				</div>
679	</div>
680</div></div>            </section>
681
682            <!-- Sidebar (Right) -->
683		<aside id="zzan_sidebar">
684
685<script id="daerew-menu-script">
686document.addEventListener("DOMContentLoaded", function () {
687    
688    /* 1. 사이드바 아코디언 메뉴(열고 닫기) 기능 */
689    document.querySelectorAll(".daerew-toggle").forEach(function(toggle) {
690        toggle.addEventListener("click", function(e) {
691            
692            // a 태그이고 실제 이동할 링크가 있는 경우, 우측 버튼 영역(약 30px) 제외 글자 클릭 시 링크 이동 허용
693            if (this.tagName.toLowerCase() === "a" && this.getAttribute("href") && this.getAttribute("href") !== "#") {
694                if (e.offsetX < this.offsetWidth - 30) {
695                    return; // 함수 종료 (링크 이동 방해 안 함)
696                }
697            }
698
699            // 우측 버튼 영역 클릭 또는 링크 없는 메뉴 클릭 시 동작
700            e.preventDefault(); 
701            e.stopPropagation();
702
703            const parent = this.closest(".daerew-has-sub");
704            const submenu = parent.querySelector(":scope > .daerew-sub-menu");
705
706            if (!submenu) return; // 하위 메뉴 없으면 중단
707
708            parent.classList.toggle("daerew-open");
709
710            if (parent.classList.contains("daerew-open")) {
711                submenu.style.maxHeight = submenu.scrollHeight + "px";
712            } else {
713                submenu.style.maxHeight = "0";
714            }
715        });
716    });
717
718    /* 2. 초기 설정: 'daerew-open' 클래스가 있는 메뉴 자동 펼침 */
719    document.querySelectorAll(".daerew-has-sub.daerew-open").forEach(function(menu) {
720        const submenu = menu.querySelector(":scope > .daerew-sub-menu");
721        if (submenu) {
722            submenu.style.maxHeight = submenu.scrollHeight + "px";
723        }
724    });
725});
726
727/* 3. Top 버튼(위로 가기) 기능 */
728document.addEventListener("DOMContentLoaded", function() {
729    const topBtn = document.getElementById("daerew-top-btn");
730    if (!topBtn) return;
731
732    topBtn.style.display = "none";
733
734    // 스크롤 이벤트 감시
735    window.addEventListener("scroll", function() {
736        if (window.pageYOffset > 300) {
737            topBtn.style.display = "flex";
738        } else {
739            topBtn.style.display = "none";
740        }
741    });
742
743    // 클릭 시 최상단 부드럽게 이동
744    topBtn.addEventListener("click", function() {
745        window.scrollTo({ top: 0, behavior: "smooth" });
746    });
747});
748</script>
748
749
750
751
752
753
754<div class="daerew-sidebar">
755    
756    <div class="daerew-profile-rounded">
757        <div class="daerew-profile-img-box">
758            <img src="/layouts/zzan_simple/pro11.jpg" alt="프로필 이미지">
759        </div>
760        <div class="daerew-profile-info">
761            <p class="daerew-profile-name">brozin_moon</p>
762            <p class="daerew-profile-desc">daerew</p>
763        </div>
764    </div>
765    
766    <div class="daerew-menu-section">
767        <div class="daerew-menu-title">Category</div>
768        <ul class="daerew-menu">
769            <li><a href="https://daerew.com/Board">허공 속에 나부끼다</a></li>
770            <li><a href="https://daerew.com/Mind">바람이 전하는 말</a></li>
771            <li><a href="https://daerew.com/Inspiration">시인의 마을에서</a></li>              
772            <li><a href="https://daerew.com/Ghost">달의 영혼</a></li>
773            <li class="daerew-has-sub daerew-open">
774                <a href="https://daerew.com/Care" class="daerew-toggle">생로병사의 비밀</a>
775                <ul class="daerew-sub-menu">
776                    <li><a href="https://daerew.com/Care/category/42042">엄마를 앗아간 게실염</a></li>
777                    <li><a href="https://daerew.com/Care/category/42043">일곱 살 아데노이드 수술</a></li>
778                    <li><a href="https://daerew.com/Care/category/42044">눈 밑 지방 제거술</a></li>
779                </ul>
780            </li>
781            <li class="daerew-has-sub daerew-open">
782                <a href="https://daerew.com/Trip" class="daerew-toggle">발길 닿는 곳</a>
783                <ul class="daerew-sub-menu">
784                    <li><a href="https://daerew.com/Trip/category/42507">부산</a></li>
785                    <li><a href="https://daerew.com/Trip/category/42508">제주</a></li>
786                    <li><a href="https://daerew.com/Trip/category/42509">일본</a></li>
787                    <li><a href="https://daerew.com/Trip/category/42510">해외</a></li>
788                </ul>
789            </li>
790            <li><a href="https://daerew.com/Web">뚝딱뚝딱 웹 공장</a></li>
791        </ul>
792    </div>
793
794    <div class="daerew-menu-section daerew-notice daerew-has-sub">
795        <div class="daerew-menu-title daerew-toggle">Archive</div>
796        <ul class="daerew-menu daerew-sub-menu">
797            <li class="daerew-has-sub daerew-open">
798                <a href="https://daerew.com/FreeBoard" class="daerew-toggle">자유게시판</a>
799                <ul class="daerew-sub-menu">
800                    <li><a href="https://daerew.com/FreeBoard/category/14844">offline</a></li>
801                    <li><a href="https://daerew.com/FreeBoard/category/14843">online</a></li>
802                    <li><a href="https://daerew.com/FreeBoard/category/14842">anonymous</a></li>
803                </ul>
804            </li>
805            <li><a href="https://daerew.com/QnA">묻고 답하기</a></li>
806            <li><a href="https://daerew.com/Project">홈페이지 / 웹 제작 의뢰</a></li>
807            <li><a href="https://daerew.com/Scrap">스크랩</a></li>
808        </ul>
809    </div>
810
811    <div class="daerew-menu-section daerew-notice">
812        <div class="daerew-menu-title">Comments</div>   
813        <div class="xe-widget-wrapper " style=""><div style="padding:0px 0px 0px 0px !important;">
814<div class="widgetContainer">
815			    <ul class="widgetA">
816		        <li>
817
818				
819                    <a href="https://daerew.com/Web/72234#comment_72258" style="font-size:13px; color:#666; line-height: 2.2;">서브페이지용으로 제작한 거라 로그인, 관리...</a>
820
821	
822	
823	
824		        </li>
825		        <li>
826
827				
828                    <a href="https://daerew.com/Web/72234#comment_72251" style="font-size:13px; color:#666; line-height: 2.2;">정말 깔끔한 레이아웃 감사합니다. 몇가지만...</a>
829
830	
831	
832	
833		        </li>
834		        <li>
835
836				
837                    <a href="https://daerew.com/Web/62841#comment_62980" style="font-size:13px; color:#666; line-height: 2.2;">낙훈님이 오셨네요.. 저는 최근에 이온디 갔...</a>
838
839	
840	
841	
842		        </li>
843		        <li>
844
845				
846                    <a href="https://daerew.com/Web/62841#comment_62975" style="font-size:13px; color:#666; line-height: 2.2;">제로보드 php8에 맞춘 버전도 있죠. https:/...</a>
847
848	
849	
850	
851		        </li>
852		        <li>
853
854				
855                    <a href="https://daerew.com/Care/43200#comment_43281" style="font-size:13px; color:#666; line-height: 2.2;">어우 이런... 제가 댓글을 이제서야 봤습니...</a>
856
857	
858	
859	
860		        </li>
861		    </ul>
862
863	
864
865	</div>
866</div></div>
867    </div>      
868
869    <div class="daerew-menu-section daerew-notice">
870        <div class="xe-widget-wrapper " style=""><div style="padding:0px 0px 0px 0px !important;"><div class="widgetContainer">
871    <dl class="widgetCounter">
872	    <dt></dt>
873        <dd style="font: 30px sans-serif; font-weight: bold; margin-bottom:5px;">8,224,712</dd>
874        <dt>Today </dt>
875        <dd>1,625</dd>
876        <dt>Yesterday </dt>
877        <dd>5,324</dd>
878    </dl>
879</div>
880</div></div>
881    </div>      
882    
883</div> <button id="daerew-top-btn" title="Go to top">
884    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
885        <path d="M18 15l-6-6-6 6"/>
886    </svg>
887</button>
888
889</aside>
890	
891        </div>
892    </main>
893
894    <!-- Footer -->
895	<footer id="zzan_footer">
896    <div class="zzan_inner" style="max-width: 1200px">
897        <div class="footer_top">
898            <!-- Footer Logo -->
899            <div class="footer_logo">
900		
901                <a href="https://daerew.com/">
902			<span>daerew.com</span>                </a>
903			
904            </div>
905            <!-- Footer Menu -->
906	<ul class="footer_nav">
907	<li>
908                    <a href="/Story">About</a>
909                </li><li>
910                    <a href="/Board">Blog</a>
911                </li><li>
912                    <a href="/FreeBoard">Archive</a>
913                </li><li>
914                    <a href="/Guest">Guestbook</a>
915                </li>            </ul>        </div>
916        <div class="footer_bottom">
917            <div class="copyright">
918	Copyright © 2003-
918<script>document.write(new Date().getFullYear())</script>
918 daerew.com All <a href="/admin" target="_blank">Rights</a> Reserved.	            </div>
919        </div>
920    </div>
921</footer>
922
923</div>
924
925
926
927<!-- ETC -->
928<div id="rhymix_alert"></div>
929<div id="rhymix_debug_panel"></div>
930<div id="rhymix_debug_button"></div>
931
932<!-- BODY JS -->
933<script src="/files/cache/assets/minified/widgets.xet_content.skins.xet_default.js.content.min.js?t=1790175629"></script>
vendor: 1 bytes, line 933
933
934<script src="/files/cache/assets/minified/addons.autolink.autolink.min.js?t=1790175411"></script>
934
935
936</body>
937</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.