https://doonaa.tistory.com/ doonaa 님의 블로그 입니다. ko Thu, 8 Oct 2026 13:35:45 +0900 TISTORY 100 DOONAA https://doonaa.tistory.com/5 <p><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="og.png" data-origin-width="816" data-origin-height="472"><span data-url="https://blog.kakaocdn.net/dn/HM3s0/dJMcaaGh4i2/K7rYLvDhKfnpckQvqny0c1/img.png" data-phocus="https://blog.kakaocdn.net/dn/HM3s0/dJMcaaGh4i2/K7rYLvDhKfnpckQvqny0c1/img.png"><img src="https://blog.kakaocdn.net/dn/HM3s0/dJMcaaGh4i2/K7rYLvDhKfnpckQvqny0c1/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FHM3s0%2FdJMcaaGh4i2%2FK7rYLvDhKfnpckQvqny0c1%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="816" height="472" data-filename="og.png" data-origin-width="816" data-origin-height="472"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="og２.png" data-origin-width="816" data-origin-height="472"><span data-url="https://blog.kakaocdn.net/dn/bkA39C/dJMcacYkCji/cpIZRQkihQ7oMTqc4CRKmK/img.png" data-phocus="https://blog.kakaocdn.net/dn/bkA39C/dJMcacYkCji/cpIZRQkihQ7oMTqc4CRKmK/img.png"><img src="https://blog.kakaocdn.net/dn/bkA39C/dJMcacYkCji/cpIZRQkihQ7oMTqc4CRKmK/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbkA39C%2FdJMcacYkCji%2FcpIZRQkihQ7oMTqc4CRKmK%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="816" height="472" data-filename="og２.png" data-origin-width="816" data-origin-height="472"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="01.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/c4cBFh/dJMcag7saeL/65hKI62G0K8WBWSFVpKR51/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/c4cBFh/dJMcag7saeL/65hKI62G0K8WBWSFVpKR51/img.jpg"><img src="https://blog.kakaocdn.net/dn/c4cBFh/dJMcag7saeL/65hKI62G0K8WBWSFVpKR51/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc4cBFh%2FdJMcag7saeL%2F65hKI62G0K8WBWSFVpKR51%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="01.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="02.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/lpNWS/dJMcaijWSDq/2h5qNZwBAa65BcWvU3xkXk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/lpNWS/dJMcaijWSDq/2h5qNZwBAa65BcWvU3xkXk/img.jpg"><img src="https://blog.kakaocdn.net/dn/lpNWS/dJMcaijWSDq/2h5qNZwBAa65BcWvU3xkXk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlpNWS%2FdJMcaijWSDq%2F2h5qNZwBAa65BcWvU3xkXk%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="02.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="03.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/dhxBpb/dJMcaijWSDp/8Ie1Ir8AjMWpkNibczkFp0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/dhxBpb/dJMcaijWSDp/8Ie1Ir8AjMWpkNibczkFp0/img.jpg"><img src="https://blog.kakaocdn.net/dn/dhxBpb/dJMcaijWSDp/8Ie1Ir8AjMWpkNibczkFp0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdhxBpb%2FdJMcaijWSDp%2F8Ie1Ir8AjMWpkNibczkFp0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="03.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="04.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/xXIpp/dJMcacqysUD/tFVJp52CTlxGfFVDe5HkR0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/xXIpp/dJMcacqysUD/tFVJp52CTlxGfFVDe5HkR0/img.jpg"><img src="https://blog.kakaocdn.net/dn/xXIpp/dJMcacqysUD/tFVJp52CTlxGfFVDe5HkR0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FxXIpp%2FdJMcacqysUD%2FtFVJp52CTlxGfFVDe5HkR0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="04.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="05.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/u6Tvr/dJMcaaTJy78/NmaSixRqj8ZYVfBd3194R0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/u6Tvr/dJMcaaTJy78/NmaSixRqj8ZYVfBd3194R0/img.jpg"><img src="https://blog.kakaocdn.net/dn/u6Tvr/dJMcaaTJy78/NmaSixRqj8ZYVfBd3194R0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fu6Tvr%2FdJMcaaTJy78%2FNmaSixRqj8ZYVfBd3194R0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="05.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="06.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/edAEgs/dJMb99UOvRy/gRtKj6hnPZQDlkyOleX6R0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/edAEgs/dJMb99UOvRy/gRtKj6hnPZQDlkyOleX6R0/img.jpg"><img src="https://blog.kakaocdn.net/dn/edAEgs/dJMb99UOvRy/gRtKj6hnPZQDlkyOleX6R0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FedAEgs%2FdJMb99UOvRy%2FgRtKj6hnPZQDlkyOleX6R0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="06.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="07.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/cbZhj2/dJMb99UOvRx/ZeWDfucECpBakKkyrua8Rk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/cbZhj2/dJMb99UOvRx/ZeWDfucECpBakKkyrua8Rk/img.jpg"><img src="https://blog.kakaocdn.net/dn/cbZhj2/dJMb99UOvRx/ZeWDfucECpBakKkyrua8Rk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcbZhj2%2FdJMb99UOvRx%2FZeWDfucECpBakKkyrua8Rk%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="07.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="08.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/b1jMI7/dJMcaaTJy79/hiO61bBf1aYinLnYlxHZC0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/b1jMI7/dJMcaaTJy79/hiO61bBf1aYinLnYlxHZC0/img.jpg"><img src="https://blog.kakaocdn.net/dn/b1jMI7/dJMcaaTJy79/hiO61bBf1aYinLnYlxHZC0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb1jMI7%2FdJMcaaTJy79%2FhiO61bBf1aYinLnYlxHZC0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="08.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="09.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/s2FKp/dJMcacqysUF/sXDkkEAkJtKuoMTcgo5K8k/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/s2FKp/dJMcacqysUF/sXDkkEAkJtKuoMTcgo5K8k/img.jpg"><img src="https://blog.kakaocdn.net/dn/s2FKp/dJMcacqysUF/sXDkkEAkJtKuoMTcgo5K8k/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fs2FKp%2FdJMcacqysUF%2FsXDkkEAkJtKuoMTcgo5K8k%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="09.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="10.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/Cy0hH/dJMcag7saeQ/oBZURqRaGPA54fQeLzssL1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/Cy0hH/dJMcag7saeQ/oBZURqRaGPA54fQeLzssL1/img.jpg"><img src="https://blog.kakaocdn.net/dn/Cy0hH/dJMcag7saeQ/oBZURqRaGPA54fQeLzssL1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FCy0hH%2FdJMcag7saeQ%2FoBZURqRaGPA54fQeLzssL1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="10.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="11.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/pzgA2/dJMcaaTJy74/7HVAnBUlFynvu3NNEaZSJ0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/pzgA2/dJMcaaTJy74/7HVAnBUlFynvu3NNEaZSJ0/img.jpg"><img src="https://blog.kakaocdn.net/dn/pzgA2/dJMcaaTJy74/7HVAnBUlFynvu3NNEaZSJ0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FpzgA2%2FdJMcaaTJy74%2F7HVAnBUlFynvu3NNEaZSJ0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="11.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="12.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/kBWjx/dJMcaaTJy75/2t4kVMQA8mNXMR2KzvXsT1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/kBWjx/dJMcaaTJy75/2t4kVMQA8mNXMR2KzvXsT1/img.jpg"><img src="https://blog.kakaocdn.net/dn/kBWjx/dJMcaaTJy75/2t4kVMQA8mNXMR2KzvXsT1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FkBWjx%2FdJMcaaTJy75%2F2t4kVMQA8mNXMR2KzvXsT1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="12.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="13.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/u74WC/dJMcacqysUG/5j27IYi44QPzpLFIrhy8r0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/u74WC/dJMcacqysUG/5j27IYi44QPzpLFIrhy8r0/img.jpg"><img src="https://blog.kakaocdn.net/dn/u74WC/dJMcacqysUG/5j27IYi44QPzpLFIrhy8r0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fu74WC%2FdJMcacqysUG%2F5j27IYi44QPzpLFIrhy8r0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="13.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="14.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/oqPZk/dJMb99UOvRz/Aiu0k890pkJLXQaCzoACPK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/oqPZk/dJMb99UOvRz/Aiu0k890pkJLXQaCzoACPK/img.jpg"><img src="https://blog.kakaocdn.net/dn/oqPZk/dJMb99UOvRz/Aiu0k890pkJLXQaCzoACPK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FoqPZk%2FdJMb99UOvRz%2FAiu0k890pkJLXQaCzoACPK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="14.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="15.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/bI6sAb/dJMcag7saeR/uULPWe1OqWfWpumHp0KpM1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bI6sAb/dJMcag7saeR/uULPWe1OqWfWpumHp0KpM1/img.jpg"><img src="https://blog.kakaocdn.net/dn/bI6sAb/dJMcag7saeR/uULPWe1OqWfWpumHp0KpM1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbI6sAb%2FdJMcag7saeR%2FuULPWe1OqWfWpumHp0KpM1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="15.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="16.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/cUsGoa/dJMcag7saeM/ZpR9J9AMiSOwheuXznCrMK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/cUsGoa/dJMcag7saeM/ZpR9J9AMiSOwheuXznCrMK/img.jpg"><img src="https://blog.kakaocdn.net/dn/cUsGoa/dJMcag7saeM/ZpR9J9AMiSOwheuXznCrMK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcUsGoa%2FdJMcag7saeM%2FZpR9J9AMiSOwheuXznCrMK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="16.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="17.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/dVWOuA/dJMcag7saeN/zBfgO8eCvvzOJKzYkOng3k/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/dVWOuA/dJMcag7saeN/zBfgO8eCvvzOJKzYkOng3k/img.jpg"><img src="https://blog.kakaocdn.net/dn/dVWOuA/dJMcag7saeN/zBfgO8eCvvzOJKzYkOng3k/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdVWOuA%2FdJMcag7saeN%2FzBfgO8eCvvzOJKzYkOng3k%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="17.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="18.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/dW9UZo/dJMcag7saeO/wvJiNL4XZskM69kEkZ9Ev0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/dW9UZo/dJMcag7saeO/wvJiNL4XZskM69kEkZ9Ev0/img.jpg"><img src="https://blog.kakaocdn.net/dn/dW9UZo/dJMcag7saeO/wvJiNL4XZskM69kEkZ9Ev0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdW9UZo%2FdJMcag7saeO%2FwvJiNL4XZskM69kEkZ9Ev0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="18.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="19.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/bExuuv/dJMcaijWSDv/BVk6GbO3BouoijQTCZYpB0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bExuuv/dJMcaijWSDv/BVk6GbO3BouoijQTCZYpB0/img.jpg"><img src="https://blog.kakaocdn.net/dn/bExuuv/dJMcaijWSDv/BVk6GbO3BouoijQTCZYpB0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbExuuv%2FdJMcaijWSDv%2FBVk6GbO3BouoijQTCZYpB0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="19.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="20.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/VkDgY/dJMcag7saeP/TXKstSOPhTIikQc2AVlMm1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/VkDgY/dJMcag7saeP/TXKstSOPhTIikQc2AVlMm1/img.jpg"><img src="https://blog.kakaocdn.net/dn/VkDgY/dJMcag7saeP/TXKstSOPhTIikQc2AVlMm1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FVkDgY%2FdJMcag7saeP%2FTXKstSOPhTIikQc2AVlMm1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="20.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="21.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/oMohz/dJMcaijWSDr/KVNsMEtBP7u2N7L9Hsyja0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/oMohz/dJMcaijWSDr/KVNsMEtBP7u2N7L9Hsyja0/img.jpg"><img src="https://blog.kakaocdn.net/dn/oMohz/dJMcaijWSDr/KVNsMEtBP7u2N7L9Hsyja0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FoMohz%2FdJMcaijWSDr%2FKVNsMEtBP7u2N7L9Hsyja0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="21.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="22.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/bav4GK/dJMcaijWSDs/5on8zRKZdJSPpHnqR8dLA0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bav4GK/dJMcaijWSDs/5on8zRKZdJSPpHnqR8dLA0/img.jpg"><img src="https://blog.kakaocdn.net/dn/bav4GK/dJMcaijWSDs/5on8zRKZdJSPpHnqR8dLA0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbav4GK%2FdJMcaijWSDs%2F5on8zRKZdJSPpHnqR8dLA0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="22.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="23.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/bc7B1i/dJMcaijWSDt/z3HmAA3s1QkdfPD3ycYAV1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bc7B1i/dJMcaijWSDt/z3HmAA3s1QkdfPD3ycYAV1/img.jpg"><img src="https://blog.kakaocdn.net/dn/bc7B1i/dJMcaijWSDt/z3HmAA3s1QkdfPD3ycYAV1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbc7B1i%2FdJMcaijWSDt%2Fz3HmAA3s1QkdfPD3ycYAV1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="23.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="24.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/ojBEQ/dJMcaaTJy76/nk8eOMCxkbPXCPTfS2K7X1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/ojBEQ/dJMcaaTJy76/nk8eOMCxkbPXCPTfS2K7X1/img.jpg"><img src="https://blog.kakaocdn.net/dn/ojBEQ/dJMcaaTJy76/nk8eOMCxkbPXCPTfS2K7X1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FojBEQ%2FdJMcaaTJy76%2Fnk8eOMCxkbPXCPTfS2K7X1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="24.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="25.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/bQRG0D/dJMcaaTJy77/KeRsDDIo4IM7jwNZ6B18Mk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bQRG0D/dJMcaaTJy77/KeRsDDIo4IM7jwNZ6B18Mk/img.jpg"><img src="https://blog.kakaocdn.net/dn/bQRG0D/dJMcaaTJy77/KeRsDDIo4IM7jwNZ6B18Mk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbQRG0D%2FdJMcaaTJy77%2FKeRsDDIo4IM7jwNZ6B18Mk%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="25.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="26.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/DYJQS/dJMcacqysUI/Ic2tCTeaVWtkYDQk0d2LZK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/DYJQS/dJMcacqysUI/Ic2tCTeaVWtkYDQk0d2LZK/img.jpg"><img src="https://blog.kakaocdn.net/dn/DYJQS/dJMcacqysUI/Ic2tCTeaVWtkYDQk0d2LZK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FDYJQS%2FdJMcacqysUI%2FIc2tCTeaVWtkYDQk0d2LZK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="26.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="27.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/coP0yn/dJMcaijWSDu/xvkUJPRa3CGspnXmR8N77K/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/coP0yn/dJMcaijWSDu/xvkUJPRa3CGspnXmR8N77K/img.jpg"><img src="https://blog.kakaocdn.net/dn/coP0yn/dJMcaijWSDu/xvkUJPRa3CGspnXmR8N77K/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcoP0yn%2FdJMcaijWSDu%2FxvkUJPRa3CGspnXmR8N77K%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="27.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> </p> <p data-ke-size="size16">&nbsp;</p> <p data-ke-size="size16">&nbsp;</p> <p data-ke-size="size16">&nbsp;</p> <p><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="001.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/bDYeIV/dJMcag7sae0/PtFWZppkiJDkGsYoVhY491/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bDYeIV/dJMcag7sae0/PtFWZppkiJDkGsYoVhY491/img.jpg"><img src="https://blog.kakaocdn.net/dn/bDYeIV/dJMcag7sae0/PtFWZppkiJDkGsYoVhY491/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbDYeIV%2FdJMcag7sae0%2FPtFWZppkiJDkGsYoVhY491%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="001.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="002.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/bJeTMI/dJMcaijWSDO/cntzKn8kgivpXnDKMjMdtk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bJeTMI/dJMcaijWSDO/cntzKn8kgivpXnDKMjMdtk/img.jpg"><img src="https://blog.kakaocdn.net/dn/bJeTMI/dJMcaijWSDO/cntzKn8kgivpXnDKMjMdtk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbJeTMI%2FdJMcaijWSDO%2FcntzKn8kgivpXnDKMjMdtk%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="002.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="003.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/kNWdN/dJMcag0EvC7/tGaAnQOlVOacg1Cirm8Wk0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/kNWdN/dJMcag0EvC7/tGaAnQOlVOacg1Cirm8Wk0/img.jpg"><img src="https://blog.kakaocdn.net/dn/kNWdN/dJMcag0EvC7/tGaAnQOlVOacg1Cirm8Wk0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FkNWdN%2FdJMcag0EvC7%2FtGaAnQOlVOacg1Cirm8Wk0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="003.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="004.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/cf8UKg/dJMcacjF0eu/oWmMzxJko9KQcykx8kWzk0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/cf8UKg/dJMcacjF0eu/oWmMzxJko9KQcykx8kWzk0/img.jpg"><img src="https://blog.kakaocdn.net/dn/cf8UKg/dJMcacjF0eu/oWmMzxJko9KQcykx8kWzk0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcf8UKg%2FdJMcacjF0eu%2FoWmMzxJko9KQcykx8kWzk0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="004.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="005.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/mtW0f/dJMcadv28C7/ts6CSdKxF6klXqxVcVjd4K/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/mtW0f/dJMcadv28C7/ts6CSdKxF6klXqxVcVjd4K/img.jpg"><img src="https://blog.kakaocdn.net/dn/mtW0f/dJMcadv28C7/ts6CSdKxF6klXqxVcVjd4K/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FmtW0f%2FdJMcadv28C7%2Fts6CSdKxF6klXqxVcVjd4K%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="005.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="006.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/bcSuTt/dJMcacjF0et/LKtY1QQpv4tihZR4dZYl21/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bcSuTt/dJMcacjF0et/LKtY1QQpv4tihZR4dZYl21/img.jpg"><img src="https://blog.kakaocdn.net/dn/bcSuTt/dJMcacjF0et/LKtY1QQpv4tihZR4dZYl21/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbcSuTt%2FdJMcacjF0et%2FLKtY1QQpv4tihZR4dZYl21%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="006.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="007.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/D0QCx/dJMcadv28C9/0Z8KazNcdPeX7bfr0w6RLK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/D0QCx/dJMcadv28C9/0Z8KazNcdPeX7bfr0w6RLK/img.jpg"><img src="https://blog.kakaocdn.net/dn/D0QCx/dJMcadv28C9/0Z8KazNcdPeX7bfr0w6RLK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FD0QCx%2FdJMcadv28C9%2F0Z8KazNcdPeX7bfr0w6RLK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="007.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="008.jpg" data-origin-width="688" data-origin-height="2068"><span data-url="https://blog.kakaocdn.net/dn/pI9Ry/dJMcadv28Da/ayHZqmWF86uv2iZKmZ0DM1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/pI9Ry/dJMcadv28Da/ayHZqmWF86uv2iZKmZ0DM1/img.jpg"><img src="https://blog.kakaocdn.net/dn/pI9Ry/dJMcadv28Da/ayHZqmWF86uv2iZKmZ0DM1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FpI9Ry%2FdJMcadv28Da%2FayHZqmWF86uv2iZKmZ0DM1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="688" height="2068" data-filename="008.jpg" data-origin-width="688" data-origin-height="2068"/></span></figure> </p> 슬램덩크 DOONAA https://doonaa.tistory.com/5 https://doonaa.tistory.com/5#entry5comment Fri, 31 Jul 2026 20:11:46 +0900 https://doonaa.tistory.com/4 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <title>RYOMITSU TANZAKU 2026</title> <meta property="og:type" content="website"> <meta property="og:site_name" content="RYOMITSU TANZAKU 2026"> <meta property="og:title" content="RYOMITSU TANZAKU 2026 · 萬古永相望"> <meta property="og:description" content="2026년 7월 5일 星に願いを와 7월 26일 대운동회에서 태섭대만을 향해 남겨주신 마음을 모은 디지털 소원나무입니다."> <meta property="og:image" content="https://blog.kakaocdn.net/dn/bkA39C/dJMcacYkCji/cpIZRQkihQ7oMTqc4CRKmK/img.png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="RYOMITSU TANZAKU 2026 · 萬古永相望"> <meta name="twitter:description" content="2026년 7월 5일 星に願いを와 7월 26일 대운동회에서 태섭대만을 향해 남겨주신 마음을 모은 디지털 소원나무입니다."> <meta name="twitter:image" content="https://blog.kakaocdn.net/dn/bkA39C/dJMcacYkCji/cpIZRQkihQ7oMTqc4CRKmK/img.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Yuji+Syuku&family=Noto+Serif+KR:wght@400;500;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet"> <style> :root{ --sky-top:#050b1c; --sky-mid:#0c1a3a; --sky-bottom:#182c55; --star:#fdf6e3; --firefly:#d9b756; --gold:#cda43e; --gold-dark:#a97c28; --gold-soft:#e6c874; --paper:#fdfaf3; --shadow:rgba(4,10,25,0.5); --string-red:#8a3a30; --twig:#6f7d55; --ink:#2b271f; --ink-soft:#6b6252; --serif:'Noto Serif KR', serif; --sans:'Noto Sans KR', sans-serif; --brush:'Yuji Syuku', var(--serif); } *{box-sizing:border-box;} html,body{margin:0;padding:0;} html{ overflow-y:scroll; } body{ font-family:var(--sans); background:var(--sky-mid); color:var(--paper); overflow-x:hidden; -webkit-tap-highlight-color:transparent; } button{ font-family:inherit; } /* ============ 밤하늘 ============ */ #night-sky{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:0; overflow:hidden; background: radial-gradient(ellipse at 50% -10%, rgba(90,120,190,0.22), transparent 55%), linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 45%, var(--sky-bottom) 100%); } .star{ position:absolute; background:var(--star); border-radius:50%; opacity:0.15; animation:twinkle 4s ease-in-out infinite; } @keyframes twinkle{ 0%,100%{opacity:.15; transform:scale(1);} 50%{opacity:.85; transform:scale(1.2);} } .firefly{ position:absolute; width:4px;height:4px;border-radius:50%; background:var(--firefly); box-shadow:0 0 6px 2px rgba(217,183,86,.85), 0 0 14px 6px rgba(217,183,86,.3); animation:drift linear infinite, glow 2.6s ease-in-out infinite; } @keyframes glow{ 0%,100%{opacity:.3;} 50%{opacity:.95;} } @keyframes drift{ 0%{transform:translate(0,0);} 25%{transform:translate(16px,-12px);} 50%{transform:translate(-6px,-26px);} 75%{transform:translate(-20px,-8px);} 100%{transform:translate(0,0);} } /* ============ 장식 구분선 ============ */ .divider{ display:flex; align-items:center; justify-content:center; gap:10px; } .divider-line{ width:44px; height:2px; background:linear-gradient(90deg, transparent, var(--gold), transparent); flex:none; } .divider-star{ color:var(--gold-soft); font-size:12px; opacity:.9; } /* ============ 헤더 ============ */ .hero{ position:relative; z-index:2; text-align:center; padding:48px 20px 4px; } .hero .eyebrow{ font-size:11px; line-height:1.4; min-height:16px; letter-spacing:.42em; color:var(--gold-soft); text-transform:uppercase; margin:0 0 18px; opacity:.85; font-weight:500; white-space:nowrap;} @media (max-width:420px){ .hero .eyebrow{ font-size:9px; letter-spacing:.28em; } } .hero .hanzi{ font-family:var(--brush); font-size:56px; color:var(--gold-soft); margin:0; line-height:1.15; min-height:64px; display:flex; align-items:center; justify-content:center; text-shadow:0 2px 18px rgba(230,200,116,.25); letter-spacing:.06em; } @media (max-width:480px){ .hero .hanzi{ font-size:40px; min-height:46px; } } .hero .kr-sub{ font-family:var(--serif); font-size:14px; line-height:1.6; min-height:22px; color:rgba(253,246,227,.85); margin:10px 0 2px; letter-spacing:.04em; } .hero .jp-sub{ font-family:var(--serif); font-size:11px; line-height:1.6; min-height:18px; color:rgba(253,246,227,.45); margin:0 0 18px; letter-spacing:.06em; } .lang-switch{ display:flex; align-items:center; justify-content:center; gap:8px; margin:0 0 10px; } .lang-btn{ background:transparent; border:none; padding:2px 2px; font-size:11px; letter-spacing:.05em; color:rgba(253,246,227,.4); cursor:pointer; transition:color .2s ease; } .lang-btn.active{ color:var(--gold-soft); font-weight:500; } .lang-btn:hover{ color:var(--gold-soft); } .lang-sep{ color:rgba(253,246,227,.25); font-size:11px; } .hero .divider{ margin:0 0 18px; } .hero p.desc{ font-family:var(--sans); font-size:13px; font-weight:300; color:rgba(253,246,227,.6); max-width:340px; margin:0 auto; line-height:1.9; height:132px; display:flex; flex-direction:column; justify-content:center; align-items:center; } /* ============ 대나무 무대 ============ */ #tree-stage{ position:relative; z-index:2; width:min(380px,90vw); margin:8px auto 0; } #tree-stage .bamboo-img{ display:block; width:100%; height:auto; position:relative; z-index:2; filter:drop-shadow(0 18px 24px rgba(0,0,0,.35)); } .branch-svg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:visible; pointer-events:none; } .branch-svg.behind{ z-index:1; } .branch-svg.front{ z-index:3; } .tz-layer{ position:absolute; top:0; right:0; bottom:0; left:0; } .tz-layer.behind{ z-index:1; } .tz-layer.front{ z-index:3; } /* ============ 탄자쿠 (히트 영역 + 실제 종이) ============ */ .tz-hit{ position:absolute; width:44px; height:78px; border:none; background:transparent; padding:0; margin:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; opacity:0; transition:opacity .6s ease; } .tz-hit.visible{ opacity:1; } .tz-base{ display:block; } .tz-sway{ display:block; animation-name:sway; animation-timing-function:ease-in-out; animation-iteration-count:infinite; } @keyframes sway{ 0%,100%{ transform:rotate(0deg); } 50%{ transform:rotate(2.4deg); } } .tz-paper{ position:relative; display:block; background:var(--paper); border:1.5px solid var(--gold); border-radius:2px; box-shadow:1px 3px 7px var(--shadow); margin-top:12px; } .tz-hole{ position:absolute; top:3px; left:50%; transform:translateX(-50%); width:3px; height:3px; border-radius:50%; background:var(--ink); opacity:.55; box-shadow:0 0 0 1.5px rgba(205,164,62,.4); } .tz-hit:hover .tz-paper, .tz-hit:focus-visible .tz-paper{ transform:scale(1.14); box-shadow:0 0 0 1.5px var(--gold-soft), 1px 3px 7px var(--shadow); } .tz-hit:focus-visible{ outline:none; } .tz-paper{ transition:transform .18s ease, box-shadow .18s ease; } @media (max-width:600px){ .tz-hit{ width:48px; height:96px; } } /* ============ 랜덤 버튼 ============ */ #random-btn{ display:flex; align-items:center; gap:7px; justify-content:center; margin:8px auto 40px; z-index:2; position:relative; background:transparent; border:1px solid var(--gold); color:var(--gold-soft); border-radius:999px; padding:11px 22px; font-size:13px; font-weight:500; letter-spacing:.02em; cursor:pointer; transition:background .2s ease, box-shadow .2s ease, color .2s ease; } #random-btn:hover{ background:rgba(205,164,62,.14); box-shadow:0 0 16px rgba(205,164,62,.25); color:#fff8e6; } /* ============ 하단 명판 ============ */ .plaque-wrap{ position:relative; z-index:2; display:flex; justify-content:center; padding:34px 16px 56px; } .plaque{ border:1px solid var(--gold); background:rgba(8,16,36,.35); padding:22px 32px; text-align:center; max-width:360px; } .plaque .divider{ margin-bottom:14px; } .plaque-title{ margin:0 0 6px; font-family:var(--sans); font-size:11px; letter-spacing:.28em; color:var(--gold-soft); } .plaque-text{ margin:0 0 16px; font-family:var(--serif); font-size:14px; color:#fdf6e3; } .plaque-text .num{ color:var(--gold-soft); font-weight:700; font-size:18px; margin:0 3px; } /* ============ 뷰어 모달 ============ */ #viewer-overlay{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:100; background:rgba(3,6,16,.86); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .3s ease; } #viewer-overlay.open{ opacity:1; pointer-events:auto; } #viewer-close{ position:fixed; top:18px; right:18px; z-index:120; width:38px; height:38px; padding:0; border-radius:50%; border:1px solid var(--gold); background:rgba(8,16,36,.5); color:var(--gold-soft); font-size:20px; line-height:1; cursor:pointer; transition:background .2s ease; } #viewer-close:hover{ background:rgba(205,164,62,.2); } #viewer-share-group{ position:fixed; top:18px; left:18px; z-index:120; display:flex; flex-direction:column; gap:8px; } #viewer-share-group button{ width:38px; height:38px; padding:0; border-radius:50%; border:1px solid var(--gold); background:rgba(8,16,36,.5); color:var(--gold-soft); cursor:pointer; line-height:1; transition:background .2s ease; } #viewer-share-group button:hover{ background:rgba(205,164,62,.2); } #viewer-share-group svg{ width:17px; height:17px; } .share-text{ display:block; width:100%; height:100%; text-align:center; line-height:38px; font-size:13px; font-weight:600; letter-spacing:-.02em; } #viewer-share-bsky .share-text{ font-size:10.5px; letter-spacing:0; } #viewer-toast{ position:fixed; bottom:76px; left:50%; transform:translateX(-50%); z-index:130; font-size:12px; color:#fdf6e3; background:rgba(205,164,62,.92); border-radius:999px; padding:8px 18px; pointer-events:none; opacity:0; transition:opacity .25s ease; } #viewer-toast.show{ opacity:1; } #viewer-toast[hidden]{ display:none; } .nav-btn{ position:fixed; top:50%; transform:translateY(-50%); z-index:120; width:44px; height:44px; padding:0; border-radius:50%; border:1px solid var(--gold); background:rgba(8,16,36,.5); color:var(--gold-soft); font-size:22px; line-height:1; cursor:pointer; transition:background .2s ease; } .btn-ico{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; } .nav-btn svg{ display:block; width:11px; height:18px; } .nav-btn:hover{ background:rgba(205,164,62,.2); } .nav-btn.prev{ left:14px; } .nav-btn.next{ right:14px; } #viewer-counter{ position:fixed; top:22px; left:50%; transform:translateX(-50%); z-index:120; font-family:inherit; font-size:12px; letter-spacing:.1em; color:rgba(253,246,227,.85); background:rgba(8,16,36,.5); border:1px solid var(--gold); border-radius:999px; padding:5px 16px; cursor:pointer; transition:background .2s ease; } #viewer-counter:hover{ background:rgba(205,164,62,.2); } #viewer-event-badge{ position:fixed; top:58px; left:50%; transform:translateX(-50%); z-index:120; font-size:10px; letter-spacing:.06em; color:rgba(253,246,227,.6); background:rgba(8,16,36,.4); border:1px solid rgba(205,164,62,.5); border-radius:999px; padding:3px 12px; } #viewer-translate-link{ position:fixed; bottom:20px; left:50%; transform:translateX(-50%); z-index:120; max-width:86vw; text-align:center; font-size:12px; line-height:1.6; letter-spacing:.01em; color:rgba(253,246,227,.9); border:1px solid rgba(205,164,62,.5); border-radius:10px; padding:8px 16px; background:rgba(8,16,36,.55); } #viewer-translate-link[hidden]{ display:none; } #viewer-stage{ position:relative; display:inline-flex; align-items:center; justify-content:center; max-width:90vw; max-height:85vh; } #viewer-img{ display:block; max-width:90vw; max-height:85vh; width:auto; height:auto; object-fit:contain; border-radius:4px; box-shadow:0 20px 60px rgba(0,0,0,.55); cursor:zoom-in; user-select:none; -webkit-user-drag:none; transition:transform .25s ease; background:var(--paper); } #viewer-img.no-transition{ transition:none; } #viewer-img.zoomed{ cursor:grab; } #viewer-img.dragging{ cursor:grabbing; } #viewer-img.hidden-img{ display:none; } .v-spinner{ width:36px; height:36px; border:3px solid rgba(253,246,227,.2); border-top-color:var(--gold); border-radius:50%; animation:spin .8s linear infinite; } @keyframes spin{ to{ transform:rotate(360deg); } } #viewer-error{ font-family:var(--sans); font-size:14px; color:rgba(253,246,227,.75); text-align:center; padding:30px; } /* ============ 전체 보기 그리드 ============ */ #grid-overlay{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:200; background:rgba(3,6,16,.94); backdrop-filter:blur(4px); opacity:0; pointer-events:none; transition:opacity .25s ease; overflow-y:auto; padding:70px 16px 40px; } #grid-overlay.open{ opacity:1; pointer-events:auto; } #grid-close{ position:fixed; top:18px; right:18px; z-index:210; width:38px; height:38px; padding:0; border-radius:50%; border:1px solid var(--gold); background:rgba(8,16,36,.6); color:var(--gold-soft); cursor:pointer; transition:background .2s ease; } #grid-close:hover{ background:rgba(205,164,62,.2); } #grid-title{ text-align:center; font-family:var(--sans); font-size:12px; letter-spacing:.1em; color:rgba(253,246,227,.6); margin:0 0 16px; } #grid-list{ display:grid; grid-template-columns:repeat(auto-fill,minmax(64px,1fr)); gap:8px; max-width:640px; margin:0 auto; } .grid-item{ position:relative; border:none; padding:0; cursor:pointer; border-radius:4px; overflow:hidden; aspect-ratio:3/4; background:rgba(253,246,227,.06); outline:2px solid transparent; outline-offset:2px; transition:outline-color .15s ease; } .grid-item.current{ outline-color:var(--gold); } .grid-item img{ width:100%; height:100%; object-fit:cover; display:block; } .grid-item .g-num{ position:absolute; bottom:2px; right:3px; font-size:9px; color:#fff; background:rgba(0,0,0,.5); border-radius:3px; padding:0 3px; line-height:1.4; } @media (prefers-reduced-motion:reduce){ .tz-hit.visible,.firefly,.star,.tz-sway{ transition:none !important; animation:none !important; } } </style> </head> <body> <div id="night-sky"></div> <header class="hero"> <p class="eyebrow">RYOMITSU TANZAKU 2026</p> <p class="hanzi">萬古永相望</p> <p class="kr-sub">만고토록 서로를 바라보다</p> <p class="jp-sub">永く互いを見つめる</p> <div class="divider"><span class="divider-line"></span><span class="divider-star">✦</span><span class="divider-line"></span></div> <div class="lang-switch" id="lang-switch"> <button type="button" class="lang-btn active" data-lang="ko">한국어</button> <span class="lang-sep">/</span> <button type="button" class="lang-btn" data-lang="ja">日本語</button> <span class="lang-sep">/</span> <button type="button" class="lang-btn" data-lang="zh">中文</button> </div> <p class="desc" id="desc-text"></p> </header> <main id="tree-stage"> <svg class="branch-svg behind" id="branches-behind"></svg> <div class="tz-layer behind" id="tz-behind"></div> <img class="bamboo-img" src="data:image/png;base64,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" alt="대나무"> <svg class="branch-svg front" id="branches-front"></svg> <div class="tz-layer front" id="tz-front"></div> </main> <div class="plaque-wrap"> <div class="plaque"> <div class="divider"><span class="divider-line"></span><span class="divider-star">✦</span><span class="divider-line"></span></div> <p class="plaque-title">WISH COUNT</p> <p class="plaque-text"><span id="count-prefix">총 </span><span class="num" id="count-number">0</span><span id="count-suffix">개의 소원이 모였습니다</span></p> </div> </div> <button id="random-btn" type="button"><span aria-hidden="true">✦</span> <span id="random-btn-label">오늘의 소원 펼쳐보기</span></button> <div id="viewer-overlay"> <button id="viewer-close" aria-label="닫기"><span class="btn-ico">×</span></button> <div id="viewer-share-group"> <button id="viewer-share-x" aria-label="X에 공유"><span class="share-text"> </span></button> <button id="viewer-share-bsky" aria-label="Bluesky에 공유"><span class="share-text">Bsky</span></button> <button id="viewer-share" aria-label="링크 복사·다른 앱으로 공유"><span class="btn-ico"><svg viewBox="0 0 20 20" fill="none"><path d="M14.5 6.5a2.5 2.5 0 1 0-2.4-3.2L7.6 5.7a2.5 2.5 0 1 0 0 3.6l4.5 2.4a2.5 2.5 0 1 0 .6-1.3L8.2 8a2.5 2.5 0 0 0 0-1L12.7 4.7a2.5 2.5 0 0 0 1.8 1.8Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/></svg></span></button> </div> <button id="viewer-prev" class="nav-btn prev" aria-label="이전"><span class="btn-ico"><svg viewBox="0 0 11 18" fill="none"><path d="M9.5 1.5 L1.8 9 L9.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></button> <button id="viewer-next" class="nav-btn next" aria-label="다음"><span class="btn-ico"><svg viewBox="0 0 11 18" fill="none"><path d="M1.5 1.5 L9.2 9 L1.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></button> <button id="viewer-counter" aria-label="전체 보기">1 / 1</button> <div id="viewer-event-badge"></div> <div id="viewer-stage"> <div class="v-spinner" id="viewer-spinner"></div> <p id="viewer-error" hidden>이미지를 불러오지 못했습니다.</p> <img id="viewer-img" alt="탄자쿠 사진" draggable="false"> </div> <p id="viewer-translate-link" hidden></p> <div id="viewer-toast" hidden></div> </div> <div id="grid-overlay"> <button id="grid-close" aria-label="닫기"><span class="btn-ico">×</span></button> <p id="grid-title"></p> <div id="grid-list"></div> </div> <script> /* ============================================================ 다국어 문구 — 기본은 한국어, 일본어/중국어 전환 가능 ============================================================ */ const I18N = { ko: { desc: '2026년 7월 5일 星に願いを 2026 -day2- (도쿄) 와\n2026년 7월 26일 대운동회(서울)에서\n태섭대만을 향해 남겨주신 마음을 모아,\n시간이 흘러도 다시 펼쳐볼 수 있도록 이곳에 담았습니다.', countPrefix: '총 ', countSuffix: '개의 소원이 모였습니다', randomBtn: '오늘의 소원 펼쳐보기', eventSeoul: '서울 · 대운동회', eventTokyo: '도쿄 · 星に願いを', shareTitle: 'RYOMITSU TANZAKU 2026', shareCopied: '링크가 복사되었습니다', gridTitle: '전체 소원 보기' }, ja: { desc: '2026年7月5日「星に願いを 2026 -day2-」（東京）と、\n2026年7月26日の大運動会（ソウル）で、\nリョ三へ寄せていただいた想いを集め、\n時が経っても再び開いて見られるよう、\nこの場所に残しました。', countPrefix: 'これまでに ', countSuffix: ' 個の願いが集まりました', randomBtn: '今日の願いを開く', eventSeoul: 'ソウル · 大運動会', eventTokyo: '東京 · 星に願いを', shareTitle: 'RYOMITSU TANZAKU 2026', shareCopied: 'リンクをコピーしました', gridTitle: 'すべての願いを見る' }, zh: { desc: '这里汇集了\n2026年7月5日「星に願いを 2026 -day2-」（东京）\n以及2026年7月26日大运动会（首尔）上，\n大家为宫三留下的每一份心意。\n希望即使时光流逝，也能在这里再次翻阅。', countPrefix: '目前共收集了 ', countSuffix: ' 個心願', randomBtn: '展開今日的心願', eventSeoul: '首尔 · 大运动会', eventTokyo: '东京 · 星に願いを', shareTitle: 'RYOMITSU TANZAKU 2026', shareCopied: '链接已复制', gridTitle: '查看全部心愿' } }; let currentLang = 'ko'; function applyLanguage(lang){ currentLang = lang; const t = I18N[lang] || I18N.ko; document.getElementById('desc-text').innerHTML = t.desc.split('\n').join('<br>'); document.getElementById('count-prefix').textContent = t.countPrefix; document.getElementById('count-suffix').textContent = t.countSuffix; document.getElementById('random-btn-label').textContent = t.randomBtn; Array.from(document.querySelectorAll('.lang-btn')).forEach(btn => { btn.classList.toggle('active', btn.dataset.lang === lang); }); document.documentElement.lang = lang; const gridTitleEl = document.getElementById('grid-title'); if (gridTitleEl) gridTitleEl.textContent = t.gridTitle; if (typeof viewerIsOpen !== 'undefined' && viewerIsOpen) updateViewerChrome(); } /* ============================================================ 데이터 — 실제 사진 경로로 교체 ============================================================ */ const wishes = [ { id: 1, front: 'https://blog.kakaocdn.net/dn/c4cBFh/dJMcag7saeL/65hKI62G0K8WBWSFVpKR51/img.jpg', event: 'seoul', text: '새드 태대...♡ 아님 좀아포 태대 해 주세요 ㅠ.ㅠ 나폴리탄', tr: { ja: '切ないリョ三……♡ じゃなきゃ、ゾンビアポカリプスもののリョ三をください ㅠ.ㅠ ナポリタン系怪談', zh: '虐心的リョ三……♡ 不然就请来点丧尸末日背景的リョ三吧 ㅠ.ㅠ 规则类怪谈' } }, { id: 2, front: 'https://blog.kakaocdn.net/dn/lpNWS/dJMcaijWSDq/2h5qNZwBAa65BcWvU3xkXk/img.jpg', event: 'seoul', text: '세슬덩내줘. 영원히... 태대사랑', tr: { ja: '『THE SECOND SLAM DUNK』を出してください。永遠に……リョ三を愛してる', zh: '请出《THE SECOND SLAM DUNK》吧。永远爱リョ三' } }, { id: 3, front: 'https://blog.kakaocdn.net/dn/dhxBpb/dJMcaijWSDp/8Ie1Ir8AjMWpkNibczkFp0/img.jpg', event: 'seoul', text: '태대 영원해 2026', tr: { ja: 'リョ三よ、永遠に 2026', zh: 'リョ三永远 2026' } }, { id: 4, front: 'https://blog.kakaocdn.net/dn/xXIpp/dJMcacqysUD/tFVJp52CTlxGfFVDe5HkR0/img.jpg', event: 'seoul', text: '태섭이 대만이 사랑이 내 수명보다 길다..♡', tr: { ja: 'リョータと三井の愛は、私の寿命より長い……♡', zh: '良田和三井的爱情比我的寿命还长……♡' } }, { id: 5, front: 'https://blog.kakaocdn.net/dn/u6Tvr/dJMcaaTJy78/NmaSixRqj8ZYVfBd3194R0/img.jpg', event: 'seoul', text: '태대 영원히 해...', tr: { ja: '永遠にリョ三でいて……', zh: 'リョ三要永远继续下去……' } }, { id: 6, front: 'https://blog.kakaocdn.net/dn/edAEgs/dJMb99UOvRy/gRtKj6hnPZQDlkyOleX6R0/img.jpg', event: 'seoul', text: '태섭아 대만아 싸우지 말고 행복하거라~^^♡♡', tr: { ja: 'リョータ、三井、ケンカしないで幸せにね～^^♡♡', zh: '良田、三井，你们不要吵架，要幸福呀～^^♡♡' } }, { id: 7, front: 'https://blog.kakaocdn.net/dn/cbZhj2/dJMb99UOvRx/ZeWDfucECpBakKkyrua8Rk/img.jpg', event: 'seoul', text: '영원히 함께하렴...♥', tr: { ja: '永遠に一緒にいてね……♥', zh: '要永远在一起哦……♥' } }, { id: 8, front: 'https://blog.kakaocdn.net/dn/b1jMI7/dJMcaaTJy79/hiO61bBf1aYinLnYlxHZC0/img.jpg', event: 'seoul', text: '나는 너희가 영원히 깨붙었으면 좋겠다..♡♡ ♡TSDM♡', tr: { ja: '君たちには、永遠に別れたりくっついたりしていてほしい……♡♡ ♡TSDM♡', zh: '我希望你们永远分分合合……♡♡ ♡TSDM♡' } }, { id: 9, front: 'https://blog.kakaocdn.net/dn/s2FKp/dJMcacqysUF/sXDkkEAkJtKuoMTcgo5K8k/img.jpg', event: 'seoul', text: '농구 계속해줘', tr: { ja: 'バスケを続けてね', zh: '要继续打篮球哦' } }, { id: 10, front: 'https://blog.kakaocdn.net/dn/Cy0hH/dJMcag7saeQ/oBZURqRaGPA54fQeLzssL1/img.jpg', event: 'seoul', text: '영원히 저승에서도 붙어지내기를... 평생 함께해 ㅠ.ㅠ♥♡', tr: { ja: '死んだ後も、あの世でずっと一緒にいられますように……一生一緒にいて ㅠ.ㅠ♥♡', zh: '愿你们死后在阴间也永远黏在一起……一辈子都要在一起 ㅠ.ㅠ♥♡' } }, { id: 11, front: 'https://blog.kakaocdn.net/dn/pzgA2/dJMcaaTJy74/7HVAnBUlFynvu3NNEaZSJ0/img.jpg', event: 'seoul', text: '태대 영원히 행복하길.. ♥♡', tr: { ja: 'リョ三が永遠に幸せでありますように……♥♡', zh: '愿リョ三永远幸福……♥♡' } }, { id: 12, front: 'https://blog.kakaocdn.net/dn/kBWjx/dJMcaaTJy75/2t4kVMQA8mNXMR2KzvXsT1/img.jpg', event: 'seoul', text: '다들 태대하자 영원히....♥', tr: { ja: 'みんなで永遠にリョ三しよう……♥', zh: '大家永远一起磕リョ三吧……♥' } }, { id: 13, front: 'https://blog.kakaocdn.net/dn/u74WC/dJMcacqysUG/5j27IYi44QPzpLFIrhy8r0/img.jpg', event: 'seoul', text: '태섭 대만 영원히 농구하며 사랑해라!', tr: { ja: 'リョータ、三井、永遠にバスケをしながら愛し合ってくれ！', zh: '良田、三井，永远一边打篮球一边相爱吧！' } }, { id: 14, front: 'https://blog.kakaocdn.net/dn/oqPZk/dJMb99UOvRz/Aiu0k890pkJLXQaCzoACPK/img.jpg', event: 'seoul', text: '태섭아 대만아 죽도록 사랑해 영원해', tr: { ja: 'リョータ、三井、死ぬほど愛してる。永遠だよ', zh: '良田、三井，我爱你们爱到死。永远爱你们' } }, { id: 15, front: 'https://blog.kakaocdn.net/dn/bI6sAb/dJMcag7saeR/uULPWe1OqWfWpumHp0KpM1/img.jpg', event: 'seoul', text: '로코 태대 빵터지는 바보들이요! 우리도 밥트다.', tr: { ja: 'ラブコメなリョ三、爆笑もののおバカな二人をください！ 私たちもバカトリオだ。', zh: '请给我来点浪漫喜剧リョ三，笑死人的两个笨蛋！我们也是笨蛋三人组。' } }, { id: 16, front: 'https://blog.kakaocdn.net/dn/cUsGoa/dJMcag7saeM/ZpR9J9AMiSOwheuXznCrMK/img.jpg', event: 'seoul', text: '내년에도 같이있길', tr: { ja: '来年も一緒にいられますように', zh: '希望明年也能在一起' } }, { id: 17, front: 'https://blog.kakaocdn.net/dn/dVWOuA/dJMcag7saeN/zBfgO8eCvvzOJKzYkOng3k/img.jpg', event: 'seoul', text: '늘 행복하기를 바라♥', tr: { ja: 'いつも幸せでありますように♥', zh: '愿你们一直幸福♥' } }, { id: 18, front: 'https://blog.kakaocdn.net/dn/dW9UZo/dJMcag7saeO/wvJiNL4XZskM69kEkZ9Ev0/img.jpg', event: 'seoul', text: '영원히 함께해♥ 태대', tr: { ja: '永遠に一緒にいてね♥ リョ三', zh: '永远在一起吧♥ リョ三' } }, { id: 19, front: 'https://blog.kakaocdn.net/dn/bExuuv/dJMcaijWSDv/BVk6GbO3BouoijQTCZYpB0/img.jpg', event: 'seoul', text: '태대의 사랑도 이뤄지고 행쇼하고,, 나도 행복하자♡', tr: { ja: 'リョ三の恋も実って、幸せになって……私も幸せになろう♡', zh: '愿リョ三的爱情也能修成正果，幸福下去……我也要幸福♡' } }, { id: 20, front: 'https://blog.kakaocdn.net/dn/VkDgY/dJMcag7saeP/TXKstSOPhTIikQc2AVlMm1/img.jpg', event: 'seoul', text: '태대 영원히 사랑해♡', tr: { ja: 'リョ三、永遠に愛してる♡', zh: '永远爱リョ三♡' } }, { id: 21, front: 'https://blog.kakaocdn.net/dn/oMohz/dJMcaijWSDr/KVNsMEtBP7u2N7L9Hsyja0/img.jpg', event: 'seoul', text: '714 LOVE...', tr: { ja: '714 LOVE...', zh: '714 LOVE...' } }, { id: 22, front: 'https://blog.kakaocdn.net/dn/bav4GK/dJMcaijWSDs/5on8zRKZdJSPpHnqR8dLA0/img.jpg', event: 'seoul', text: '태섭아 대만아 사랑한다♥', tr: { ja: 'リョータ、三井、愛してる♥', zh: '良田、三井，我爱你们♥' } }, { id: 23, front: 'https://blog.kakaocdn.net/dn/bc7B1i/dJMcaijWSDt/z3HmAA3s1QkdfPD3ycYAV1/img.jpg', event: 'seoul', text: '무덤까지 같이 들어가줘...♡', tr: { ja: '一緒のお墓に入ってね……♡', zh: '要一起进同一个坟墓哦……♡' } }, { id: 24, front: 'https://blog.kakaocdn.net/dn/ojBEQ/dJMcaaTJy76/nk8eOMCxkbPXCPTfS2K7X1/img.jpg', event: 'seoul', text: '죽어서도 붙어있어....', tr: { ja: '死んでもずっと一緒にいて……', zh: '死后也要一直在一起……' } }, { id: 25, front: 'https://blog.kakaocdn.net/dn/bQRG0D/dJMcaaTJy77/KeRsDDIo4IM7jwNZ6B18Mk/img.jpg', event: 'seoul', text: '태섭대만 너네가 내 어금니다...', tr: { ja: 'リョ三、お前らは私の奥歯だ……', zh: 'リョ三，你们就是我的臼齿……' } }, { id: 26, front: 'https://blog.kakaocdn.net/dn/DYJQS/dJMcacqysUI/Ic2tCTeaVWtkYDQk0d2LZK/img.jpg', event: 'seoul', text: '태대가 하고 싶은 거 모두 다 했음 좋겠어♡ 항상 행복하길!!', tr: { ja: 'リョ三がやりたいことを全部できたらいいな♡ いつも幸せでありますように!!', zh: '希望リョ三想做的事全都能做到♡ 愿你们一直幸福!!' } }, { id: 27, front: 'https://blog.kakaocdn.net/dn/coP0yn/dJMcaijWSDu/xvkUJPRa3CGspnXmR8N77K/img.jpg', event: 'seoul', text: '태섭이와 대만이 영원히 농구하고 행복하게 둘이 Forever...♡', tr: { ja: 'リョータと三井が永遠にバスケをして、二人で幸せに Forever...♡', zh: '愿良田和三井永远打篮球，两个人幸福地生活下去。Forever...♡' } }, { id: 28, front: 'https://blog.kakaocdn.net/dn/bDYeIV/dJMcag7sae0/PtFWZppkiJDkGsYoVhY491/img.jpg', event: 'tokyo', lang: 'ko', text: '태섭대만 뽀뽀도 사랑도 714만번 해줘!', tr: { ja: 'リョ三、714万回キスして、714万回愛し合って！', zh: 'リョ三，要亲亲相爱714万次！' } }, { id: 29, front: 'https://blog.kakaocdn.net/dn/bJeTMI/dJMcaijWSDO/cntzKn8kgivpXnDKMjMdtk/img.jpg', event: 'tokyo', lang: 'zh', text: 'リョ三９９', tr: { ko: 'リョ三 오래오래', ja: 'リョ三、いつまでも' } }, { id: 30, front: 'https://blog.kakaocdn.net/dn/kNWdN/dJMcag0EvC7/tGaAnQOlVOacg1Cirm8Wk0/img.jpg', event: 'tokyo', text: 'リョ三大好き～', tr: { ko: 'リョ三 정말 좋아해～', zh: '超喜欢リョ三～' } }, { id: 31, front: 'https://blog.kakaocdn.net/dn/cf8UKg/dJMcacjF0eu/oWmMzxJko9KQcykx8kWzk0/img.jpg', event: 'tokyo', text: 'リョータ　ヒサシ 714 Forever...', tr: { ko: '료타 히사시 714 Forever...', zh: '良田　寿 714 Forever...' } }, { id: 32, front: 'https://blog.kakaocdn.net/dn/mtW0f/dJMcadv28C7/ts6CSdKxF6klXqxVcVjd4K/img.jpg', event: 'tokyo', text: '生涯リョ三', tr: { ko: '평생 リョ三', zh: '一生リョ三' } }, { id: 33, front: 'https://blog.kakaocdn.net/dn/bcSuTt/dJMcacjF0et/LKtY1QQpv4tihZR4dZYl21/img.jpg', event: 'tokyo', lang: 'zh', text: 'リョ三大好 千里共', tr: { ko: 'リョ三 정말 좋아해. 멀리 떨어져 있어도 같은 달 아래 함께하기를', ja: 'リョ三大好き。遠く離れていても、同じ月を共に眺められますように' } }, { id: 34, front: 'https://blog.kakaocdn.net/dn/D0QCx/dJMcadv28C9/0Z8KazNcdPeX7bfr0w6RLK/img.jpg', event: 'tokyo', lang: 'zh', text: '攻城良田 三井受 best couple', tr: { ko: '미야기 료타 공 × 미츠이 히사시 수, best couple', ja: '宮城良田攻め×三井寿受け、best couple' } }, { id: 35, front: 'https://blog.kakaocdn.net/dn/pI9Ry/dJMcadv28Da/ayHZqmWF86uv2iZKmZ0DM1/img.jpg', event: 'tokyo', text: 'リョ三永遠に愛', tr: { ko: 'リョ三 영원히 사랑해', zh: '永远爱リョ三' } }, ]; const rand = (min, max) => Math.random() * (max - min) + min; const isMobile = () => window.matchMedia('(max-width:600px)').matches; /* ---------- 1. 밤하늘 ---------- */ function buildSky(){ const sky = document.getElementById('night-sky'); for (let i = 0; i < 80; i++) { const s = document.createElement('div'); s.className = 'star'; const size = rand(1, 2.6); s.style.width = size + 'px'; s.style.height = size + 'px'; s.style.left = rand(0, 100) + '%'; s.style.top = rand(0, 100) + '%'; s.style.animationDelay = rand(0, 4) + 's'; s.style.animationDuration = rand(3, 6) + 's'; sky.appendChild(s); } for (let i = 0; i < 8; i++) { const f = document.createElement('div'); f.className = 'firefly'; f.style.left = rand(5, 95) + '%'; f.style.top = rand(10, 90) + '%'; f.style.animationDuration = rand(7, 13) + 's, ' + rand(2, 3.4) + 's'; f.style.animationDelay = rand(0, 6) + 's, ' + rand(0, 2) + 's'; sky.appendChild(f); } } /* ---------- 2. 대나무 전체에 탄자쿠를 흩어 배치 ---------- */ // 대나무 실루엣을 따라 미리 잡아둔 "곁가지 끝" 지점들 (퍼센트 좌표) const ANCHORS = [ {x:28,y:9},{x:52,y:7},{x:72,y:11}, {x:16,y:19},{x:40,y:16},{x:62,y:20},{x:83,y:24}, {x:24,y:29},{x:48,y:27},{x:68,y:32}, {x:14,y:38},{x:36,y:40},{x:58,y:38},{x:79,y:43}, {x:22,y:50},{x:46,y:52},{x:66,y:50}, {x:30,y:60},{x:54,y:62},{x:74,y:60} ]; function buildTree(){ const stage = document.getElementById('tree-stage'); const img = stage.querySelector('.bamboo-img'); const layerBehind = document.getElementById('tz-behind'); const layerFront = document.getElementById('tz-front'); const svgBehind = document.getElementById('branches-behind'); const svgFront = document.getElementById('branches-front'); const place = () => { layerBehind.innerHTML = ''; layerFront.innerHTML = ''; svgBehind.innerHTML = ''; svgFront.innerHTML = ''; const stageW = stage.offsetWidth || 340; const stageH = stage.offsetHeight || 480; svgBehind.setAttribute('viewBox', '0 0 ' + stageW + ' ' + stageH); svgFront.setAttribute('viewBox', '0 0 ' + stageW + ' ' + stageH); // 같은 지점을 공유하는 탄자쿠가 몇 번째인지 세기 위한 카운터 const anchorUseCount = new Array(ANCHORS.length).fill(0); wishes.forEach((wish, i) => { const anchorIdx = i % ANCHORS.length; const anchor = ANCHORS[anchorIdx]; const useIndex = anchorUseCount[anchorIdx]++; // 같은 지점에 두 번째로 매달리는 탄자쿠는 살짝 옆/아래로 비켜서 자연스럽게 겹치게 함 const shareOffsetX = useIndex === 0 ? 0 : (useIndex % 2 === 1 ? 1 : -1) * rand(9, 14); const shareOffsetY = useIndex === 0 ? 0 : rand(10, 16); const anchorPx = { x: stageW * anchor.x / 100 + shareOffsetX, y: stageH * anchor.y / 100 + shareOffsetY }; const jitterX = rand(-4, 4); const jitterY = rand(-4, 4); const isBehind = Math.random() < 0.32; // 약 1/3은 잎 뒤쪽으로 (대나무 이미지 아래 레이어) const sizeScale = rand(0.9, 1.1); const rot = rand(-7, 7); const shadowAlpha = rand(0.25, 0.55); const swayDur = rand(5, 9); const swayDelay = -rand(0, 8); const stringLen = rand(8, 18); const hit = document.createElement('button'); hit.type = 'button'; hit.className = 'tz-hit'; hit.setAttribute('aria-label', '탄자쿠 ' + wish.id + '번 보기'); const hitW = isMobile() ? 48 : 44; hit.style.left = (anchorPx.x + jitterX - hitW / 2) + 'px'; hit.style.top = (anchorPx.y + jitterY - 6) + 'px'; const base = document.createElement('span'); base.className = 'tz-base'; base.style.transform = 'rotate(' + rot.toFixed(1) + 'deg) scale(' + sizeScale.toFixed(2) + ')'; const sway = document.createElement('span'); sway.className = 'tz-sway'; sway.style.animationDuration = swayDur.toFixed(2) + 's'; sway.style.animationDelay = swayDelay.toFixed(2) + 's'; const paperW = isMobile() ? 34 : 26; const paperH = Math.round(paperW * 2.15); const paper = document.createElement('span'); paper.className = 'tz-paper'; paper.style.width = paperW + 'px'; paper.style.height = paperH + 'px'; paper.style.marginTop = stringLen + 'px'; paper.style.boxShadow = '1px 3px 7px rgba(4,10,25,' + shadowAlpha.toFixed(2) + ')'; if (isBehind) { paper.style.filter = 'brightness(0.88) saturate(0.9)'; } const hole = document.createElement('span'); hole.className = 'tz-hole'; paper.appendChild(hole); sway.appendChild(paper); base.appendChild(sway); hit.appendChild(base); hit.addEventListener('click', () => openViewer(i)); const targetLayer = isBehind ? layerBehind : layerFront; targetLayer.appendChild(hit); // 가는 곁가지: 대나무 중심 줄기 부근에서 앵커 지점까지 const trunkX = stageW * 0.5; const branchSvg = isBehind ? svgBehind : svgFront; const bx1 = trunkX, by1 = anchorPx.y - rand(2, 8); const bx2 = anchorPx.x, by2 = anchorPx.y; const branchPath = document.createElementNS('http://www.w3.org/2000/svg', 'path'); branchPath.setAttribute('d', 'M ' + bx1 + ' ' + by1 + ' Q ' + ((bx1 + bx2) / 2) + ' ' + (by1 + (by2 - by1) * 0.3) + ' ' + bx2 + ' ' + by2); branchPath.setAttribute('stroke', '#6f7d55'); branchPath.setAttribute('stroke-width', '1.6'); branchPath.setAttribute('fill', 'none'); branchPath.setAttribute('opacity', '0.55'); branchSvg.appendChild(branchPath); // 가느다란 빨간 끈: 앵커 지점에서 종이 상단(타공)까지, 살짝 처지게 const stringTopY = anchorPx.y; const stringBottomY = anchorPx.y + jitterY + stringLen; const stringX = anchorPx.x + jitterX; const sag = rand(2, 5); const stringPath = document.createElementNS('http://www.w3.org/2000/svg', 'path'); stringPath.setAttribute('d', 'M ' + stringX + ' ' + stringTopY + ' Q ' + (stringX + sag) + ' ' + ((stringTopY + stringBottomY) / 2) + ' ' + stringX + ' ' + stringBottomY); stringPath.setAttribute('stroke', '#8a3a30'); stringPath.setAttribute('stroke-width', '1'); stringPath.setAttribute('fill', 'none'); stringPath.setAttribute('opacity', '0.75'); branchSvg.appendChild(stringPath); }); revealAll(); }; let placed = false; const placeOnce = () => { if (placed) return; placed = true; place(); }; if (img.complete && img.naturalWidth > 0) { placeOnce(); } else { img.addEventListener('load', placeOnce); img.addEventListener('error', placeOnce); } setTimeout(placeOnce, 500); let resizeTimer; window.addEventListener('resize', () => { clearTimeout(resizeTimer); resizeTimer = setTimeout(place, 150); }); } function revealAll(){ const items = Array.from(document.querySelectorAll('.tz-hit')); items.forEach((item, i) => { item.classList.remove('visible'); void item.offsetWidth; setTimeout(() => item.classList.add('visible'), i * 35); }); } /* ============================================================ 3. 뷰어 모달 (사진 감상 전용 — 앞/뒤 전환 없음) ============================================================ */ const viewerOverlay = document.getElementById('viewer-overlay'); const viewerImg = document.getElementById('viewer-img'); const viewerSpinner = document.getElementById('viewer-spinner'); const viewerErrorEl = document.getElementById('viewer-error'); const viewerCounterEl = document.getElementById('viewer-counter'); const viewerStageEl = document.getElementById('viewer-stage'); const viewerBadgeEl = document.getElementById('viewer-event-badge'); const viewerTranslateEl = document.getElementById('viewer-translate-link'); let currentIndex = 0; let viewerIsOpen = false; const loadedOnce = new Set(); // 출처(도쿄/서울) 배지 + 미리 넣어둔 번역 캡션을 현재 언어/현재 탄자쿠 기준으로 갱신 function updateViewerChrome(){ const wish = wishes[currentIndex]; const t = I18N[currentLang] || I18N.ko; viewerBadgeEl.textContent = wish.event === 'tokyo' ? t.eventTokyo : t.eventSeoul; // 원문 언어: wish.lang이 있으면 그걸 쓰고, 없으면 이벤트로 추정(서울=한국어, 도쿄=일본어) const nativeLang = wish.lang || (wish.event === 'tokyo' ? 'ja' : 'ko'); const translated = wish.tr && wish.tr[currentLang]; if (currentLang === nativeLang || !translated) { viewerTranslateEl.hidden = true; } else { viewerTranslateEl.textContent = translated; viewerTranslateEl.hidden = false; } } function openViewer(index){ currentIndex = index; viewerIsOpen = true; renderViewer(); viewerOverlay.classList.add('open'); updateUrlForWish(wishes[currentIndex]); } function closeViewer(){ viewerIsOpen = false; viewerOverlay.classList.remove('open'); clearUrlWish(); } function goTo(index){ const n = wishes.length; currentIndex = ((index % n) + n) % n; renderViewer(); updateUrlForWish(wishes[currentIndex]); } // 특정 탄자쿠로 바로 열 수 있도록 주소창에 ?wish=아이디 반영 (file:// 등에서 실패해도 무시) function updateUrlForWish(wish){ try { const url = new URL(window.location); url.searchParams.set('wish', wish.id); window.history.replaceState({}, '', url); } catch (e) { /* 무시 */ } } function clearUrlWish(){ try { const url = new URL(window.location); url.searchParams.delete('wish'); window.history.replaceState({}, '', url); } catch (e) { /* 무시 */ } } function openFromUrl(){ try { if (typeof URLSearchParams === 'undefined') return; const params = new URLSearchParams(window.location.search); const wid = params.get('wish'); if (!wid) return; const idx = wishes.findIndex(w => String(w.id) === String(wid)); if (idx >= 0) openViewer(idx); } catch (e) { /* 무시 */ } } function showToast(msg){ const el = document.getElementById('viewer-toast'); el.textContent = msg; el.hidden = false; void el.offsetWidth; el.classList.add('show'); clearTimeout(showToast._t); showToast._t = setTimeout(() => { el.classList.remove('show'); setTimeout(() => { el.hidden = true; }, 300); }, 1800); } function buildShareUrl(wish){ try { const url = new URL(window.location); url.searchParams.set('wish', wish.id); return url.toString(); } catch (e) { return window.location.href; } } function shareToX(){ const wish = wishes[currentIndex]; const shareUrl = buildShareUrl(wish); const text = wish.text || I18N[currentLang].shareTitle; window.open('https://twitter.com/intent/tweet?text=' + encodeURIComponent(text) + '&url=' + encodeURIComponent(shareUrl), '_blank', 'noopener'); } function shareToBluesky(){ const wish = wishes[currentIndex]; const shareUrl = buildShareUrl(wish); const text = (wish.text || I18N[currentLang].shareTitle) + '\n' + shareUrl; window.open('https://bsky.app/intent/compose?text=' + encodeURIComponent(text), '_blank', 'noopener'); } function shareCurrentWish(){ const wish = wishes[currentIndex]; const t = I18N[currentLang] || I18N.ko; const shareUrl = buildShareUrl(wish); if (navigator.share) { navigator.share({ title: t.shareTitle, text: wish.text || '', url: shareUrl }).catch(() => {}); return; } if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(shareUrl).then(() => showToast(t.shareCopied)).catch(() => fallbackCopy(shareUrl, t.shareCopied)); } else { fallbackCopy(shareUrl, t.shareCopied); } } function fallbackCopy(text, msg){ try { const ta = document.createElement('textarea'); ta.value = text; ta.style.position = 'fixed'; ta.style.opacity = '0'; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); showToast(msg); } catch (e) { /* 복사 실패 시 조용히 무시 */ } } document.getElementById('viewer-share').addEventListener('click', shareCurrentWish); document.getElementById('viewer-share-x').addEventListener('click', shareToX); document.getElementById('viewer-share-bsky').addEventListener('click', shareToBluesky); /* ---------- 전체 보기 그리드 ---------- */ const gridOverlay = document.getElementById('grid-overlay'); const gridList = document.getElementById('grid-list'); let gridBuilt = false; let gridIsOpen = false; function buildGrid(){ if (gridBuilt) return; gridBuilt = true; wishes.forEach((wish, i) => { const btn = document.createElement('button'); btn.type = 'button'; btn.className = 'grid-item'; btn.dataset.index = i; btn.setAttribute('aria-label', (i + 1) + ' / ' + wishes.length); btn.innerHTML = '<img src="' + wish.front + '" alt="" loading="lazy"><span class="g-num">' + (i + 1) + '</span>'; btn.addEventListener('click', () => { openViewer(i); closeGrid(); }); gridList.appendChild(btn); }); } function openGrid(){ buildGrid(); gridIsOpen = true; Array.from(gridList.querySelectorAll('.grid-item')).forEach(el => { el.classList.toggle('current', Number(el.dataset.index) === currentIndex); }); gridOverlay.classList.add('open'); const active = gridList.querySelector('.grid-item.current'); if (active && typeof active.scrollIntoView === 'function') active.scrollIntoView({ block: 'center' }); } function closeGrid(){ gridIsOpen = false; gridOverlay.classList.remove('open'); } document.getElementById('viewer-counter').addEventListener('click', openGrid); document.getElementById('grid-close').addEventListener('click', closeGrid); gridOverlay.addEventListener('click', e => { if (e.target === gridOverlay) closeGrid(); }); function renderViewer(){ viewerCounterEl.textContent = (currentIndex + 1) + ' / ' + wishes.length; resetZoom(); updateViewerChrome(); const wish = wishes[currentIndex]; viewerErrorEl.hidden = true; viewerImg.classList.add('hidden-img'); viewerImg.alt = wish.text || '탄자쿠 사진'; viewerSpinner.style.display = 'block'; const loader = new Image(); loader.onload = () => { if (wishes[currentIndex] !== wish) return; // 로딩 도중 다른 사진으로 넘어간 경우 무시 viewerImg.src = wish.front; viewerImg.classList.remove('hidden-img'); viewerSpinner.style.display = 'none'; loadedOnce.add(wish.id); }; loader.onerror = () => { if (wishes[currentIndex] !== wish) return; viewerSpinner.style.display = 'none'; viewerErrorEl.textContent = wish.text ? '사진을 불러오지 못했어요. 남겨주신 글: “' + wish.text + '”' : '이미지를 불러오지 못했습니다.'; viewerErrorEl.hidden = false; }; loader.src = wish.front; } document.getElementById('viewer-close').addEventListener('click', closeViewer); document.getElementById('viewer-prev').addEventListener('click', () => goTo(currentIndex - 1)); document.getElementById('viewer-next').addEventListener('click', () => goTo(currentIndex + 1)); viewerOverlay.addEventListener('click', e => { if (e.target === viewerOverlay) closeViewer(); }); document.addEventListener('keydown', e => { if (e.key === 'Escape' && gridIsOpen) { closeGrid(); return; } if (!viewerIsOpen) return; if (e.key === 'Escape') closeViewer(); else if (e.key === 'ArrowRight') goTo(currentIndex + 1); else if (e.key === 'ArrowLeft') goTo(currentIndex - 1); }); /* ---------- 모바일 스와이프 (확대 상태가 아닐 때만 페이지 이동) ---------- */ (function attachSwipe(){ let startX = 0, startY = 0, tracking = false; viewerStageEl.addEventListener('touchstart', e => { if (e.touches.length !== 1 || viewerImg.classList.contains('zoomed')) return; startX = e.touches[0].clientX; startY = e.touches[0].clientY; tracking = true; }, { passive: true }); viewerStageEl.addEventListener('touchend', e => { if (!tracking) return; tracking = false; const dx = e.changedTouches[0].clientX - startX; const dy = e.changedTouches[0].clientY - startY; if (Math.abs(dx) > 55 && Math.abs(dx) > Math.abs(dy) * 1.5) { if (dx < 0) goTo(currentIndex + 1); else goTo(currentIndex - 1); } }, { passive: true }); })(); /* ---------- 4. 확대 / 이동 (클릭 토글 + 휠 + 드래그 + 핀치) ---------- */ let zScale = 1, zPanX = 0, zPanY = 0; let zDragging = false, zDragStartX = 0, zDragStartY = 0, zPanStartX = 0, zPanStartY = 0, zMoved = false; let zPinchStartDist = 0, zPinchStartScale = 1; function applyZoom(withTransition){ viewerImg.classList.toggle('no-transition', !withTransition); viewerImg.style.transform = 'translate(' + zPanX + 'px,' + zPanY + 'px) scale(' + zScale + ')'; viewerImg.classList.toggle('zoomed', zScale > 1); } function resetZoom(){ zScale = 1; zPanX = 0; zPanY = 0; applyZoom(false); } viewerImg.addEventListener('mousedown', e => { if (zScale <= 1) return; zDragging = true; zMoved = false; zDragStartX = e.clientX; zDragStartY = e.clientY; zPanStartX = zPanX; zPanStartY = zPanY; viewerImg.classList.add('dragging'); }); window.addEventListener('mousemove', e => { if (!zDragging) return; const dx = e.clientX - zDragStartX, dy = e.clientY - zDragStartY; if (Math.abs(dx) > 3 || Math.abs(dy) > 3) zMoved = true; zPanX = zPanStartX + dx; zPanY = zPanStartY + dy; applyZoom(false); }); window.addEventListener('mouseup', () => { if (zDragging) { zDragging = false; viewerImg.classList.remove('dragging'); } }); viewerImg.addEventListener('click', () => { if (zMoved) { zMoved = false; return; } if (zScale > 1) { zScale = 1; zPanX = 0; zPanY = 0; } else { zScale = 2.2; } applyZoom(true); }); viewerImg.addEventListener('wheel', e => { e.preventDefault(); const delta = e.deltaY > 0 ? -0.2 : 0.2; zScale = Math.min(4, Math.max(1, zScale + delta)); if (zScale === 1) { zPanX = 0; zPanY = 0; } applyZoom(false); }, { passive: false }); viewerImg.addEventListener('touchstart', e => { if (e.touches.length === 2) { zPinchStartDist = Math.hypot( e.touches[0].clientX - e.touches[1].clientX, e.touches[0].clientY - e.touches[1].clientY ); zPinchStartScale = zScale; } else if (e.touches.length === 1 && zScale > 1) { zDragStartX = e.touches[0].clientX; zDragStartY = e.touches[0].clientY; zPanStartX = zPanX; zPanStartY = zPanY; zDragging = true; } }, { passive: true }); viewerImg.addEventListener('touchmove', e => { if (e.touches.length === 2) { const dist = Math.hypot( e.touches[0].clientX - e.touches[1].clientX, e.touches[0].clientY - e.touches[1].clientY ); if (zPinchStartDist > 0) { zScale = Math.min(4, Math.max(1, zPinchStartScale * (dist / zPinchStartDist))); if (zScale === 1) { zPanX = 0; zPanY = 0; } applyZoom(false); } } else if (e.touches.length === 1 && zDragging) { const dx = e.touches[0].clientX - zDragStartX; const dy = e.touches[0].clientY - zDragStartY; zPanX = zPanStartX + dx; zPanY = zPanStartY + dy; applyZoom(false); } }, { passive: true }); viewerImg.addEventListener('touchend', e => { if (e.touches.length === 0) { zDragging = false; zPinchStartDist = 0; } }, { passive: true }); /* ---------- 5. 랜덤 소원 펼쳐보기 ---------- */ document.getElementById('random-btn').addEventListener('click', () => { if (!wishes.length) return; openViewer(Math.floor(Math.random() * wishes.length)); }); /* ---------- 6. 초기화 ---------- */ function init(){ try { applyLanguage('ko'); document.getElementById('lang-switch').addEventListener('click', e => { const btn = e.target.closest('.lang-btn'); if (!btn) return; applyLanguage(btn.dataset.lang); }); document.getElementById('count-number').textContent = wishes.length; buildSky(); buildTree(); openFromUrl(); } catch (err) { console.error('칠석 소원나무 초기화 중 오류:', err.message, err.stack); } } if (document.readyState === 'loading') { window.addEventListener('DOMContentLoaded', init); } else { init(); } </script> </body> </html> 슬램덩크 DOONAA https://doonaa.tistory.com/4 https://doonaa.tistory.com/4#entry4comment Fri, 3 Jul 2026 05:58:43 +0900 https://doonaa.tistory.com/2 <!-- ============================================================ 도쿄 이벤트 참가용 링크트리 — 티스토리 페이지용 ============================================================ 사용법: 1. 티스토리 관리자 → 꾸미기 → 페이지 → "페이지 만들기" 2. 에디터를 [HTML] 모드로 전환 후 이 내용 전체 붙여넣기 3. "여기만 수정하세요" 표시된 부분만 실제 정보로 교체 4. 구성 순서: 서클명 → 행사명 → 부스위치 → X계정3인 → 전체 인포페이지(롱버튼) → 신간①②③(픽시브) → 참가안내①② 5. 행사가 바뀔 때마다 "서클명 / 행사명 / 부스 위치" 세 줄과 각 버튼의 href만 갈아끼우면 재사용 가능 ============================================================ --> <div id="ev-root"> <style> #ev-root { /* ====== 여기만 수정하세요: 색상 팔레트 ====== */ --ev-bg-1: #DFF3EA; /* 배경 그라데이션 시작 (민트) */ --ev-bg-2: #E7DAF7; /* 배경 그라데이션 끝 (연보라) */ --ev-ink: #A360A7; /* 글씨 컬러 */ --ev-ink-soft: #A360A7; --ev-card: #FFFFFF; --ev-border: #A360A7; /* 테두리 컬러 */ --ev-badge: #A360A7; /* 위치 배지 배경 */ --ev-accent: #C5FF98; /* 포인트 컬러 (버튼/아이콘 hover 시에만 표시) */ --ev-x-chip: #FFFFFF; /* X 계정 칩 배경 */ --ev-shadow: rgba(163, 96, 167, 0.22); all: initial; *, *::before, *::after { box-sizing: border-box; } display: block; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; color: var(--ev-ink); background: radial-gradient(circle at 50% 0%, var(--ev-bg-1), var(--ev-bg-2) 75%); padding: 44px 14px 60px; } #ev-root .ev-wrap { max-width: 440px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; } /* ---- 상단: 서클명 + 위치 ---- */ #ev-root .ev-circle-name { font-size: 26px; font-weight: 800; letter-spacing: -0.01em; text-align: center; } #ev-root .ev-event-name { margin-top: 10px; font-size: 14px; font-weight: 700; color: var(--ev-ink); opacity: 0.85; text-align: center; } #ev-root .ev-location-badge { margin-top: 8px; display: inline-flex; align-items: center; gap: 6px; background: var(--ev-badge); color: #fff; font-weight: 700; font-size: 13px; padding: 6px 14px; border-radius: 999px; box-shadow: 0 3px 0 var(--ev-shadow); } /* ---- 참가자별 아이콘 그룹 (이름 + X/블스/픽시브) ---- */ #ev-root .ev-person-grid { margin-top: 22px; width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(2px, 1.5vw, 8px); } #ev-root .ev-person { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; } #ev-root .ev-person-name { font-size: clamp(10px, 3.2vw, 13px); font-weight: 800; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } #ev-root .ev-person-icons { display: flex; gap: clamp(2px, 1.2vw, 5px); } #ev-root .ev-icon-btn { width: clamp(20px, 7vw, 30px); height: clamp(20px, 7vw, 30px); border-radius: 50%; border: 1.5px solid var(--ev-border); background: var(--ev-card); display: flex; align-items: center; justify-content: center; font-size: clamp(9px, 3vw, 13px); text-decoration: none; color: var(--ev-ink); font-weight: 800; flex-shrink: 0; transition: background 0.12s ease, transform 0.12s ease; } #ev-root .ev-icon-btn:hover { background: var(--ev-accent); transform: translateY(-2px); } /* ---- 섹션 라벨 ---- */ #ev-root .ev-section-label { width: 100%; margin-top: 30px; margin-bottom: 12px; font-size: 12px; font-weight: 700; color: var(--ev-ink-soft); display: flex; align-items: center; gap: 8px; } #ev-root .ev-section-label::after { content: ""; flex: 1; height: 1px; background: var(--ev-ink-soft); opacity: 0.25; } /* ---- 인포페이지 롱 버튼 ---- */ #ev-root .ev-info-btn { width: 100%; display: flex; align-items: center; gap: 12px; background: var(--ev-card); border: 2px solid var(--ev-border); border-radius: 16px; padding: 16px 18px; text-decoration: none; color: var(--ev-ink); font-weight: 800; font-size: 15px; box-shadow: 0 4px 0 var(--ev-shadow); transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease; } #ev-root .ev-info-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 0 var(--ev-shadow); background: var(--ev-accent); } #ev-root .ev-info-btn:active { transform: translateY(1px); box-shadow: 0 2px 0 var(--ev-shadow); } #ev-root .ev-info-btn-icon { font-size: 20px; flex-shrink: 0; } #ev-root .ev-info-btn-text { flex: 1; } #ev-root .ev-info-btn-arrow { opacity: 0.6; font-size: 14px; } /* ---- 앱 아이콘 그리드 ---- */ #ev-root .ev-grid { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px 12px; } #ev-root .ev-grid-2 { width: 100%; display: grid; grid-template-columns: repeat(2, calc((100% - 24px) / 3)); justify-content: center; gap: 16px 12px; } #ev-root .ev-tile { display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none; color: var(--ev-ink); } #ev-root .ev-tile-icon { width: 100%; aspect-ratio: 1 / 1; border-radius: 20px; border: 2px solid var(--ev-border); background: var(--ev-card); display: flex; align-items: center; justify-content: center; font-size: 26px; box-shadow: 0 4px 0 var(--ev-shadow); transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease; } #ev-root .ev-tile:hover .ev-tile-icon { background: var(--ev-accent); transform: translateY(-3px); box-shadow: 0 7px 0 var(--ev-shadow); } #ev-root .ev-tile:active .ev-tile-icon { transform: translateY(1px); box-shadow: 0 2px 0 var(--ev-shadow); } #ev-root .ev-tile-label { font-size: 11.5px; font-weight: 700; text-align: center; line-height: 1.3; } /* ---- 공지 배너 ---- */ #ev-root .ev-notice { margin-top: 30px; width: 100%; background: var(--ev-card); border: 1.5px dashed var(--ev-border); border-radius: 14px; padding: 12px 16px; font-size: 12.5px; text-align: center; color: var(--ev-ink-soft); } #ev-root .ev-footer { margin-top: 22px; font-size: 11px; color: var(--ev-ink-soft); opacity: 0.7; } @media (max-width: 360px) { #ev-root .ev-circle-name { font-size: 22px; } #ev-root .ev-tile-icon { font-size: 22px; border-radius: 16px; } } </style> <div class="ev-wrap"><!-- ====== 여기만 수정하세요: 서클명 / 행사명 / 부스 위치 (행사마다 이 세 줄만 갈아끼우면 됨) ====== --> <div class="ev-circle-name">初恋クラブ</div> <div class="ev-event-name">2026/7/5 星に願いを 2026 -day2-</div> <div class="ev-location-badge"> 東1 / そ19ab</div> <!-- ====== 여기만 수정하세요: 참가자별 X / 블루스카이 / 픽시브 링크 ====== --> <div class="ev-person-grid"> <div class="ev-person"> <div class="ev-person-name">DOONAA</div> <div class="ev-person-icons"><a class="ev-icon-btn" title="X" href="https://x.com/leedoonaa7" target="_blank" rel="noopener"> </a> <a class="ev-icon-btn" title="Bluesky" href="https://bsky.app/profile/doonaa7.bsky.social" target="_blank" rel="noopener"> </a> <a class="ev-icon-btn" title="Pixiv" href="https://www.pixiv.net/users/4740442" target="_blank" rel="noopener"> </a></div> </div> <div class="ev-person"> <div class="ev-person-name">エホ</div> <div class="ev-person-icons"><a class="ev-icon-btn" title="X" href="https://x.com/eh_0o0" target="_blank" rel="noopener"> </a> <a class="ev-icon-btn" title="Bluesky" href="https://bsky.app/profile/eh-0o0.bsky.social" target="_blank" rel="noopener"> </a> <a class="ev-icon-btn" title="Pixiv" href="https://www.pixiv.net/users/30655410" target="_blank" rel="noopener"> </a></div> </div> <div class="ev-person"> <div class="ev-person-name">Hik</div> <div class="ev-person-icons"><a class="ev-icon-btn" title="X" href="https://x.com/hickhick04" target="_blank" rel="noopener"> </a> <a class="ev-icon-btn" title="Bluesky" href="https://bsky.app/profile/hickhick04.bsky.social" target="_blank" rel="noopener"> </a> <a class="ev-icon-btn" title="Pixiv" href="https://www.pixiv.net/users/118739614" target="_blank" rel="noopener"> </a></div> </div> </div> <!-- ====== 여기만 수정하세요: 전체 인포페이지 (롱 버튼, href만 교체) ====== --> <div class="ev-section-label">INFO</div> <a class="ev-info-btn" href="https://x.com/leedoonaa7/status/2072119297074405592?s=20" target="_blank" rel="noopener"> <span class="ev-info-btn-icon"> </span> <span class="ev-info-btn-text">統合インフォ</span> <span class="ev-info-btn-arrow">&rarr;</span> </a> <!-- ====== 여기만 수정하세요: 신간 페이지 3개 (href만 교체) ====== --> <div class="ev-section-label">新刊サンプル</div> <div class="ev-grid"><a class="ev-tile ev-tile-1" href="https://x.com/leedoonaa7/status/2068824547005256079?s=20" target="_blank" rel="noopener"> <div class="ev-tile-icon"> </div> <div class="ev-tile-label">DOONAA</div> </a> <a class="ev-tile ev-tile-2" href="https://x.com/eh_0o0/status/2067428191787159868?s=20" target="_blank" rel="noopener"> <div class="ev-tile-icon"> </div> <div class="ev-tile-label">エホ</div> </a> <a class="ev-tile ev-tile-3" href="https://x.com/hickhick04/status/2068886974719750170?s=20" target="_blank" rel="noopener"> <div class="ev-tile-icon"> </div> <div class="ev-tile-label">Hik</div> </a></div> <!-- ====== 여기만 수정하세요: 이벤트 참가 안내 2개 (href만 교체) ====== --> <div class="ev-section-label">714dayCD EVENT</div> <div class="ev-grid-2"><a class="ev-tile ev-tile-4" href="https://x.com/leedoonaa7/status/2072175210518970846?s=20" target="_blank" rel="noopener"> <div class="ev-tile-icon"> </div> <div class="ev-tile-label">DOONAA</div> </a> <a class="ev-tile ev-tile-5" href="https://x.com/eh_0o0/status/2071208031116001294?s=20" target="_blank" rel="noopener"> <div class="ev-tile-icon"> </div> <div class="ev-tile-label">エホ</div> </a></div> <!-- ====== 여기만 수정하세요: 공지 문구 (필요없으면 이 블록 삭제) ====== --> <div class="ev-notice"> 年齢確認のため、身分証明書をご持参ください。<br />お釣りのないよう、小銭のご用意をお願いいたします。</div> <div class="ev-footer">&copy; 2026. 6. DOONAA</div> </div> </div> 슬램덩크 DOONAA https://doonaa.tistory.com/2 https://doonaa.tistory.com/2#entry2comment Thu, 2 Jul 2026 02:23:09 +0900 https://doonaa.tistory.com/1 <style> @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); @font-face{ font-family:'DungGeunMo'; src:url('https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@main/fonts/webfonts/DungGeunMo.woff2') format('woff2'); font-display:swap; } .wc-device{ --shell:#c3b3ea; --shell-edge:#7c68b8; --bezel:#4a4066; --lcd:#9bbc0f; --lcd-mid:#8bac0f; --lcd-dark:#306230; --lcd-darkest:#0f380f; --pink:#a8e0c8; --pink-dark:#82bfa6; --lav:#a8e0c8; --lav-dark:#82bfa6; max-width:400px; margin:24px auto; padding:18px 16px 22px; background:linear-gradient(180deg,var(--shell),#a996de); border:3px solid var(--shell-edge); border-radius:22px 22px 34px 34px; box-shadow:0 8px 0 var(--shell-edge), 0 10px 14px rgba(0,0,0,.25); font-family:'DungGeunMo','Press Start 2P',monospace; color:var(--lcd-darkest); box-sizing:border-box; } .wc-device *{box-sizing:border-box;} .wc-device-header{ display:flex; align-items:center; justify-content:center; gap:7px; margin-bottom:10px; } .wc-led{ width:8px;height:8px;border-radius:50%; background:#ff5b6a; box-shadow:0 0 5px #ff5b6a; animation:wc-blink 1.6s ease-in-out infinite; } @media (prefers-reduced-motion: reduce){ .wc-led{animation:none;} } @keyframes wc-blink{0%,100%{opacity:1;}50%{opacity:.35;}} .wc-brand{ font-family:'Press Start 2P',monospace; font-size:10px; color:#3a2e5c; letter-spacing:1px; } .wc-screen-bezel{ background:var(--bezel); border-radius:8px; padding:10px; box-shadow:inset 0 0 0 2px #2f2748; } .wc-screen{ position:relative; background:var(--lcd); border-radius:2px; padding:12px 10px 14px; overflow:hidden; box-shadow:inset 0 2px 6px rgba(0,0,0,.3); } .wc-screen::after{ content:""; position:absolute;inset:0; background:repeating-linear-gradient(180deg, rgba(15,56,15,.08) 0 2px, transparent 2px 4px); pointer-events:none; } .wc-title{ text-align:center; font-size:12.5px; color:var(--lcd-darkest); letter-spacing:1px; margin:0 0 3px; line-height:1.4; } .wc-sub{ text-align:center; font-family:'Press Start 2P',monospace; font-size:7px; color:var(--lcd-dark); margin:0 0 10px; letter-spacing:.5px; } .wc-progress-track{ display:flex; gap:2px; height:10px; margin-bottom:4px; } .wc-seg{ flex:1; background:var(--lcd-mid); border:1px solid var(--lcd-darkest); } .wc-seg.on{background:var(--lcd-darkest);} .wc-battle-label{ display:flex; justify-content:space-between; font-family:'Press Start 2P',monospace; font-size:8px; color:var(--lcd-darkest); margin:0 0 12px; } .wc-toolbar{ display:flex; justify-content:flex-end; margin-bottom:6px; } .wc-undo-btn{ padding:3px 8px; border:1.5px solid var(--lcd-darkest); border-radius:3px; background:var(--lcd); color:var(--lcd-darkest); font-family:'DungGeunMo','Press Start 2P',monospace; font-size:10px; cursor:pointer; -webkit-tap-highlight-color:transparent; } .wc-undo-btn:active{background:var(--lcd-darkest);color:var(--lcd);} .wc-undo-btn:disabled{opacity:.35;cursor:not-allowed;} .wc-undo-btn:disabled:active{background:var(--lcd);color:var(--lcd-darkest);} .wc-arena{ display:flex; align-items:stretch; gap:6px; margin-bottom:10px; position:relative; z-index:1; } .wc-card{ flex:1 1 0; min-width:0; background:var(--lcd); border:2px solid var(--lcd-darkest); padding:clamp(16px,5.5vw,22px) 4px; font-family:'DungGeunMo','Press Start 2P',monospace; font-size:clamp(14px,4.6vw,17px); color:var(--lcd-darkest); text-align:center; cursor:pointer; line-height:1.3; word-break:keep-all; -webkit-tap-highlight-color:transparent; } .wc-card:active{ background:var(--lcd-darkest); color:var(--lcd); } @media (hover:hover){ .wc-card:hover{ background:var(--lcd-darkest); color:var(--lcd); } } .wc-card:focus-visible{outline:2px dashed var(--lcd-darkest);outline-offset:2px;} .wc-vs{ align-self:center; flex:0 0 auto; font-family:'Press Start 2P',monospace; font-size:9px; color:var(--lcd-darkest); padding:0 2px; } .wc-result{position:relative;z-index:1;} .wc-result-title{ text-align:center; font-family:'Press Start 2P',monospace; font-size:10px; color:var(--lcd-darkest); margin:2px 0 10px; } .wc-result-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; border:2px solid var(--lcd-darkest); } .wc-result-list li{ display:flex; align-items:center; gap:6px; padding:5px 7px; font-size:12px; border-bottom:1px solid var(--lcd-mid); } .wc-result-list li:nth-child(odd){border-right:1px solid var(--lcd-mid);} .wc-result-list li:last-child, .wc-result-list li:nth-last-child(2):nth-child(odd){border-bottom:none;} .wc-rank{ font-family:'Press Start 2P',monospace; font-size:7px; min-width:18px; color:var(--lcd-darkest); } .wc-result-list li.wc-top1{background:var(--lcd-darkest);color:var(--lcd);grid-column:1 / -1;border-right:none;} .wc-result-list li.wc-top1 .wc-rank{color:var(--lcd);} .wc-copy{ display:block; width:100%; margin-top:12px; padding:9px 4px; border:2px solid var(--lcd-darkest); border-radius:4px; background:var(--lcd); color:var(--lcd-darkest); font-family:'DungGeunMo','Press Start 2P',monospace; font-size:11px; cursor:pointer; } .wc-copy:active{background:var(--lcd-darkest);color:var(--lcd);} .wc-copy.wc-copied{background:var(--lcd-darkest);color:var(--lcd);} .wc-choice-row{ display:flex; justify-content:center; gap:8px; margin-top:2px; } .wc-choice-btn{ flex:0 0 auto; padding:4px 10px; border:1.5px solid var(--lcd-darkest); border-radius:3px; background:var(--lcd-mid); color:var(--lcd-darkest); font-family:'DungGeunMo','Press Start 2P',monospace; font-size:10px; cursor:pointer; -webkit-tap-highlight-color:transparent; } .wc-choice-btn:active{background:var(--lcd-darkest);color:var(--lcd);} @media (hover:hover){ .wc-choice-btn:hover{background:var(--lcd-darkest);color:var(--lcd);} } .wc-choice-btn:focus-visible{outline:2px dashed var(--lcd-darkest);outline-offset:2px;} .wc-fake-controls{ display:flex; align-items:center; justify-content:space-between; margin-top:18px; padding:0 6px; } .wc-dpad{ display:grid; grid-template-columns:repeat(3,16px); grid-template-rows:repeat(3,16px); gap:2px; } .wc-dpad span{background:var(--shell-edge);border-radius:2px;} .wc-dpad span:nth-child(1), .wc-dpad span:nth-child(3), .wc-dpad span:nth-child(7), .wc-dpad span:nth-child(9){background:transparent;} .wc-mini-btns{ display:flex; flex-direction:column; align-items:center; gap:6px; } .wc-mini-btn{ width:26px;height:7px; border-radius:5px; background:var(--shell-edge); transform:rotate(-20deg); } .wc-mini-label{ font-family:'Press Start 2P',monospace; font-size:5px; color:#3a2e5c; opacity:.7; letter-spacing:.5px; } .wc-ab-group{ display:flex; align-items:flex-end; gap:6px; transform:rotate(-18deg); } .wc-ab-btn{ width:26px;height:26px; border-radius:50%; background:var(--shell-edge); box-shadow:0 3px 0 #3a2e5c; display:flex; align-items:center; justify-content:center; font-family:'Press Start 2P',monospace; font-size:8px; color:#e8e0f8; } .wc-ab-btn.b{margin-top:10px;} .wc-restart{ display:block; width:100%; margin-top:8px; padding:9px 4px; border:2px solid var(--lcd-darkest); border-radius:4px; background:var(--lcd); color:var(--lcd-darkest); font-family:'DungGeunMo','Press Start 2P',monospace; font-size:11px; letter-spacing:.5px; cursor:pointer; } .wc-restart:active{background:var(--lcd-darkest);color:var(--lcd);} .wc-footer{ text-align:center; margin-top:14px; font-family:'Press Start 2P',monospace; font-size:7px; color:#3a2e5c; opacity:.6; letter-spacing:1px; } </style> <div class="wc-device" id="wcDevice"> <div class="wc-device-header"> <span class="wc-led"></span> <span class="wc-brand">CHARACTER SORT</span> </div> <div class="wc-screen-bezel"> <div class="wc-screen"> <div class="wc-title">슬램덩크 캐릭터 소트</div> <p class="wc-sub">PRESS TO CHOOSE ・ 43</p> ``` <div class="wc-progress-track" id="progressTrack"></div> <div id="battleNumber" class="wc-battle-label">&nbsp;</div> <div class="wc-toolbar"> <button type="button" id="btnUndo" class="wc-undo-btn" disabled>◀ 뒤로</button> </div> <div class="wc-arena" id="arena"> <button type="button" id="leftField" class="wc-card">&nbsp;</button> <div class="wc-vs">VS</div> <button type="button" id="rightField" class="wc-card">&nbsp;</button> </div> <div class="wc-choice-row" id="choiceRow"> <button type="button" id="btnEqual" class="wc-choice-btn">둘다 좋다</button> <button type="button" id="btnUnknown" class="wc-choice-btn">모르겠다</button> </div> <div id="resultField" class="wc-result"></div> </div> ``` </div> <div class="wc-fake-controls" aria-hidden="true"> <div class="wc-dpad"> <span></span><span></span><span></span> <span></span><span></span><span></span> <span></span><span></span><span></span> </div> <div class="wc-mini-btns"> <span class="wc-mini-btn"></span> <span class="wc-mini-label">SELECT START</span> </div> <div class="wc-ab-group"> <div class="wc-ab-btn b">B</div> <div class="wc-ab-btn">A</div> </div> </div> <div class="wc-footer">DOONAA・2025.09</div> </div> <script> (function(){ // ① 캐릭터 목록 var namMember=["강백호","서태웅","채치수","송태섭","정대만","권준호","이달재","채소연","이한나","양호열","안한수","유창수","이영걸","윤대협","변덕규","황태산","박경태","허태환","안영수","유명호","김수겸","성현준","이정환","신준섭","전호장","홍익현","남훈","강동준","나대룡","노선생님","이명헌","신현철","정우성","최동오","김낙수","도진우","박하진","박철","정광철","송준섭","카오루","송아라","남진모"]; // ② 정렬 로직 (원본 유지) var lstMember=[], parent=[], equal=[], rec=[]; var cmp1,cmp2,head1,head2,nrec; var numQuestion,totalSize,finishSize,finishFlag; var SEG_COUNT=20; var history=[]; function shuffle(arr){ for(var i=arr.length-1;i>0;i--){ var j=Math.floor(Math.random()*(i+1)); var tmp=arr[i]; arr[i]=arr[j]; arr[j]=tmp; } return arr; } function buildSegments(){ var track=document.getElementById("progressTrack"); var html=""; for(var i=0;i<SEG_COUNT;i++){ html+='<div class="wc-seg" data-i="'+i+'"></div>'; } track.innerHTML=html; } function initList(){ var n=0, mid, i; lstMember=[]; parent=[]; equal=[]; rec=[]; var indices=[]; for(i=0;i<namMember.length;i++){ indices.push(i); } shuffle(indices); lstMember[n]=indices; parent[n]=-1; totalSize=0; n++; for(i=0;i<lstMember.length;i++){ if(lstMember[i].length>=2){ mid=Math.ceil(lstMember[i].length/2); lstMember[n]=lstMember[i].slice(0,mid); totalSize+=lstMember[n].length; parent[n]=i; n++; lstMember[n]=lstMember[i].slice(mid); totalSize+=lstMember[n].length; parent[n]=i; n++; } } for(i=0;i<namMember.length;i++){ rec[i]=0; } nrec=0; for(i=0;i<=namMember.length;i++){ equal[i]=-1; } cmp1=lstMember.length-2; cmp2=lstMember.length-1; head1=0; head2=0; numQuestion=1; finishSize=0; finishFlag=0; history=[]; updateUndoButton(); } function sortList(flag){ if(finishFlag) return; pushHistory(); var i; if(flag<0){ rec[nrec]=lstMember[cmp1][head1]; head1++; nrec++; finishSize++; while(equal[rec[nrec-1]]!=-1){ rec[nrec]=lstMember[cmp1][head1]; head1++; nrec++; finishSize++; } }else if(flag>0){ rec[nrec]=lstMember[cmp2][head2]; head2++; nrec++; finishSize++; while(equal[rec[nrec-1]]!=-1){ rec[nrec]=lstMember[cmp2][head2]; head2++; nrec++; finishSize++; } }else{ rec[nrec]=lstMember[cmp1][head1]; head1++; nrec++; finishSize++; while(equal[rec[nrec-1]]!=-1){ rec[nrec]=lstMember[cmp1][head1]; head1++; nrec++; finishSize++; } equal[rec[nrec-1]]=lstMember[cmp2][head2]; rec[nrec]=lstMember[cmp2][head2]; head2++; nrec++; finishSize++; while(equal[rec[nrec-1]]!=-1){ rec[nrec]=lstMember[cmp2][head2]; head2++; nrec++; finishSize++; } } if(head1<lstMember[cmp1].length && head2==lstMember[cmp2].length){ while(head1<lstMember[cmp1].length){ rec[nrec]=lstMember[cmp1][head1]; head1++; nrec++; finishSize++; } }else if(head1==lstMember[cmp1].length && head2<lstMember[cmp2].length){ while(head2<lstMember[cmp2].length){ rec[nrec]=lstMember[cmp2][head2]; head2++; nrec++; finishSize++; } } if(head1==lstMember[cmp1].length && head2==lstMember[cmp2].length){ for(i=0;i<lstMember[cmp1].length+lstMember[cmp2].length;i++){ lstMember[parent[cmp1]][i]=rec[i]; } lstMember.pop(); lstMember.pop(); cmp1-=2; cmp2-=2; head1=0; head2=0; if(head1==0 && head2==0){ for(i=0;i<namMember.length;i++){ rec[i]=0; } nrec=0; } } if(cmp1<0){ finishFlag=1; updateProgress(); document.getElementById("battleNumber").innerHTML = '<span>CLEAR!</span><span>100%</span>'; showResult(); }else{ numQuestion++; renderBattle(); } } function showResult(){ document.getElementById("choiceRow").style.display="none"; document.getElementById("arena").style.display="none"; var ranking=1,sameRank=1,i; var html='<div class="wc-result-title">RANKING</div><ul class="wc-result-list">'; var textLines=[" 슬램덩크 캐릭터 소트 결과"]; for(i=0;i<namMember.length;i++){ var topClass = ranking===1?"wc-top1":""; var name = namMember[lstMember[0][i]]; html += '<li class="'+topClass+'"><span class="wc-rank">'+ranking+'</span><span>'+name+'</span></li>'; textLines.push(ranking+"위 "+name); if(i<namMember.length-1){ if(equal[lstMember[0][i]]==lstMember[0][i+1]){ sameRank++; } else{ ranking += sameRank; sameRank = 1; } } } html += '</ul>'; html += '<button type="button" class="wc-copy" id="btnCopy">▶ 결과 복사하기 ◀</button>'; html += '<button type="button" class="wc-restart" id="btnRestart">▶ RESTART ◀</button>'; document.getElementById("resultField").innerHTML = html; document.getElementById("btnRestart").addEventListener("click", restart); document.getElementById("btnCopy").addEventListener("click", function(){ copyResults(textLines.join("\n")); }); } function copyResults(text){ var btn=document.getElementById("btnCopy"); function done(ok){ if(!btn) return; btn.textContent = ok ? "▶ 복사 완료! ◀" : "복사 실패, 길게 눌러 복사해주세요"; btn.classList.toggle("wc-copied", ok); setTimeout(function(){ if(btn){ btn.textContent="▶ 결과 복사하기 ◀"; btn.classList.remove("wc-copied"); } },1800); } if(navigator.clipboard && navigator.clipboard.writeText){ navigator.clipboard.writeText(text).then(function(){ done(true); }).catch(function(){ fallbackCopy(text,done); }); }else{ fallbackCopy(text,done); } } function fallbackCopy(text,done){ try{ var ta=document.createElement("textarea"); ta.value=text; ta.style.position="fixed"; ta.style.opacity="0"; document.body.appendChild(ta); ta.focus(); ta.select(); var ok=document.execCommand("copy"); document.body.removeChild(ta); done(ok); }catch(e){ done(false); } } function renderBattle(){ var percent = totalSize ? Math.floor(finishSize*100/totalSize) : 0; document.getElementById("battleNumber").innerHTML = '<span>NO.'+numQuestion+'</span><span>'+percent+'%</span>'; document.getElementById("leftField").textContent = namMember[lstMember[cmp1][head1]]; document.getElementById("rightField").textContent = namMember[lstMember[cmp2][head2]]; updateProgress(); } function pushHistory(){ history.push({ lstMember: lstMember.map(function(a){ return a.slice(); }), parent: parent.slice(), equal: equal.slice(), rec: rec.slice(), cmp1: cmp1, cmp2: cmp2, head1: head1, head2: head2, nrec: nrec, numQuestion: numQuestion, finishSize: finishSize, finishFlag: finishFlag }); if(history.length>200){ history.shift(); } updateUndoButton(); } function undo(){ if(history.length===0) return; var s=history.pop(); lstMember=s.lstMember; parent=s.parent; equal=s.equal; rec=s.rec; cmp1=s.cmp1; cmp2=s.cmp2; head1=s.head1; head2=s.head2; nrec=s.nrec; numQuestion=s.numQuestion; finishSize=s.finishSize; finishFlag=s.finishFlag; document.getElementById("resultField").innerHTML=""; document.getElementById("arena").style.display="flex"; document.getElementById("choiceRow").style.display="flex"; renderBattle(); updateUndoButton(); } function updateUndoButton(){ var btn=document.getElementById("btnUndo"); if(btn){ btn.disabled = history.length===0; } } function updateProgress(){ var percent = totalSize ? Math.floor(finishSize*100/totalSize) : 0; var filled = Math.round(SEG_COUNT * percent / 100); var segs = document.querySelectorAll("#progressTrack .wc-seg"); segs.forEach(function(seg,idx){ if(idx<filled){ seg.classList.add("on"); } else { seg.classList.remove("on"); } }); } function restart(){ document.getElementById("arena").style.display="flex"; document.getElementById("choiceRow").style.display="flex"; document.getElementById("resultField").innerHTML=""; initList(); renderBattle(); } // 버튼 이벤트 연결 document.getElementById("leftField").addEventListener("click", function(){ this.blur(); sortList(-1); }); document.getElementById("rightField").addEventListener("click", function(){ this.blur(); sortList(1); }); document.getElementById("btnEqual").addEventListener("click", function(){ this.blur(); sortList(0); }); document.getElementById("btnUnknown").addEventListener("click", function(){ this.blur(); sortList(0); }); document.getElementById("btnUndo").addEventListener("click", function(){ this.blur(); undo(); }); // 시작 buildSegments(); initList(); renderBattle(); })(); </script> 슬램덩크 DOONAA https://doonaa.tistory.com/1 https://doonaa.tistory.com/1#entry1comment Thu, 18 Sep 2025 23:37:11 +0900