1.0Jinho's AI Studiohttps://jvibeschool.com/blogJinho Junghttps://jvibeschool.com/blog/p/author/jinho-jung바이브코딩 UI 마크다운 생성기 - Jinho's AI Studiorich600338<blockquote class="wp-embedded-content" data-secret="uCxDM34Vuy"><a href="https://jvibeschool.com/blog/p/594">바이브코딩 UI 마크다운 생성기</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://jvibeschool.com/blog/p/594/embed#?secret=uCxDM34Vuy" width="600" height="338" title="“바이브코딩 UI 마크다운 생성기” — Jinho's AI Studio" data-secret="uCxDM34Vuy" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript">
/* <![CDATA[ */
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
//# sourceURL=https://jvibeschool.com/blog/wp-includes/js/wp-embed.min.js
/* ]]> */
</script>
https://ai.jvisualschool.com/blog/wp-content/uploads/2025/08/screenshot1-3.png21021860바이브코딩으로 뭔가를 만들때기능은 어떻게든 꾸역꾸역 구현이 됩니다. 기능이 구현되고 나면UI를 살짝 이쁘게 만들고 싶은 마음이 생기는데AI는 이때부터 말썽을 부리기 시작하죠.고집도 부리고, 거짓말도 하고,잘 돌아가던 부분을 맘대로 바꾸기도 하고…. 그래서 아예 주요 UI 스타일을 처음부터 정해주고시작하면 좋겠죠?그런데 뭘 알아야 요청을 하죠 ‘멋지게’, ‘세련되게’, ‘있어보이게’ … 이런 주관적인 단어가 아닌9가지 영역에 걸친... Continue reading →