https://langminjeii.ifantic.de/ko/ Recent content on ifanticのBlog Hugo -- gohugo.io ko IFantic | BLOG Wed, 08 Apr 2026 19:29:55 +0800 https://langminjeii.ifantic.de/ko/post/magic-to-go-to-my-star/ Thu, 27 Feb 2025 11:06:05 +0800 https://langminjeii.ifantic.de/ko/post/magic-to-go-to-my-star/ <img src="https://static.houhuayuan.me/blog/2025/03/01d5ed5e1f4fef7e5722c167de60905a.png" alt="Featured image of post 한국 노래 추천" /><p> <div class="post-img-view"> <a data-fancybox="gallery" href="https://th.bing.com/th/id/OIP.DGhPAaOtNZODpTPQ44m-gwHaHa?w=181&amp;h=181&amp;c=7&amp;r=0&amp;o=5&amp;dpr=1.5&amp;pid=1.7"> <img src="https://th.bing.com/th/id/OIP.DGhPAaOtNZODpTPQ44m-gwHaHa?w=181&amp;h=181&amp;c=7&amp;r=0&amp;o=5&amp;dpr=1.5&amp;pid=1.7" alt="" /> </a> </div> </p> <p>미쳐 - 이정현</p> <details> <summary>클릭하여 동영상 열기</summary> <iframe src="https://player.bilibili.com/player.html?isOutside=true&aid=7608751&bvid=BV15s411a7Fq&cid=12461505&p=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe> </details> <p>미쳐 - 이정현 (반주)</p> <details> <summary>클릭하여 동영상 열기</summary> <iframe src="https://player.bilibili.com/player.html?isOutside=true&aid=113436696510799&bvid=BV1DEDjYaEsM&cid=26645629952&p=1&autoplay=0" scrolling="0" border="0" frameborder="0" framespacing="0" allowfullscreen="true"></iframe> </details> <blockquote> <p><strong>노래 가사</strong></p> </blockquote> <style> .mainvlr { margin:20px; font-size: 20px; letter-spacing: 2px; } .vlr{ writing-mode: vertical-lr; } .vrl{ writing-mode: vertical-rl; unicode-bidi: bidi-override; border: 1px solid; padding: 5px; margin: 5px; margin-right: 5px; word-wrap: break-word; overflow-y:auto; height: 500px; width: 100%; } </style> <div class="vrl" id="vrlmain"> <div class="mainvlr"> <p>왜 우니 또 왜 그리</p> <p>바보같이 혼자니 왜 못 잊니</p> <p>그 사람을 이미 끝나버린 사랑</p> <p>어떻게든 지워버려</p> <p>바보야 이 바보야</p> <p>이러지마 어리석게 추억에 기대지마</p> <p>다시는 돌아오지 않아 이젠 울지마</p> <p>너 땜에 미쳐</p> <p>있을 땐 미쳐</p> <p>이럴 줄 몰랐었어</p> <p>행복에 갇혀</p> <p>모든 걸 바쳐</p> <p>사랑만 했으니까</p> <p>어떻게 네가 떠날 수 있니</p> <p>그럴 줄 몰랐었어</p> <p>내 맘에 상처 추억에 다쳐</p> <p>랐었어</p> <p>내 맘에 상처</p> <p>추억에 다쳐</p> <p>이토록 아플 줄은</p> <p>네가 너무 보고 싶어 죽겠어 어떡해</p> <p>너 하나만 바라보고 살아갈테니</p> <p>제발 내게 돌아와줘</p> <p>더이상 그 누구도 사랑할 수 없어</p> <p>난 어떻게 살아가야 하니</p> <p>다시 내게 돌아올 수 없니 사랑해</p> <p>이렇게 니앞에서 무릎꿇고 빌게</p> <p>죽을 만큼 다시 사랑할게</p> <p>니가 보고싶어 미쳐버릴 것 같아</p> <p>내게로 돌아 내게로 돌아와</p> <p>아무리 멀리 있어도</p> <p>아무리 오래 걸려도</p> <p>돌아올 그날까지 기다릴거야</p> <p>다시는 거울 앞에서</p> <p>다시는 울지 않을래</p> <p>다시 넌 돌아와 줄 테니까</p> </div> </div> <script> window.scrollTo(document.body.scrollWidth - 500, 0); </script> <div class="mycard"> <div class="content"> <details> <summary> 歌词翻译</summary> <blockquote> <p>[001]</p> </blockquote> <p>왜 우니 또 왜 그리 바보같이</p> <p>为何哭泣 为何依旧如此愚笨</p> <p><code>왜</code>：为什么 <code>또</code>：又 <code>그리</code>：那样 <code>같이</code>：像……一样</p> <p>혼자니 왜 못 잊니 그 사람을</p> <p>为何独自一人 为何无法忘怀那人</p> <p><code>혼자니</code>：独自一人 <code>그 사람을</code>：那个人（<code>사람</code>：人）</p> <p>이미 끝나버린 사랑 어떻게든 지워버려</p> <p>早已结束的爱情 无论如何都要忘记</p> <p><code>이미</code>：已经 <code>끝나버린</code>：结束的 <code>어떻게든</code>：无论如何 <code>지워버려</code>：抹去、擦除</p> <p>바보야 이 바보야 이러지마</p> <p>傻瓜啊 你这傻瓜 别再这样</p> <p><code>바보</code>：傻瓜 <code>이</code>：这</p> <p>어리석게 추억에 기대지마</p> <p>别再愚蠢地依赖回忆</p> <p><code>어리석게</code>：愚蠢地 <code>추억에</code>：回忆 <code>기대지마</code>：别依赖</p> <p>다시는 돌아오지 않아 이젠 울지마</p> <p>再也不会回来 现在别再哭泣</p> <p><code>다시는</code>：再次、重新 <code>이젠</code>：从此刻开始 <code>울지마</code>：别哭了（<code>지마</code>：别……）</p> <blockquote> <p>[002]</p> </blockquote> <p>너 땜에 미쳐 있을 땐 미처</p> <p>为你疯狂时，让我尽情疯狂吧</p> <p><code>너</code>：你 <code>땜에</code>：因为</p> <p>이럴 줄 몰랐었어</p> <p>我竟浑然不觉</p> <p><code>이럴 줄</code>：会这样 <code>몰랐었어</code>：没想到</p> <p>행복에 갇혀 모든 걸 바쳐</p> <p>被困在幸福里 付出所有</p> <p><code>행복</code>:幸福 <code>갇혀</code>：被困住 <code>모든</code>：所有的 <code>걸</code>：东西、事物 <code>바쳐</code>：付出</p> <p>사랑만 했으니까</p> <p>只因全心投入这份爱</p> <p><code>만</code>：只</p> <p>어떻게 네가 떠날 수 있니</p> <p>你怎会就这样离我而去</p> <p><code>어떻게</code>：怎么 <code>네가</code>：你 <code>떠날 수 있니</code>：能离开</p> <p>그럴 줄 몰랐었어</p> <p>没想到会那样</p> <p><code>그</code>：那（<code>이</code>：这）</p> <p>내 맘의 상처 추억에 다쳐</p> <p>我心上的伤痕 被回忆反复折磨</p> <p><code>내</code>：我的 <code>맘의</code>：心 <code>상처</code>：伤处 <code>추억에</code>：回忆 <code>다쳐</code>：因……受伤</p> <p>쓰라려 아파하길</p> <p>这般痛楚灼烧着</p> <p><code>쓰라려</code>：灼痛 <code>길</code>：希望……</p> <blockquote> <p>[003]</p> </blockquote> <p>차라리 너 이 세상에 없었음 좋겠어</p> <p>宁愿你从未存在过这世间</p> <p><code>차라리</code>：倒不如、宁愿 <code>이</code>：这 <code>세상</code>：世上 <code>없었음</code>：不存在</p> <p>영원히 널 미워하고 원망할거야</p> <p>我会永远憎恨并怨恨着你</p> <p><code>영원</code>：永远 <code>널</code>：你 <code>미워</code>：讨厌 <code>원망</code>：怨恨</p> <p>나는 이제 어떻게 해</p> <p>如今我该如何是好</p> <p><code>나는</code>：我 <code>이제</code>：现在 <code>어떻게 해</code>：怎么办</p> <p>더이상 그 누구도 사랑할 수 없어</p> <p>再也无法爱上任何人</p> <p>난 어떻게 살아가야 하니</p> <p>我该怎样继续活下去</p> <p>다시 내게 돌아올 수 없니 사랑해</p> <p>不能回到我身边吗 我爱你</p> <p>이렇게 니앞에서 무릎 꿇고 빌게</p> <p>就这样跪在你面前祈求</p> <p>죽을 만큼 다시 사랑할게</p> <p>爱到濒死也要重新开始</p> <p>니가 보고싶어 미쳐버릴 것 같아</p> <p>思念你到快要发狂</p> <p>내게로 돌아와</p> <p>回到我身边吧</p> <p>[004]</p> <p>날 혼자 버려두지마</p> <p>别把我独自遗弃</p> <p>이제서야 사랑이란 걸 깨우친 걸</p> <p>直到此刻才领悟何为爱情</p> <p>늦은 후회뿐인 걸 하지만 널 잊기 위해 나</p> <p>徒留迟来的悔意 但为了忘记你</p> <p>그렇게 애를 썼지만 소용없는 걸</p> <p>那般拼命努力却毫无意义</p> <p>네가 비운 자리 채워보려 했지</p> <p>试图填补你留下的空缺</p> <p>그 무엇도 그 누구도 채워질 수 없었지</p> <p>却发觉任何事物任何人都无法替代</p> <p>이만큼 이토록 너를 사랑하기에</p> <p>正因爱你至此 爱得如此深切</p> <p>[005]</p> <p>네 맘이 닫혀</p> <p>你的心门紧闭</p> <p>네 맘이 닫혀 떠날 땐 미쳐</p> <p>你的心门紧闭 离开时那般决绝</p> <p>이럴 줄 몰랐었어</p> <p>我竟未曾预料</p> <p>내 맘에 상처 추억에 다쳐</p> <p>我心上的伤痕 被回忆反复撕裂</p> <p>이토록 아플 줄은</p> <p>痛楚竟如此剧烈</p> <p>네가 너무 보고 싶어 죽겠어 어떡해</p> <p>思念你到快要死去 该如何是好</p> <p>너 하나만 바라보고 살아갈테니</p> <p>此生只愿注视你一人而活</p> <p>제발 내게 돌아와줘</p> <p>求你回到我身边</p> <p>[006]</p> <p>더이상 그 누구도 사랑할 수 없어</p> <p>再也无法爱上任何人</p> <p>난 어떻게 살아가야 하니</p> <p>我该怎样继续活下去</p> <p>다시 내게 돌아올 수 없니 사랑해</p> <p>不能回到我身边吗 我爱你</p> <p>이렇게 니앞에서 무릎 꿇고 빌게</p> <p>就这样跪在你面前祈求</p> <p>죽을 만큼 다시 사랑할게</p> <p>爱到濒死也要重新开始</p> <p>니가 보고싶어 미쳐버릴 것 같아</p> <p>思念你到快要发狂</p> <p>내게로 돌아와</p> <p>回到我身边吧</p> <p>[007]</p> <p>아무리 멀리 있어도 아무리 오래 걸려도</p> <p>无论相隔多远 无论要等多久</p> <p>돌아올 그날까지 기다릴거야</p> <p>直到你归来的那天 我都会守候</p> <p>다시는 거울 앞에서 다시는 울지 않을래</p> <p>再也不会对镜垂泪</p> <p>다시 넌 돌아와 줄 테니까</p> <p>因为我知道你终将回来</p> </details> </div> </div> <div class="mycard"> <div class="content"> 「Magic To Go To My Star」는 이정현의 음색이 가장 뛰어나고 독특한 앨범이라고 생각합니다.<br> 특히 〈미쳐〉는 녹음실에서만 들을 수 있는 독특한 보컬 스타일로, 이정현 본인조차도 재현하기 어려운 특별함이 담긴 곡입니다. </div> </div> <div class="mycard"> <div class="content"> <details> <summary> </summary> <p>翻译注释：</p> <ol> <li>私以为：제생각에는 或者 저는 &hellip;라고 생각합니다<br> 《Magic To Go To My Star》：保持原名，使用书名号或者引号，这里可能用「Magic To Go To My Star」</li> <li>李贞贤：이정현</li> <li>音色最好最独特：음색이 가장 좋고 독특한</li> <li>一张专辑：앨범</li> </ol> <ul> <li>组合起来： <strong>제생각에는 「Magic To Go To My Star」 가이정현의 음색이 가장 좋고 독특한 앨범이라고 생각합니다.</strong><br> 或者更简洁的版本：<strong>「 Magic To Go To My Star」 는 이정현의 음색이 가장 뛰어나고 독특한 앨범이라고 생각합니다.</strong></li> </ul> <ol> <li>&ldquo;疯掉&quot;采用原曲名〈미쳐〉(韩文原版歌名)</li> <li>&ldquo;独一无二的唱腔&quot;译为&quot;독특한 보컬 스타일&rdquo;(独特的声音风格)+&ldquo;녹음실에서만 들을 수 있는&rdquo;(只能在录音室听到的)进行语意补充</li> <li>&ldquo;难以复现&quot;处理为&quot;재현하기 어려운&rdquo;+&ldquo;특별함이 담긴&rdquo;(蕴含特别性的)双重表达，增强语气层次</li> </ol> <ul> <li>“录音室里独一元二的唱腔”要翻泽成韩语，注意“独一无二”可以用“독특한&rdquo; 或者“유일무이한&quot;，但“독특한&quot;更常用。“唱腔”可以翻译为“보컬스타일&quot;或者“노래 스타일”。“录音室”是&quot;녹음실에서”或者“스튜디오에서&quot;。<br> 然后，“连李贞贤本人也难以复现”中的“难以复现”可以用“재현하기 어렵다”或者“다시 구현하기 힘들다”。要确保主语正确，这里的主语是李贞贤本人，所以用“이정현 본인조차도”此较合适。<br> 还需要注意韩语的语序和助词的使用，比如은/는，이/가的正确搭配。例如，“《미쳐》는녹음실에서의 독특한 보컬 스타일이이정현 본인조차도 재현하기 어렵다고 생각합니다.”这里“는”用于主题标记，“이”用于主语。</li> </ul> </details> </div> </div> https://langminjeii.ifantic.de/ko/about/ Fri, 09 Oct 2020 00:00:00 +0000 https://langminjeii.ifantic.de/ko/about/ <p style="text-align:center">ifantic의 오두막에 오신 것을 환영합니다 📝</p> <!-- Add blog running time --> <p>📆 이 블로그는 <span id="runningdays" class="running-days"></span></p> <script> let s1 = '2025-02-19'; //website start date s1 = new Date(s1.replace(/-/g, "/")); let s2 = new Date(); let timeDifference = s2.getTime() - s1.getTime(); let days = Math.floor(timeDifference / (1000 * 60 * 60 * 24)); let hours = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); let minutes = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60)); let result = days + "일" + hours + "시간" + minutes + "분 동안 안정적으로 운영되고 있습니다. 🌱 🍀 🍁 ❄️"; document.getElementById('runningdays').innerHTML = result; </script> <div id="heatmap" style=" max-width: 1900px; height: 180px; padding: 2px; text-align: center; " ></div> <script src="https://langminjeii.ifantic.de/js/echarts.min.js"></script> <script type="text/javascript"> var chartDom = document.getElementById('heatmap'); var myChart = echarts.init(chartDom); window.onresize = function() { myChart.resize(); }; var option; var dataMap = new Map(); var key = "2025-02-27"; var value = dataMap.get(key); var wordCount = Math.min( 2589 ); var link = "/ko/post/magic-to-go-to-my-star/"; var title = "한국 노래 추천"; if (value == null) { dataMap.set(key, [{wordCount, link, title}]); } else { value.push({wordCount, link, title}); }var data = []; for (const [key, value] of dataMap.entries()) { var sum = 0; for (const v of value) { sum += Math.min(v.wordCount, 13000); } data.push([key, (sum / 1000).toFixed(1)]); } var startDate = new Date(); var year_Mill = startDate.setFullYear((startDate.getFullYear() - 1)); var startDate = +new Date(year_Mill); var endDate = +new Date(); var dayTime = 3600 * 24 * 1000; startDate = echarts.format.formatTime('yyyy-MM-dd', startDate); endDate = echarts.format.formatTime('yyyy-MM-dd', endDate); function heatmap_width(months){ var startDate = new Date(); var mill = startDate.setMonth((startDate.getMonth() - months)); var endDate = +new Date(); startDate = +new Date(mill); endDate = echarts.format.formatTime('yyyy-MM-dd', endDate); startDate = echarts.format.formatTime('yyyy-MM-dd', startDate); var showmonth = []; showmonth.push([ startDate, endDate ]); return showmonth }; function getRangeArr() { const windowWidth = window.innerWidth; if (windowWidth >= 600) { return heatmap_width(12); } else if (windowWidth >= 400) { return heatmap_width(9); } else { return heatmap_width(6); } } option = { title: { top: 0, left: 'center', text: "블로그 히트 맵", textStyle: { color: '#60B5FF' } }, tooltip: { backgroundColor: '#8AB2A6', textStyle: { color: '#f8e7f7' }, hideDelay: 1300, enterable: true, formatter: function (p) { const date = p.data[0]; const posts = dataMap.get(date); var content = `${date}`; for (const [i, post] of posts.entries()) { content += "<br>"; var link = post.link; var title = post.title; var wordCount = (post.wordCount / 1000).toFixed(1); content += `<a href="${link}" target="_blank">${title} | ${wordCount} k</a>` } return content; } }, visualMap: { min: 0, max: 13, type: 'piecewise', orient: 'horizontal', left: 'center', top: 30, inRange: { color: ['#FFC1DA', '#7F55B1' ] }, splitNumber: 4, text: ["무의미한 말", "침묵은 황금입니다"], textStyle: { color: '#8E7DBE', fontWeight: 'bold' }, showLabel: false, itemGap: 10, }, calendar: { top: 80, left: 20, right: 4, cellSize: ['auto', 13], range: getRangeArr(), itemStyle: { color: '#F1F1F1', borderWidth: 1.5, borderColor: '#fff', }, yearLabel: { show: false }, splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.0)', } } }, series: { type: 'heatmap', coordinateSystem: 'calendar', data: data, } }; myChart.setOption(option); myChart.on('click', function(params) { if (params.componentType === 'series') { const post = dataMap.get(params.data[0])[0]; const link = window.location.origin + post.link; window.open(link, '_blank').focus(); } }); </script> <p>클릭해서 <a href="https://langminjeii.ifantic.de/ko/calendar" target="_blank" linkscss="true">📆 캘린더</a> 확인하기</p> <p style="text-align:center">⏳ 시간 저울 ⌛</p> <div class="progress-container"> <div class="progress-item"> <div class="label-container"> <span class="progress-label">오늘</span> </div> <div class="progress-wrapper"> <div class="progress"> <div class="progress-bar" id="todayProgress" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div> </div> <span class="remaining-time " id="dayRemaining"></span> </div> </div> <div class="progress-item"> <div class="label-container"> <span class="progress-label">이번 달</span> </div> <div class="progress-wrapper"> <div class="progress"> <div class="progress-bar" id="monthProgress" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div> </div> <span class="remaining-time " id="monthRemaining"></span> </div> </div> <div class="progress-item"> <div class="label-container"> <span class="progress-label">올해</span> </div> <div class="progress-wrapper"> <div class="progress"> <div class="progress-bar" id="yearProgress" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div> </div> <span class="remaining-time " id="yearRemaining"></span> </div> </div> </div> <style> .progress-container { width: 100%; max-width: 100%; margin: 0 auto; } .progress-container .progress-item { margin-bottom: 10px; display: flex; width: 100%; } .progress-container .label-container { min-width: 70px; flex-shrink: 0; text-align: right; } .progress-container .progress-wrapper { flex-grow: 1; display: flex; align-items: center; } .progress-container .progress-label { margin-right: 10px; } .progress-container .progress { height: 20px; flex-grow: 1; margin-bottom: 0px; overflow: hidden; background-color: #f8f8f883; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%); box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%); } .progress-container .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #9188f199; -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%); box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-container .remaining-time { margin-left: 10px; margin-right: 10px; font-size: 12px; white-space: nowrap; min-width: 80px; text-align: left; font-size: 90%; flex-shrink: 0; } .progress-container .remaining-time.en-text { min-width: 120px; } @media (max-width: 768px) { .progress-container .progress-item { flex-direction: row; } .progress-container .label-container { margin-left: -8%; } .progress-container .remaining-time { font-size: 65%; margin-right: -8%; } .progress-container .progress-label { font-size: 75%; } } @media (max-width: 480px) { } </style> <script> function updateProgress(progressId, newValue, remainingId, remainingValue, unit) { document.getElementById(progressId).style.width = newValue + '%'; document.getElementById(progressId).setAttribute('aria-valuenow', newValue); document.getElementById(progressId).textContent = newValue + '%'; document.getElementById(remainingId).textContent = '‍' + remainingValue + unit; } document.addEventListener('DOMContentLoaded', function() { const now = new Date(); // Calculate elapsed time for the day const startOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate()); const elapsedTime = now - startOfDay; const dayPercentage = Math.round((elapsedTime / (1000 * 60 * 60 * 24)) * 100); const remainingHours = Math.round((24 - now.getHours() - now.getMinutes()/60) * 10) / 10; // Calculate elapsed days for the month const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1); const elapsedDays = (now - startOfMonth) / (1000 * 60 * 60 * 24); const daysInMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0).getDate(); const monthPercentage = Math.round((elapsedDays / daysInMonth) * 100); const remainingDays = Math.ceil(daysInMonth - elapsedDays); // Calculate elapsed days for the year const startOfYear = new Date(now.getFullYear(), 0, 1); const elapsedDaysInYear = (now - startOfYear) / (1000 * 60 * 60 * 24); const daysInYear = (new Date(now.getFullYear() + 1, 0, 1) - new Date(now.getFullYear(), 0, 1)) / (1000 * 60 * 60 * 24); const yearPercentage = Math.round((elapsedDaysInYear / daysInYear) * 100); const remainingMonths = 12 - now.getMonth() - (now.getDate()/daysInMonth); const remainingMonthsRounded = Math.ceil(remainingMonths); updateProgress('todayProgress', dayPercentage, 'dayRemaining', remainingHours, ' 시간 남음'); updateProgress('monthProgress', monthPercentage, 'monthRemaining', remainingDays, ' 일 남음'); updateProgress('yearProgress', yearPercentage, 'yearRemaining', remainingMonthsRounded, ' 개월 남음'); }); </script> <br> <div class="header-nav"> <div>쇼트코드: <a href="https://langminjeii.ifantic.de/shortcodes" target="_blank" linkscss="true">수집</a></div> <div>연락처 정보: <code>📬</code> <code>uasm@linux.do</code></div> <div>손글씨: <a href="https://langminjeii.ifantic.de/ko/note" target="_blank" linkscss="true">진행하면서 쓰기</a></div> </div> https://langminjeii.ifantic.de/ko/archives/ Tue, 28 May 2019 00:00:00 +0000 https://langminjeii.ifantic.de/ko/archives/ https://langminjeii.ifantic.de/ko/%EC%82%B0%EB%AC%B8/ Mon, 01 Jan 0001 00:00:00 +0000 https://langminjeii.ifantic.de/ko/%EC%82%B0%EB%AC%B8/ https://langminjeii.ifantic.de/ko/note/ Mon, 01 Jan 0001 00:00:00 +0000 https://langminjeii.ifantic.de/ko/note/ <p><div class="timeline__row"> <div class="timeline__time"> <div class="timeline__time-text">2025.05.25</div> <div class="timeline__split-line"></div> </div> <div class="timeline__content"> <div class="timeline__header"> <div class="timeline__tags"><span class="timeline__tag">읽기</span><span class="timeline__tag">세상 사람 모두 맑은데 나 홀로 취했구나</span></div> <div class="timeline__title">그녀의 세상에는 호랑이 까치 개 곰 토끼 문어 등이 가득하다고 생각하니 조금 부러웠습니다.</div> </div> <div class="timeline__description"> 『왼쪽은 천재, 오른쪽은 미치광이』 </div> </div> </div> <style> .timeline { display: flex; flex-direction: column; margin: 20px 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; } .timeline__row { display: flex; padding-left: 4%; min-height: 100px; transition: all 0.3s ease; } .timeline__row:hover { transform: translateX(5px); } .timeline__time { flex: 0 0 110px; color: lightslategray; font-size: 16px; font-weight: 500; text-transform: uppercase; position: relative; display: flex; flex-direction: column; align-items: center; padding: 1rem 0; } .timeline__time-text { margin: 0; position: relative; padding: 0 8px; } .timeline__split-line { position: absolute; top: 0; right: -20px; height: 100%; width: 2px; background-color: #84c4e240; z-index: 0; } .timeline__split-line:before { content: ""; position: absolute; top: 24%; right: -4px; transform: translateY(-50%); width: 10px; height: 10px; background-color: #c9e5f2; box-shadow: 0 0 0 4px var(--theme, #84c4e2); border-radius: 50%; transition: all 0.3s ease; z-index: 1; } .timeline__row:hover .timeline__split-line:before { background-color: #84c4e2; transform: translateY(-50%) scale(1.2); } .timeline__content { flex: 1; margin-left: 3.5rem; padding: 0.8rem 1.5rem; background-color: rgba(255, 255, 255, 0.03); border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; border-left: 3px solid rgba(65, 188, 245, 0.5); } .timeline__row:hover .timeline__content { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-left-color: #84c4e2; } .timeline__header { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 0.8rem; } .timeline__title { margin: 0; padding: 5px 0; color: var(--content); font-size: 20px; font-weight: 600; line-height: 1.4; width: 100%; order: 2; } .timeline__tags { display: flex; padding: 0; margin: 0.3rem 0; align-items: center; gap: 0.4rem; flex-wrap: wrap; order: 1; } .timeline__tag { display: inline-block; color: var(--secondary); background-color: #84c4e230; border: 1.5px solid #84c4e230; border-radius: 999px; padding: 0.1rem 0.7rem; font-size: 12px; white-space: nowrap; line-height: 1.5rem; opacity: 0.9; transition: all 0.2s ease; } .timeline__tag:hover { opacity: 1; transform: translateY(-1px); } .timeline__description { font-size: 15.5px; line-height: 1; color: darkgray; margin: 0.5rem 0 0.2rem; padding-left: 1.5rem; } .timeline__tag-style { background-color: #c581da; border-color: #c581da; color: #FFFFFF; } .timeline__tag-article { background-color: #92d392; border-color: #92d392; color: #000000; } .timeline__tag-page { background-color: #707070; border-color: #707070; color: #FFFFFF; } @media screen and (max-width: 768px) { .timeline__row { padding-left: 0; } .timeline__time { flex: 0 0 80px; font-size: 14px; } .timeline__content { margin-left: 2rem; padding: 0.8rem 1rem; } .timeline__title { font-size: 17px; } .timeline__description { font-size: 14px; padding-left: 0.3rem; } .timeline__tag { font-size: 11px; padding: 0rem 0.5rem; } } </style><div class="timeline__row"> <div class="timeline__time"> <div class="timeline__time-text">2025.05.24</div> <div class="timeline__split-line"></div> </div> <div class="timeline__content"> <div class="timeline__header"> <div class="timeline__tags"><span class="timeline__tag">삶</span></div> <div class="timeline__title">경미한 사안은 경미한 회의, 주요 사안은 주요 회의, 특별히 중요한 사안은 회의가 열리지 않습니다.</div> </div> <div class="timeline__description"> 인터넷의 빙산의 일각 </div> </div> </div> <style> .timeline { display: flex; flex-direction: column; margin: 20px 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; } .timeline__row { display: flex; padding-left: 4%; min-height: 100px; transition: all 0.3s ease; } .timeline__row:hover { transform: translateX(5px); } .timeline__time { flex: 0 0 110px; color: lightslategray; font-size: 16px; font-weight: 500; text-transform: uppercase; position: relative; display: flex; flex-direction: column; align-items: center; padding: 1rem 0; } .timeline__time-text { margin: 0; position: relative; padding: 0 8px; } .timeline__split-line { position: absolute; top: 0; right: -20px; height: 100%; width: 2px; background-color: #84c4e240; z-index: 0; } .timeline__split-line:before { content: ""; position: absolute; top: 24%; right: -4px; transform: translateY(-50%); width: 10px; height: 10px; background-color: #c9e5f2; box-shadow: 0 0 0 4px var(--theme, #84c4e2); border-radius: 50%; transition: all 0.3s ease; z-index: 1; } .timeline__row:hover .timeline__split-line:before { background-color: #84c4e2; transform: translateY(-50%) scale(1.2); } .timeline__content { flex: 1; margin-left: 3.5rem; padding: 0.8rem 1.5rem; background-color: rgba(255, 255, 255, 0.03); border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; border-left: 3px solid rgba(65, 188, 245, 0.5); } .timeline__row:hover .timeline__content { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-left-color: #84c4e2; } .timeline__header { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 0.8rem; } .timeline__title { margin: 0; padding: 5px 0; color: var(--content); font-size: 20px; font-weight: 600; line-height: 1.4; width: 100%; order: 2; } .timeline__tags { display: flex; padding: 0; margin: 0.3rem 0; align-items: center; gap: 0.4rem; flex-wrap: wrap; order: 1; } .timeline__tag { display: inline-block; color: var(--secondary); background-color: #84c4e230; border: 1.5px solid #84c4e230; border-radius: 999px; padding: 0.1rem 0.7rem; font-size: 12px; white-space: nowrap; line-height: 1.5rem; opacity: 0.9; transition: all 0.2s ease; } .timeline__tag:hover { opacity: 1; transform: translateY(-1px); } .timeline__description { font-size: 15.5px; line-height: 1; color: darkgray; margin: 0.5rem 0 0.2rem; padding-left: 1.5rem; } .timeline__tag-style { background-color: #c581da; border-color: #c581da; color: #FFFFFF; } .timeline__tag-article { background-color: #92d392; border-color: #92d392; color: #000000; } .timeline__tag-page { background-color: #707070; border-color: #707070; color: #FFFFFF; } @media screen and (max-width: 768px) { .timeline__row { padding-left: 0; } .timeline__time { flex: 0 0 80px; font-size: 14px; } .timeline__content { margin-left: 2rem; padding: 0.8rem 1rem; } .timeline__title { font-size: 17px; } .timeline__description { font-size: 14px; padding-left: 0.3rem; } .timeline__tag { font-size: 11px; padding: 0rem 0.5rem; } } </style></p> https://langminjeii.ifantic.de/ko/search/ Mon, 01 Jan 0001 00:00:00 +0000 https://langminjeii.ifantic.de/ko/search/ https://langminjeii.ifantic.de/ko/calendar/ Mon, 01 Jan 0001 00:00:00 +0000 https://langminjeii.ifantic.de/ko/calendar/