PageSourceSearch

https://devwithpug.github.io/random/

html devwithpug.github.io collected 2026-10-03 08:59:16 UTC 11,501 bytes, 416 lines download raw bytes

1<!doctype html>
2<!-- 
3
4   ____                                        __    __          ____                      
5  /\  _`\                                   __/\ \__/\ \        /\  _`\                    
6  \ \ \/\ \     __   __  __      __  __  __/\_\ \ ,_\ \ \___    \ \ \L\ \__  __     __     
7   \ \ \ \ \  /'__`\/\ \/\ \    /\ \/\ \/\ \/\ \ \ \/\ \  _ `\   \ \ ,__/\ \/\ \  /'_ `\   
8    \ \ \_\ \/\  __/\ \ \_/ |   \ \ \_/ \_/ \ \ \ \ \_\ \ \ \ \   \ \ \/\ \ \_\ \/\ \L\ \  
9     \ \____/\ \____\\ \___/     \ \___x___/'\ \_\ \__\\ \_\ \_\   \ \_\ \ \____/\ \____ \ 
10      \/___/  \/____/ \/__/       \/__//__/   \/_/\/__/ \/_/\/_/    \/_/  \/___/  \/___L\ \
11                                                                                    /\____/
12                                                                                    \_/__/ 
13  
14  지식은 행동을 통해서 얻어져야만 한다. 해보지 않는다면 모든 테스트는 공상에 지나지 않는다.
15  Copyright 2024 devwithpug. Powered by Jekyll & Minimal Mistakes.
16
17-->
18<html lang="ko" class="no-js">
19  <head>
20    <meta charset="utf-8">
21
22<!-- begin _includes/seo.html --><title>공부하며 끄적이는 장소 🐶</title>
23<meta name="description" content="공부하며 끄적이는 장소">
24<meta name="author" content="devwithpug">
25<meta property="article:author" content="devwithpug">
26<meta property="og:type" content="website">
27<meta property="og:locale" content="ko_KR">
28<meta property="og:site_name" content="공부하며 끄적이는 장소 🐶">
29<meta property="og:title" content="공부하며 끄적이는 장소 🐶">
30<meta property="og:url" content="https://devwithpug.github.io/random/">
31
32
33  <meta property="og:description" content="공부하며 끄적이는 장소">
34
35
36
37
38
39
40
41
42
43
44
45  
46
47  
48
49
50<link rel="canonical" href="https://devwithpug.github.io/random/">
51
52
53
54
55<script type="application/ld+json">
56  {
57    "@context": "https://schema.org",
58    
59      "@type": "Person",
60      "name": "devwithpug",
61      "url": "https://devwithpug.github.io/"
62    
63  }
64</script>
64
65
66
67  <meta name="google-site-verification" content="S3hT6RplOsehQBLHooFC2JKCUvgyjM9jvuiGIj0INfo" />
68
69
70
71
72
73
74<!-- end _includes/seo.html -->
75
76
77
78  <link href="/feed.xml" type="application/atom+xml" rel="alternate" title="공부하며 끄적이는 장소 🐶 Feed">
79
80
81<!-- https://t.co/dKP3o1e -->
82<meta name="viewport" content="width=device-width, initial-scale=1.0">
83
84<script>
85  document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
86</script>
86
87
88<!-- For all browsers -->
89<link rel="stylesheet" href="/assets/css/main.css">
90<!-- dark theme -->
91
92<link rel="stylesheet" href="/assets/css/main_dark.css">
93
94<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
95<link rel="stylesheet"
96    href="https://fonts.googleapis.com/css2?family=Indie+Flower&family=Noto+Sans+KR:wght@400;700&display=swap">
97<!--[if IE]>
98  <style>
99    /* old IE unsupported flexbox fixes */
100    .greedy-nav .site-title {
101      padding-right: 3em;
102    }
103    .greedy-nav button {
104      position: absolute;
105      top: 0;
106      right: 0;
107      height: 100%;
108    }
109  </style>
110<![endif]-->
111
112
113    <!-- start custom head snippets -->
114
115<!-- insert favicons. use https://realfavicongenerator.net/ -->
116
117<!-- end custom head snippets -->
118
119  </head>
120
121  <body class="layout--random">
122    <nav class="skip-links">
123  <h2 class="screen-reader-text">Skip links</h2>
124  <ul>
125    <li><a href="#site-nav" class="screen-reader-shortcut">Skip to primary navigation</a></li>
126    <li><a href="#main" class="screen-reader-shortcut">Skip to content</a></li>
127    <li><a href="#footer" class="screen-reader-shortcut">Skip to footer</a></li>
128  </ul>
129</nav>
130
131    <!--[if lt IE 9]>
132<div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</div>
133<![endif]-->
134
135    
136
137<div class="masthead">
138  <div class="masthead__inner-wrap">
139    <div class="masthead__menu">
140      <nav id="site-nav" class="greedy-nav">
141        
142        <a class="site-title" href="/" style="font-family: 'Indie Flower', cursive; font-size: 1.5rem;">
143          devwithpug
144          <span class="site-subtitle" style="font-family: 'system-ui'; font-size: 0.7rem;">공부하며 끄적이는 장소</span>
145        </a>
146        <ul class="visible-links"><li class="masthead__menu-item">
147              <a href="/random/">Random</a>
148            </li><li class="masthead__menu-item">
149              <a href="/about/">About</a>
150            </li><li class="masthead__menu-item">
151              <a href="/year-archive/">Post</a>
152            </li><li class="masthead__menu-item">
153              <a href="/categories/">Category</a>
154            </li><li class="masthead__menu-item">
155              <a href="/tags/">Tag</a>
156            </li></ul>
157        
158        <button class="search__toggle" type="button">
159          <span class="visually-hidden">SERACH_LABEL_TEXT</span>
160          <svg class="icon" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.99 16">
161            <path d="M15.5,13.12L13.19,10.8a1.69,1.69,0,0,0-1.28-.55l-0.06-.06A6.5,6.5,0,0,0,5.77,0,6.5,6.5,0,0,0,2.46,11.59a6.47,6.47,0,0,0,7.74.26l0.05,0.05a1.65,1.65,0,0,0,.5,1.24l2.38,2.38A1.68,1.68,0,0,0,15.5,13.12ZM6.4,2A4.41,4.41,0,1,1,2,6.4,4.43,4.43,0,0,1,6.4,2Z" transform="translate(-.01)"></path>
162          </svg>
163        </button>
164        
165        <!-- dark theme -->
166        
167        <input id="toggle_dark_theme" class="mh_toggle" type="checkbox">
168        <label for="toggle_dark_theme" class="material-icons-sharp mh_toggle_btn"></label>
169        
170        <button class="greedy-nav__toggle hidden" type="button">
171          <span class="visually-hidden">토글 메뉴</span>
172          <div class="navicon"></div>
173        </button>
174        <ul class="hidden-links hidden"></ul>
175      </nav>
176    </div>
177  </div>
178</div>
179
180
181    <div class="initial-content">
182      
182<script>
183    function linkToRandomBlogPost() {
184    var allPosts = [
185        
186        "/blog/close-2024/",
187        
188        "/blog/takecare-2023/",
189        
190        "/cdc/debezium-file-schema-history/",
191        
192        "/blog/farewell-2022/",
193        
194        "/kotlin/kotlin-multiple-receivers/",
195        
196        "/blog/add-delay-to-keys-with-karabiner/",
197        
198        "/java/java-thread-safe/",
199        
200        "/blog/goodbye-2021/",
201        
202        "/blog/opensw-retrospect/",
203        
204        "/java/querydsl-with-datajpa/",
205        
206        "/algorithm/algorithm-10/",
207        
208        "/project/randhand-4-jvm-warmup-on-spring-cloud-msa/",
209        
210        "/devops/docker-remote-ssh-and-tls/",
211        
212        "/project/randhand-3-ci-cd-with-github-actions-and-aws-codedeploy/",
213        
214        "/project/randhand-2-application-properties-encryption/",
215        
216        "/project/randhand-1-spring-security-with-jwt/",
217        
218        "/project/randhand-0/",
219        
220        "/java/java-modelmapper/",
221        
222        "/spring/about-hot-swap-in-spring-boot/",
223        
224        "/spring/oauth2-testing-with-mockmvc/",
225        
226        "/devops/spring-security-with-redis/",
227        
228        "/spring/spring-spel/",
229        
230        "/spring/spring-security-3/",
231        
232        "/blog/topcit/",
233        
234        "/spring/spring-security-2/",
235        
236        "/spring/spring-security-1/",
237        
238        "/spring/jpa-2/",
239        
240        "/spring/jpa-1/",
241        
242        "/python/py-deepcopy/",
243        
244        "/algorithm/algorithm-9/",
245        
246        "/spring/thymeleaf/",
247        
248        "/database/oci-mariadb/",
249        
250        "/algorithm/algorithm-8/",
251        
252        "/blog/utterances/",
253        
254        "/project/webhook/",
255        
256        "/spring/spring-3/",
257        
258        "/spring/spring-2/",
259        
260        "/algorithm/algorithm-7/",
261        
262        "/spring/spring-1/",
263        
264        "/algorithm/algorithm-6/",
265        
266        "/algorithm/algorithm-5/",
267        
268        "/algorithm/algorithm-4/",
269        
270        "/algorithm/algorithm-3/",
271        
272        "/java/java-1/",
273        
274        "/algorithm/algorithm-2/",
275        
276        "/algorithm/algorithm-1/",
277        
278        "/python/sabot-6/",
279        
280        "/python/sabot-5/",
281        
282        "/python/sabot-4/",
283        
284        "/python/sabot-3/",
285        
286        "/python/sabot-2/",
287        
288        "/python/sabot-1/",
289        
290        "/python/sabot-0/",
291        
292        "/blog/first-title/"
293        
294    ]; //-- 1
295
296    return allPosts[Math.floor(Math.random() * allPosts.length)]; //-- 2
297  }
298
299  location.replace(linkToRandomBlogPost()) //-- 3
300</script>
300
301    </div>
302
303    
304      <div class="search-content">
305        <div class="search-content__inner-wrap"><form class="search-content__form" onkeydown="return event.key != 'Enter';">
306    <label class="sr-only" for="search">
307      Enter your search term...
308    </label>
309    <input type="search" id="search" class="search-input" tabindex="-1" placeholder="검색어를 입력하세요..." />
310  </form>
311  <div id="results" class="results"></div></div>
312
313      </div>
314    
315
316    <!-- Back To Top -->
317    <aside class="sidebar__back_to_top">
318      <a href="#site-nav">
319        <img id="back-to-top-img" style="width: 55px;" src="/assets/images/back-to-top.png"/>
320      </a>
321    </aside>
322
323    <div id="footer" class="page__footer">
324      <footer>
325        <!-- start custom footer snippets -->
326
327<!-- end custom footer snippets -->
328        <div class="page__footer-follow">
329  <ul class="social-icons">
330    
331      <li><strong>메뉴</strong></li>
332    
333
334    
335      
336        
337      
338        
339      
340        
341      
342        
343      
344        
345      
346        
347      
348    
349
350    
351      <li><a href="/feed.xml"><i class="fas fa-fw fa-rss-square" aria-hidden="true"></i> 피드</a></li>
352    
353  </ul>
354</div>
355
356<div class="page__footer-copyright">&copy; 2024 devwithpug. Powered by <a href="https://jekyllrb.com" rel="nofollow">Jekyll</a> &amp; <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/" rel="nofollow">Minimal Mistakes</a>.</div>
357
358      </footer>
359    </div>
360
361    
362  
362<script src="/assets/js/main.min.js"></script>
362
363
364
365
366
367<script src="/assets/js/lunr/lunr.min.js"></script>
vendor: 1 bytes, line 367
367
368<script src="/assets/js/lunr/lunr-store.js"></script>
vendor: 1 bytes, line 368
368
369<script src="/assets/js/lunr/lunr-en.js"></script>
369
370
371<script>
372    $(document).ready(function() {
373        $('#back-to-top-img').hover(
374            function(e) {
375                e.preventDefault();
376                $('#back-to-top-img').attr("src", "/assets/images/back-to-top.gif");
377            },
378            function() {
379                $('#back-to-top-img').attr("src", "/assets/images/back-to-top.png");
380            }
381        );
382    });
383</script>
383
384
385
386
387  <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 387-388
387
388<script async src="https://www.googletagmanager.com/gtag/js?id=
388G-881EHN28BC
vendor: 12 bytes, line 388
388"></script>
389<script>
390  
vendor: 134 bytes, lines 390-394
390window.dataLayer = window.dataLayer || [];
391  function gtag(){dataLayer.push(arguments);}
392  gtag('js', new Date());
393
394  gtag('config', '
394G-881EHN28BC
vendor: 30 bytes, line 394
394', { 'anonymize_ip': false});
395</script>
395
396
397
398
399
400
401
402
403  
404    
404<script src="/assets/js/custom/dark-theme.js"></script>
404
405  
406
407
408
409  </body>
410<!-- 
411  Minimal Mistakes Jekyll Theme 4.23.0 by Michael Rose
412  Copyright 2013-2020 Michael Rose - mademistakes.com | @mmistakes
413  Free for personal and commercial use under the MIT license
414  https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE
415-->
416</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.