<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>Morning AIffee ☕</title>
    <link>https://morning-aiffee.tistory.com/</link>
    <description>매일 아침 커피를 내리듯,
AI를 조금씩 익혀가는 공간이에요.

거창한 기술 얘기 말고
실제로 써보고 달라진 것들,
솔직하게 한 잔씩 담아볼게요 ☕</description>
    <language>ko</language>
    <pubDate>Mon, 20 Jul 2026 09:00:06 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>AI brewer</managingEditor>
    <image>
      <title>Morning AIffee ☕</title>
      <url>https://tistory1.daumcdn.net/tistory/8700458/attach/0ffe6c56799e4aaaae4410ff7a20f9e5</url>
      <link>https://morning-aiffee.tistory.com</link>
    </image>
    <item>
      <title>클로드 코드 뭔지 궁금해 - 설치까지 성공!</title>
      <link>https://morning-aiffee.tistory.com/8</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;b&gt;Claude 채팅&lt;/b&gt; = 카카오톡으로 개발자한테 질문하는 것&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Cowork&lt;/b&gt; = 개발자가 내 화면 보면서 같이 작업하는 것&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Claude Code&lt;/b&gt; = 개발자가 &lt;b&gt;내 컴퓨터에 직접 앉아서&lt;/b&gt; 코딩하는 것 &amp;larr; 가장 강력&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1. node.js부터 설치하라고 한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;-&amp;gt; 왜? 클로드 코드는 java script로 만들어진 프로그램인데,&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;java script는 크롬, 사파리 같은 브라우저 안에서만 실행 가능했는데,&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;node.js는 브라우저 밖인 터미널/서버에서도 실행할 수 있게 해주는 실행 환경.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;nvm으로 Node 설치하기&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1) &lt;span style=&quot;background-color: #fcfcfc; color: #666666; text-align: left;&quot;&gt;NVM 먼저 설치하기 -- 주방 도구를 살 수 있는 마트(앱스토어,플레이스토어)를 설치하는 느낌&lt;/span&gt;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2) Node 설치 -- 요리를 할 수 있는 주방(환경)을 설치하는 느낌&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;nvm install --lts&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;3) claude code 설치&amp;nbsp; -- npm마트에서 claude code 가져와서 설치해줘&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;npm install -g @anthropic-ai/claude-code&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;4) 클로드 코드 실행&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;claude&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;클로드 코드 설치 성공!&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;824&quot; data-origin-height=&quot;968&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b2HHvo/dJMcagZ2gjP/I9Su506FaxeSgtOLLKUuSk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b2HHvo/dJMcagZ2gjP/I9Su506FaxeSgtOLLKUuSk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b2HHvo/dJMcagZ2gjP/I9Su506FaxeSgtOLLKUuSk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb2HHvo%2FdJMcagZ2gjP%2FI9Su506FaxeSgtOLLKUuSk%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;824&quot; height=&quot;968&quot; data-origin-width=&quot;824&quot; data-origin-height=&quot;968&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>브루잉 노트 &amp;mdash; 배우고 기록하기/초보자 가이드</category>
      <category>클로드코드</category>
      <category>클로드코드 설치하기</category>
      <author>AI brewer</author>
      <guid isPermaLink="true">https://morning-aiffee.tistory.com/8</guid>
      <comments>https://morning-aiffee.tistory.com/8#entry8comment</comments>
      <pubDate>Sun, 7 Jun 2026 17:45:06 +0900</pubDate>
    </item>
    <item>
      <title>[Streamlit] 앱 여러 개 안 만들어질 때, 멀티페이지로 해결하는 법 (앱 만들기 3편)</title>
      <link>https://morning-aiffee.tistory.com/7</link>
      <description>&lt;h3 style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size23&quot;&gt;이전 이야기&lt;/h3&gt;
&lt;figure id=&quot;og_1780119478088&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;article&quot; data-og-title=&quot;[Streamlit] 내가 만든 앱 스마트폰에서 쓰는 법 &amp;mdash; Github, Streamlit 웹 배포 실험 (앱 만들기 2편)&quot; data-og-description=&quot;이전 이야기2026.05.26 - [AIffee 한 잔 &amp;mdash; 오늘의 AI 활용/써보니까] - [Google AI 스튜디오] 파이썬 없어도 45분 만에 앱 만든 후기 &amp;mdash; 비개발자 실전 기록노션에 결과가 자동으로 척 저장되는 거 보고 혼&quot; data-og-host=&quot;morning-aiffee.tistory.com&quot; data-og-source-url=&quot;https://morning-aiffee.tistory.com/6&quot; data-og-url=&quot;https://morning-aiffee.tistory.com/6&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/bzL1gC/dJMb8Z3yiJa/0wEl5e8YWS9vEGnG7q2ZrK/img.png?width=800&amp;amp;height=450&amp;amp;face=0_0_800_450,https://scrap.kakaocdn.net/dn/bDQ78u/dJMb8SpOTrr/tocaTCswG6YpOijPLfNvEk/img.png?width=800&amp;amp;height=450&amp;amp;face=0_0_800_450,https://scrap.kakaocdn.net/dn/ZMo5h/dJMb9kT9L3j/KSUAhWPjfrn2SVCWdv9pg1/img.png?width=1672&amp;amp;height=941&amp;amp;face=0_0_1672_941&quot;&gt;&lt;a href=&quot;https://morning-aiffee.tistory.com/6&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://morning-aiffee.tistory.com/6&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/bzL1gC/dJMb8Z3yiJa/0wEl5e8YWS9vEGnG7q2ZrK/img.png?width=800&amp;amp;height=450&amp;amp;face=0_0_800_450,https://scrap.kakaocdn.net/dn/bDQ78u/dJMb8SpOTrr/tocaTCswG6YpOijPLfNvEk/img.png?width=800&amp;amp;height=450&amp;amp;face=0_0_800_450,https://scrap.kakaocdn.net/dn/ZMo5h/dJMb9kT9L3j/KSUAhWPjfrn2SVCWdv9pg1/img.png?width=1672&amp;amp;height=941&amp;amp;face=0_0_1672_941');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;[Streamlit] 내가 만든 앱 스마트폰에서 쓰는 법 &amp;mdash; Github, Streamlit 웹 배포 실험 (앱 만들기 2편)&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;이전 이야기2026.05.26 - [AIffee 한 잔 &amp;mdash; 오늘의 AI 활용/써보니까] - [Google AI 스튜디오] 파이썬 없어도 45분 만에 앱 만든 후기 &amp;mdash; 비개발자 실전 기록노션에 결과가 자동으로 척 저장되는 거 보고 혼&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;morning-aiffee.tistory.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;웹앱을 만들고 폰에서도 쓸 수 있게 된게 너무 신기했었다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size23&quot;&gt;웹앱 하나 더 추가하는건 엄청 쉽겠다!&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;스트림릿(Streamlit)으로 간단한 웹앱 하나를 만들어서 배포에 성공하고 나면, 자연스럽게 이런 생각이 든다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&quot;오, 생각보다 쉽네? 그럼 두 번째 앱도 하나 만들어볼까?&quot;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;streamlit 에 private으로 새 앱을 추가하려 하니까, 이상하게 막혔다. &lt;br /&gt;&quot;분명 첫 번째 앱은 잘 됐는데 왜 두 번째는 안 되지?&quot; 하면서 삽질하면서 찾은 해결책, &lt;b&gt;멀티페이지(Multipage) 구성&lt;/b&gt;에 대한 이야기이다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;그래서, 왜 앱이 여러 개 안 만들어졌을까?&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;결론부터 말하면, 무료 요금제의 &lt;b&gt;앱 개수 제한&lt;/b&gt; 때문이었다.&amp;nbsp;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;비공개(Private) 앱: &lt;b&gt;1개&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;코드를 공개하기 싫어서 비공개로 만들려고 하면 &lt;b&gt;딱 1개까지만&lt;/b&gt; 무료로 허용됩니다. &lt;br /&gt;아무것도 모르고 두 번째 앱을 비공개로 올리려다가 여기서 막혔었다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이것 역시 AI한테 해결책을 물었고, 멀티페이지라는 대답이 나왔다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;앱을 여러 개 만드는 대신, 앱 하나 안에 여러 페이지를 넣자.&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;멀티페이지가 대체 뭔가요?&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;멀티페이지는 &lt;b&gt;하나의 앱 안에 여러 페이지를 두는 구조이다. &lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;화면 왼쪽 사이드바에서 페이지를 골라 이동하는 그 방식이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;블로그에 카테고리가 여러 개 있어도 블로그 자체는 하나인 것과 비슷하다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이렇게 하면 좋은 점 이 있다.&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;스트림릿 입장에서는 &lt;b&gt;앱 1개로 카운트&lt;/b&gt;되니까 개수 제한에 안 걸린다.&lt;/li&gt;
&lt;li&gt;깃허브 저장소도 &lt;b&gt;하나로 통합&lt;/b&gt; 관리된다.&lt;/li&gt;
&lt;li&gt;도구 여러 개를 한 주소에서 깔끔하게 모아 보여줄 수 있다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;스트림릿에서 멀티페이지를 만드는 방법은 크게 두 가지인 것 같은데, 나는 간단한 1번 으로 시작했다.&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;pages/ 폴더를 쓰는 방법 (간단)&lt;/li&gt;
&lt;li&gt;st.Page + st.navigation을 쓰는 방법 &amp;nbsp;&lt;/li&gt;
&lt;/ol&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;실제로 이렇게 구성했어요 (코드 포함)&lt;/h3&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;방법 1. 가장 간단한 pages/ 폴더 방식&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;깃허브 저장소를 이런 구조로 만들면 된다.&lt;/p&gt;
&lt;div&gt;
&lt;div&gt;
&lt;pre class=&quot;bash&quot; style=&quot;color: #14181f;&quot; data-ke-language=&quot;bash&quot;&gt;&lt;code&gt;your-repo/
├── streamlit_main_app.py     &amp;larr; 메인(첫 화면)
└── pages/
    ├── 1_첫번째도구.py
    └── 2_두번째도구.py&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;pages/ 폴더 안에 파이썬 파일을 넣기만 하면, 스트림릿이 자동으로 사이드바에 메뉴를 만들어 줍니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;파일명 앞에 숫자를 붙이면 그 순서대로 정렬된다. 정말 별다른 코드가 필요 없습니다.&amp;nbsp; - 사실 이것도 바이브코딩으로 짜달라고 하면 된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;내가 사용한 코드는 이거다.&amp;nbsp;&lt;/p&gt;
&lt;pre id=&quot;code_1780120254537&quot; class=&quot;bash&quot; data-ke-language=&quot;bash&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;import streamlit as st

st.title(&quot;  나의 AI 작업실&quot;)
st.write(&quot;원하는 앱을 선택해 주세요!&quot;)

st.divider()

st.subheader(&quot;  앱 바로가기&quot;)

col1, col2, col3 = st.columns(3)

with col1:
    if st.button(&quot;AI 오운완 코치&quot;, use_container_width=True):
        st.switch_page(&quot;pages/my-workout-app.py&quot;)

with col3:
    if st.button(&quot;AI 살림 도우미&quot;, use_container_width=True):
        st.switch_page(&quot;pages/my-smarthome-app.py&quot;)

with col2:
    if st.button(&quot;AI 식단 코치&quot;, use_container_width=True):
        st.switch_page(&quot;pages/my-foodAI-app.py&quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;Streamlit 연동은 어떻게?&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이전엔 1_첫번째도구.py를 연결한 앱을 만들었다면, &lt;br /&gt;이젠 streamlit_main_app.py 를 연결해주면 된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그럼 짜잔!&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;IMG_9025.jpg&quot; data-origin-width=&quot;1179&quot; data-origin-height=&quot;1751&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/uOMn4/dJMcacpMKZi/mDIy3kncc4kCDLSEsvwMY1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/uOMn4/dJMcacpMKZi/mDIy3kncc4kCDLSEsvwMY1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/uOMn4/dJMcacpMKZi/mDIy3kncc4kCDLSEsvwMY1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FuOMn4%2FdJMcacpMKZi%2FmDIy3kncc4kCDLSEsvwMY1%2Fimg.jpg&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;305&quot; height=&quot;1751&quot; data-filename=&quot;IMG_9025.jpg&quot; data-origin-width=&quot;1179&quot; data-origin-height=&quot;1751&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;마무리하며&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;정리하자면, 무료 스트림릿에서 비공개 앱은 1개까지만 만들 수 있기 때문에, &lt;br /&gt;도구를 여러 개 운영하고 싶다면 &lt;b&gt;앱을 쪼개지 말고 멀티페이지로 합치면 된다.&amp;nbsp;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;처음엔 &quot;왜 안 되지?&quot; 하고 답답했지만, 덕분에 오히려 더 깔끔한 구조를 배우게 됐다.&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;여러분은 어떠셨나요?&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;혹시 스트림릿으로 앱 만들다가 비슷한 벽에 부딪힌 적 있으신가요? 어떤 도구를 페이지로 묶어 봤는지 댓글로 알려주세요.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;image-7.png&quot; data-origin-width=&quot;1672&quot; data-origin-height=&quot;941&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/eugYOS/dJMcagZXlLY/PZrTQKN3gCSciZLwW3Z5kK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/eugYOS/dJMcagZXlLY/PZrTQKN3gCSciZLwW3Z5kK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/eugYOS/dJMcagZXlLY/PZrTQKN3gCSciZLwW3Z5kK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FeugYOS%2FdJMcagZXlLY%2FPZrTQKN3gCSciZLwW3Z5kK%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1672&quot; height=&quot;941&quot; data-filename=&quot;image-7.png&quot; data-origin-width=&quot;1672&quot; data-origin-height=&quot;941&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;image-8.png&quot; data-origin-width=&quot;1672&quot; data-origin-height=&quot;941&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dgaLhk/dJMcaffLkuI/93RitB2XcShQiv2kkAS6G0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dgaLhk/dJMcaffLkuI/93RitB2XcShQiv2kkAS6G0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dgaLhk/dJMcaffLkuI/93RitB2XcShQiv2kkAS6G0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdgaLhk%2FdJMcaffLkuI%2F93RitB2XcShQiv2kkAS6G0%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1672&quot; height=&quot;941&quot; data-filename=&quot;image-8.png&quot; data-origin-width=&quot;1672&quot; data-origin-height=&quot;941&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>브루잉 노트 &amp;mdash; 배우고 기록하기/실험 일지</category>
      <category>github</category>
      <category>streamlit</category>
      <category>멀티페이지</category>
      <category>앱만들기시리즈</category>
      <category>웹앱만들기</category>
      <author>AI brewer</author>
      <guid isPermaLink="true">https://morning-aiffee.tistory.com/7</guid>
      <comments>https://morning-aiffee.tistory.com/7#entry7comment</comments>
      <pubDate>Sat, 30 May 2026 15:11:04 +0900</pubDate>
    </item>
    <item>
      <title>[Streamlit] 내가 만든 앱 스마트폰에서 쓰는 법 &amp;mdash; Github, Streamlit 웹 배포 실험 (앱 만들기 2편)</title>
      <link>https://morning-aiffee.tistory.com/6</link>
      <description>&lt;h3 data-ke-size=&quot;size23&quot;&gt;이전 이야기&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a style=&quot;background-color: #e6f5ff; color: #0070d1;&quot; href=&quot;https://morning-aiffee.tistory.com/5&quot;&gt;2026.05.26 - [AIffee 한 잔 &amp;mdash; 오늘의 AI 활용/써보니까] - [Google AI 스튜디오] 파이썬 없어도 45분 만에 앱 만든 후기 &amp;mdash; 비개발자 실전 기록&lt;/a&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;노션에 결과가 자동으로 척 저장되는 거 보고 혼자 신나서 블로그에 기록을 남겼다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;내 컴퓨터가 꺼지면 그냥 끝이잖아?&amp;nbsp;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;노트북 덮고 누웠다가 문득 &quot;어 잠깐, 이거 내 컴퓨터 꺼지면 그냥 끝이잖아?&quot; 라는 생각이 들면서,&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이걸 스마트폰에서도 쓰고싶다는 pain point가 생겼다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;쓴 도구는 GitHub랑 Streamlit 두 개이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;내 삽질 경험담이기도 하고, 그대로 따라 할 수 있는 기록이기도 하다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 글 다 읽고 나면 세 개가 남는다.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;왜 굳이 웹앱으로 올리는지&lt;/li&gt;
&lt;li&gt;GitHub랑 Streamlit이 뭐 하는 애들인지&lt;/li&gt;
&lt;li&gt;실제로 올리는 순서&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;터미널에서 돌리던 앱, 왜 답답했을까?&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;처음엔 앱이 돌아간다는 것만으로 충분히 뿌듯했다. 그런데 정작 평소에 들고 다니는 스마트폰에서는 쓸 수가 없었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;로컬에서만 돌릴 때 답답했던 점들:&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;내 컴퓨터에서만 앱이 돌아감. 노트북 꺼지면 같이 멈춤.&lt;/li&gt;
&lt;li&gt;쓸 때마다 터미널 열어서 명령어 치는 것도 은근 귀찮음.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;GitHub랑 Streamlit 의 역할&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;GitHub는 코드 보관 창고,&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Streamlit은 그 코드를 웹 화면으로 띄워주는 플랫폼. 이라고 생각하면 된다.&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;그래서, 이렇게 순서대로 고침&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Step 1. 코드를 Streamlit용으로 살짝 손보기&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;바이브 코딩으로 코드 고쳐달라고 하기&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 73.9535%; height: 35px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 100%;&quot;&gt;&quot;내가 만든 코드를 github에 올리고 streamlit을 통해서 웹앱으로 사용할거니까 코드를 고쳐줘&quot;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Step 2. GitHub에 코드 올리기&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;private 저장소 하나 만들고 코드 파일을 올린다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이때 requirements.txt(필요한 라이브러리 목록)도 같이 올린다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://github.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://github.com/&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1780115737786&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;object&quot; data-og-title=&quot;GitHub &amp;middot; Change is constant. GitHub keeps you ahead.&quot; data-og-description=&quot;Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.&quot; data-og-host=&quot;github.com&quot; data-og-source-url=&quot;https://github.com/&quot; data-og-url=&quot;https://github.com/&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/h1ZBQ/dJMb81G4hU9/QjNxlLDbl6Ic2BHZmvkf8K/img.png?width=1200&amp;amp;height=630&amp;amp;face=0_0_1200_630,https://scrap.kakaocdn.net/dn/iwZNt/dJMb88e7zHy/Kxh9CkasnZkpA7w2dFqKq1/img.png?width=1200&amp;amp;height=630&amp;amp;face=0_0_1200_630&quot;&gt;&lt;a href=&quot;https://github.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://github.com/&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/h1ZBQ/dJMb81G4hU9/QjNxlLDbl6Ic2BHZmvkf8K/img.png?width=1200&amp;amp;height=630&amp;amp;face=0_0_1200_630,https://scrap.kakaocdn.net/dn/iwZNt/dJMb88e7zHy/Kxh9CkasnZkpA7w2dFqKq1/img.png?width=1200&amp;amp;height=630&amp;amp;face=0_0_1200_630');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;GitHub &amp;middot; Change is constant. GitHub keeps you ahead.&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;github.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Step 3. Streamlit Cloud에 연결 &amp;rarr; 자동 배포&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Streamlit Cloud에서 깃허브 저장소를 연결한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://streamlit.io/#install&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://streamlit.io/#install&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1780115721195&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;website&quot; data-og-title=&quot;Streamlit &amp;bull; A faster way to build and share data apps&quot; data-og-description=&quot;Streamlit is an open-source Python framework for data scientists and AI/ML engineers to deliver interactive data apps &amp;ndash; in only a few lines of code.&quot; data-og-host=&quot;streamlit.io&quot; data-og-source-url=&quot;https://streamlit.io/#install&quot; data-og-url=&quot;https://streamlit.io/&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/cuadZC/dJMb9efkO5S/YM2wDQKQVLcvGUdKqrKTEK/img.jpg?width=1200&amp;amp;height=630&amp;amp;face=0_0_1200_630,https://scrap.kakaocdn.net/dn/c1jaQS/dJMb9hC72se/V3kJXizQ6Pjy1QnckZiSkK/img.jpg?width=1200&amp;amp;height=630&amp;amp;face=0_0_1200_630&quot;&gt;&lt;a href=&quot;https://streamlit.io/#install&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://streamlit.io/#install&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/cuadZC/dJMb9efkO5S/YM2wDQKQVLcvGUdKqrKTEK/img.jpg?width=1200&amp;amp;height=630&amp;amp;face=0_0_1200_630,https://scrap.kakaocdn.net/dn/c1jaQS/dJMb9hC72se/V3kJXizQ6Pjy1QnckZiSkK/img.jpg?width=1200&amp;amp;height=630&amp;amp;face=0_0_1200_630');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;Streamlit &amp;bull; A faster way to build and share data apps&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;Streamlit is an open-source Python framework for data scientists and AI/ML engineers to deliver interactive data apps &amp;ndash; in only a few lines of code.&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;streamlit.io&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Step 4. 노션 API 키, 무료 AI 키들은 는 Streamlit app - Secrets에 따로 보관&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;노션 연결이나 내가 사용한 AI들의 API 키를 코드에 그대로 박아두면 안 된다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;GitHub을 공개로 돌리기라도 하면 키가 통째로 노출된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Streamlit Secrets에 따로 넣고, 코드에서 불러다 쓰는 식으로 하면 된다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷 2026-05-30 오후 1.36.19.png&quot; data-origin-width=&quot;698&quot; data-origin-height=&quot;432&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bAUYru/dJMcadB6qw6/F5DEo9xSXp1wJDkBSkjONk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bAUYru/dJMcadB6qw6/F5DEo9xSXp1wJDkBSkjONk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bAUYru/dJMcadB6qw6/F5DEo9xSXp1wJDkBSkjONk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbAUYru%2FdJMcadB6qw6%2FF5DEo9xSXp1wJDkBSkjONk%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;355&quot; height=&quot;220&quot; data-filename=&quot;스크린샷 2026-05-30 오후 1.36.19.png&quot; data-origin-width=&quot;698&quot; data-origin-height=&quot;432&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;키 찾는 방법 :&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI한테 아래를 물어보고 나오는 링크를 타고 들어가서 찾으면 된다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이건 step1에서 바이브코딩으로 코드 고쳐달라고 할 때 이미 AI가 알려줄 내용이기도 하다.&amp;nbsp;&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&quot;width: 100%;&quot;&gt;내 노션 토큰 찾는 방법 알려줘&lt;br /&gt;내 노션 DB ID 찾는 방법 알려줘&lt;br /&gt;이 코드에서 사용한 AI API키 찾는 방법 알려줘&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size23&quot;&gt;내 손 안의 웹앱 탄생&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;드디어 폰에서 내가 만든 앱을 쓸 수있다!! &lt;br /&gt;각종 유료 앱들을 다 청산하고 내 입맛에 맞는 앱을 가질 수 있으면 너무 좋을 것 같다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;언젠가 그런 순간이 오겠지?&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;IMG_9024.jpg&quot; data-origin-width=&quot;1179&quot; data-origin-height=&quot;2166&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/pFWZb/dJMcaaeqVAh/LtDZEK4wQDKme5CmaXrrcK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/pFWZb/dJMcaaeqVAh/LtDZEK4wQDKme5CmaXrrcK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/pFWZb/dJMcaaeqVAh/LtDZEK4wQDKme5CmaXrrcK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FpFWZb%2FdJMcaaeqVAh%2FLtDZEK4wQDKme5CmaXrrcK%2Fimg.jpg&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;245&quot; height=&quot;450&quot; data-filename=&quot;IMG_9024.jpg&quot; data-origin-width=&quot;1179&quot; data-origin-height=&quot;2166&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;여러분은 어떤 나만의 앱을 만들고 싶나요? 공유해주세요! ㅎㅎ&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1536&quot; data-origin-height=&quot;1024&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cvuNzL/dJMcaiwJOfk/w1SbxYAMKURMGgVeNq6DZ1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cvuNzL/dJMcaiwJOfk/w1SbxYAMKURMGgVeNq6DZ1/img.png&quot; data-alt=&quot;Cover Image Generated with AI&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cvuNzL/dJMcaiwJOfk/w1SbxYAMKURMGgVeNq6DZ1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcvuNzL%2FdJMcaiwJOfk%2Fw1SbxYAMKURMGgVeNq6DZ1%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1536&quot; height=&quot;1024&quot; data-origin-width=&quot;1536&quot; data-origin-height=&quot;1024&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;Cover Image Generated with AI&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;image-2.png&quot; data-origin-width=&quot;1672&quot; data-origin-height=&quot;941&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ebcyec/dJMcabEntkQ/YTn3lEASVor2y9lP1TvnbK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ebcyec/dJMcabEntkQ/YTn3lEASVor2y9lP1TvnbK/img.png&quot; data-alt=&quot;Cover Image Generated with AI&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ebcyec/dJMcabEntkQ/YTn3lEASVor2y9lP1TvnbK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Febcyec%2FdJMcabEntkQ%2FYTn3lEASVor2y9lP1TvnbK%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1672&quot; height=&quot;941&quot; data-filename=&quot;image-2.png&quot; data-origin-width=&quot;1672&quot; data-origin-height=&quot;941&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;Cover Image Generated with AI&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>브루잉 노트 &amp;mdash; 배우고 기록하기/실험 일지</category>
      <category>github</category>
      <category>streamlit</category>
      <category>바이브코딩</category>
      <category>비개발자코딩</category>
      <category>앱만들기시리즈</category>
      <category>웹앱배포</category>
      <author>AI brewer</author>
      <guid isPermaLink="true">https://morning-aiffee.tistory.com/6</guid>
      <comments>https://morning-aiffee.tistory.com/6#entry6comment</comments>
      <pubDate>Sat, 30 May 2026 13:55:47 +0900</pubDate>
    </item>
    <item>
      <title>[Google AI 스튜디오] 파이썬 없어도 45분 만에 앱 만든 후기 &amp;mdash; 비개발자 실전 기록 (앱 만들기 1편)</title>
      <link>https://morning-aiffee.tistory.com/5</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;지난주에 이런 기사가 떴다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;#구글 AI 스튜디오 에서 안드로이드 앱을 프롬프트만으로 만들 수 있는 기능이 공개됐는데, 출시 1주일 만에 앱이 25만 개 이상 만들어졌다고 한다. 더 놀라운 건 그 중 99% 이상이 앱을 한 번도 만들어본 적 없는 사람들이었다는 거다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;기사를 보고 한 가지 생각이 들었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;나도 그 99%가 될 수 있지 않을까.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래서 해봤다. 저녁을 먹고 8시 05분에 시작했다. 8시 50분에 끝났다. 45분이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 글은 코딩 모르고, 파이썬도 설치 안 돼 있고, 오류도 잔뜩 났지만 결국 원하는 앱을 만들어낸 45분의 기록이다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;그래서 AI 스튜디오가 뭔데&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;구글 AI 스튜디오는 구글의 AI 모델인 Gemini를 직접 활용해서 뭔가를 만들어볼 수 있는 공간이다. 쉽게 말하면 &quot;AI한테 말로 설명하면 코드를 짜준다&quot;는 건데, 올해 업데이트로 이게 진짜 앱 수준까지 올라왔다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;기존에 앱을 만들려면 개발 환경 세팅, SDK 설치, 코드 작성, 디버깅까지 개발자도 며칠 걸리는 과정이 필요했다. 지금은 브라우저에서 프롬프트 하나 입력하면 실제로 돌아가는 앱이 나온다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;반신반의했다. 그래서 직접 해봤다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;8시 05분부터 8시 50분까지&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;첫 프롬프트는 이거였다&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI 스튜디오를 열고 입력한 첫 문장이다.&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;태권도, 골프, 피티, 달리기 운동에 대해서 운동한 것들을 기록하면 AI가 피드백해주고, 다음 운동 제안해 주는 앱 개발해줘&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1258&quot; data-origin-height=&quot;170&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/L9mEV/dJMcabj45o7/AVlSxButBN0ZZq8gOCH5vK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/L9mEV/dJMcabj45o7/AVlSxButBN0ZZq8gOCH5vK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/L9mEV/dJMcabj45o7/AVlSxButBN0ZZq8gOCH5vK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FL9mEV%2FdJMcabj45o7%2FAVlSxButBN0ZZq8gOCH5vK%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1258&quot; height=&quot;170&quot; data-origin-width=&quot;1258&quot; data-origin-height=&quot;170&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI가 먼저 엄청나게 핵심 컨셉을 잡고, 기술스택 추천하고, 데이터 구조 잡고 어쩌고 저쩌고 하더니 마지막에 질문한다. 그래서 대답했다. 개발해줘.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1196&quot; data-origin-height=&quot;326&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/m7tbb/dJMcaiXH0eV/UgSliQmyLzLQQOb01iMqg1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/m7tbb/dJMcaiXH0eV/UgSliQmyLzLQQOb01iMqg1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/m7tbb/dJMcaiXH0eV/UgSliQmyLzLQQOb01iMqg1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fm7tbb%2FdJMcaiXH0eV%2FUgSliQmyLzLQQOb01iMqg1%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1196&quot; height=&quot;326&quot; data-origin-width=&quot;1196&quot; data-origin-height=&quot;326&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;한 마디로 노션까지 연동됐다&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;앱이 돌아가기 시작하자 AI가 먼저 제안을 하나 꺼냈다.&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;현재는 창을 끄면 기록이 사라집니다. DB를 써서 기록을 영구 저장해보세요.&lt;/p&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1262&quot; data-origin-height=&quot;742&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bRHkLa/dJMcag6H6Qo/8JXSOgn1t0RQ5K0f27nXcK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bRHkLa/dJMcag6H6Qo/8JXSOgn1t0RQ5K0f27nXcK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bRHkLa/dJMcag6H6Qo/8JXSOgn1t0RQ5K0f27nXcK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbRHkLa%2FdJMcag6H6Qo%2F8JXSOgn1t0RQ5K0f27nXcK%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1262&quot; height=&quot;742&quot; data-origin-width=&quot;1262&quot; data-origin-height=&quot;742&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;노션 DB에 저장하고 싶다고 한 마디 했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그랬더니 노션 DB 표를 어떤 구성으로 만들어야 하는지 먼저 알려줬고, 코드도 새로 짜줬다. 노션 API 키를 어디서 발급받는지, 연동 방법은 뭔지까지 순서대로 다 나왔다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;중간에 막히거나 오류가 날 때마다 같은 방법을 반복했다. 오류를 복사해서 붙여 넣으면 해결책이 나왔다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;8시 50분에 운동 기록을 입력하면 AI가 피드백해 주고, 그 기록이 노션 DB에 자동으로 저장되는 코드가 완성됐다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;코드를 주면서 또 하나 제안한다. AI 피드백 기능도 추가해 줄까?&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래서 한마디 했다. 넣어줘.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;320&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/sDCDY/dJMcadPC4C6/oSfIzH6uNTDCLSrPRR9cn0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/sDCDY/dJMcadPC4C6/oSfIzH6uNTDCLSrPRR9cn0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/sDCDY/dJMcadPC4C6/oSfIzH6uNTDCLSrPRR9cn0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FsDCDY%2FdJMcadPC4C6%2FoSfIzH6uNTDCLSrPRR9cn0%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;320&quot; data-origin-width=&quot;1280&quot; data-origin-height=&quot;320&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size23&quot;&gt;오류가 났는데, 그게 오히려 괜찮았다&lt;/h3&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;파이썬 코드를 쭉 뽑아줬다. 그리고 &quot;터미널을 열어서 이걸 실행하세요&quot;라고 알려줬다.&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;시키는 대로 터미널을 열어서 코드를 실행했다.&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;당연히 오류가 났다.&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;이유는 간단하다. 파이썬이 설치가 안 돼 있었다.&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;보통 여기서 포기한다. &quot;역시 나는 못 하겠다&quot;하고 창을 닫는 거다.&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;그런데 오류 메시지를 통째로 복사해서 AI한테 붙여 넣었다.&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&quot;파이썬이 없군요, 이렇게 설치하세요&quot;부터 시작해서 필요한 것들을 하나씩 순서대로 다 알려줬다. API 키도 필요하다고 해서 &quot;그거 어디서 찾아요?&quot;라고 물었더니 어느 메뉴 들어가서 어디 클릭하면 되는지까지 설명해 줬다.&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;오류 &amp;rarr; 복붙 &amp;rarr; 해결 &amp;rarr; 오류 &amp;rarr; 복붙 &amp;rarr; 해결&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1448&quot; data-origin-height=&quot;1412&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/s5Rah/dJMcajoKuv1/kEq8UEO9Kz6OyUgdYWwoN0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/s5Rah/dJMcajoKuv1/kEq8UEO9Kz6OyUgdYWwoN0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/s5Rah/dJMcajoKuv1/kEq8UEO9Kz6OyUgdYWwoN0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fs5Rah%2FdJMcajoKuv1%2FkEq8UEO9Kz6OyUgdYWwoN0%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1448&quot; height=&quot;1412&quot; data-origin-width=&quot;1448&quot; data-origin-height=&quot;1412&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;이걸 몇 번 반복하니까 앱이 돌아가기 시작했다.&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;흐름은 대략 이랬다.&lt;/p&gt;
&lt;pre class=&quot;angelscript&quot; style=&quot;background-color: #f8f8f8; color: #383a42; text-align: start;&quot;&gt;&lt;code&gt;8:05  첫 프롬프트 입력
8:10  파이썬 코드 수령, 터미널 실행 시도
8:15  오류 발생 &amp;rarr; 오류 메시지 복붙해서 AI에 전달
8:25  파이썬 설치, API 키 발급 완료
8:35  앱 실행 성공
8:50  노션 DB 연동 완료
&lt;/code&gt;&lt;/pre&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;이 과정에서 내가 한 건 오류 메시지 복사하기와 설명 따라 하기뿐이었다.&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #333333; text-align: start;&quot; data-ke-size=&quot;size16&quot;&gt;열 번도 안되게 고쳤나..? 갑자기 초록색 창이 뜨면서 노션 저장 완료!라고 성공메시지가 떴다!&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1178&quot; data-origin-height=&quot;1308&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/yrm4O/dJMb99T26wd/8ITReumwjKiyeoHk9YvlY1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/yrm4O/dJMb99T26wd/8ITReumwjKiyeoHk9YvlY1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/yrm4O/dJMb99T26wd/8ITReumwjKiyeoHk9YvlY1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fyrm4O%2FdJMb99T26wd%2F8ITReumwjKiyeoHk9YvlY1%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1178&quot; height=&quot;1308&quot; data-origin-width=&quot;1178&quot; data-origin-height=&quot;1308&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 노션에 진짜 저장이 됐을까..? 가봤더니&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;짜잔!! 성공!!!!!!!!!!&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1628&quot; data-origin-height=&quot;424&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/xgqgP/dJMcada02jV/RhjqkRHtlA6ZymENhD1DYK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/xgqgP/dJMcada02jV/RhjqkRHtlA6ZymENhD1DYK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/xgqgP/dJMcada02jV/RhjqkRHtlA6ZymENhD1DYK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FxgqgP%2FdJMcada02jV%2FRhjqkRHtlA6ZymENhD1DYK%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1628&quot; height=&quot;424&quot; data-origin-width=&quot;1628&quot; data-origin-height=&quot;424&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;결국 이 경험이 말해주는 것&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;45분 동안 한 줄도 코드를 직접 짜지 않았다. 파이썬도 몰랐고, 오류가 뭔지도 몰랐다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그냥 원하는 걸 말하고, 막히면 막힌 걸 그대로 보여줬다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI 스튜디오는 개발자용 도구가 아니다. 아이디어가 있는 사람이라면 누구나 쓸 수 있는 도구다. 완벽하게 알고 시작할 필요가 없다. 오류가 나도 괜찮다. 오히려 오류가 나야 다음 단계로 넘어간다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1주일 만에 25만 개의 앱이 만들어진 이유가 이제는 이해된다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;여러분은 어떤 앱을 만들고 싶으신가요?&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아이디어가 있는데 &quot;코딩을 모르니까&quot;라는 이유로 미뤄두신 게 있다면 한번 시도해 보셔도 좋을 것 같습니다. 생각보다 훨씬 빠르게 시작할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://aistudio.google.com/prompts/new_chat&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://aistudio.google.com/prompts/new_chat&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1779803441472&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;website&quot; data-og-title=&quot;로그인 - Google 계정&quot; data-og-description=&quot;이메일 또는 휴대전화&quot; data-og-host=&quot;accounts.google.com&quot; data-og-source-url=&quot;https://aistudio.google.com/prompts/new_chat&quot; data-og-url=&quot;https://accounts.google.com/v3/signin/identifier?continue=https%3A%2F%2Faistudio.google.com%2Fprompts%2Fnew_chat&amp;amp;dsh=S-96928833%3A1779803440055684&amp;amp;followup=https%3A%2F%2Faistudio.google.com%2Fprompts%2Fnew_chat&amp;amp;passive=1209600&amp;amp;flowName=WebLiteSignIn&amp;amp;flowEntry=ServiceLogin&amp;amp;ifkv=AWa2Pas9lDpRQ-HdODSYPZ0GfIfaUX7qwrR2cCy2aZEg4Q9MuMY21nOEjrsG0DwAqdhNrGXyaU_c&quot; data-og-image=&quot;&quot;&gt;&lt;a href=&quot;https://aistudio.google.com/prompts/new_chat&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://aistudio.google.com/prompts/new_chat&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url();&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;로그인 - Google 계정&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;이메일 또는 휴대전화&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;accounts.google.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;만들어보신 분이 있다면 어떤 걸 만드셨는지 댓글로 남겨주세요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote style=&quot;color: #666666; text-align: left;&quot; data-ke-style=&quot;style2&quot;&gt;다음이야기&lt;/blockquote&gt;
&lt;figure id=&quot;og_1780122379251&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;article&quot; data-og-title=&quot;[Streamlit] 내가 만든 앱 스마트폰에서 쓰는 법 &amp;mdash; Github, Streamlit 웹 배포 실험 (앱 만들기 2편)&quot; data-og-description=&quot;이전 이야기2026.05.26 - [AIffee 한 잔 &amp;mdash; 오늘의 AI 활용/써보니까] - [Google AI 스튜디오] 파이썬 없어도 45분 만에 앱 만든 후기 &amp;mdash; 비개발자 실전 기록노션에 결과가 자동으로 척 저장되는 거 보고 혼&quot; data-og-host=&quot;morning-aiffee.tistory.com&quot; data-og-source-url=&quot;https://morning-aiffee.tistory.com/6&quot; data-og-url=&quot;https://morning-aiffee.tistory.com/6&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/bzL1gC/dJMb8Z3yiJa/0wEl5e8YWS9vEGnG7q2ZrK/img.png?width=800&amp;amp;height=450&amp;amp;face=0_0_800_450,https://scrap.kakaocdn.net/dn/bDQ78u/dJMb8SpOTrr/tocaTCswG6YpOijPLfNvEk/img.png?width=800&amp;amp;height=450&amp;amp;face=0_0_800_450,https://scrap.kakaocdn.net/dn/ZMo5h/dJMb9kT9L3j/KSUAhWPjfrn2SVCWdv9pg1/img.png?width=1672&amp;amp;height=941&amp;amp;face=0_0_1672_941&quot;&gt;&lt;a href=&quot;https://morning-aiffee.tistory.com/6&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://morning-aiffee.tistory.com/6&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/bzL1gC/dJMb8Z3yiJa/0wEl5e8YWS9vEGnG7q2ZrK/img.png?width=800&amp;amp;height=450&amp;amp;face=0_0_800_450,https://scrap.kakaocdn.net/dn/bDQ78u/dJMb8SpOTrr/tocaTCswG6YpOijPLfNvEk/img.png?width=800&amp;amp;height=450&amp;amp;face=0_0_800_450,https://scrap.kakaocdn.net/dn/ZMo5h/dJMb9kT9L3j/KSUAhWPjfrn2SVCWdv9pg1/img.png?width=1672&amp;amp;height=941&amp;amp;face=0_0_1672_941');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;[Streamlit] 내가 만든 앱 스마트폰에서 쓰는 법 &amp;mdash; Github, Streamlit 웹 배포 실험 (앱 만들기 2편)&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;이전 이야기2026.05.26 - [AIffee 한 잔 &amp;mdash; 오늘의 AI 활용/써보니까] - [Google AI 스튜디오] 파이썬 없어도 45분 만에 앱 만든 후기 &amp;mdash; 비개발자 실전 기록노션에 결과가 자동으로 척 저장되는 거 보고 혼&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;morning-aiffee.tistory.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;image-13.png&quot; data-origin-width=&quot;1672&quot; data-origin-height=&quot;941&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cBq8ew/dJMcafNBQt0/bTjVyRMbGcMcYFUJGZ19m1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cBq8ew/dJMcafNBQt0/bTjVyRMbGcMcYFUJGZ19m1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cBq8ew/dJMcafNBQt0/bTjVyRMbGcMcYFUJGZ19m1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcBq8ew%2FdJMcafNBQt0%2FbTjVyRMbGcMcYFUJGZ19m1%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1672&quot; height=&quot;941&quot; data-filename=&quot;image-13.png&quot; data-origin-width=&quot;1672&quot; data-origin-height=&quot;941&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;image.png&quot; data-origin-width=&quot;1672&quot; data-origin-height=&quot;941&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/NEWTF/dJMcahEy3SI/WIcOVk7ZZmh0HB9LLEEZRk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/NEWTF/dJMcahEy3SI/WIcOVk7ZZmh0HB9LLEEZRk/img.png&quot; data-alt=&quot;Cover Image Generated with AI&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/NEWTF/dJMcahEy3SI/WIcOVk7ZZmh0HB9LLEEZRk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FNEWTF%2FdJMcahEy3SI%2FWIcOVk7ZZmh0HB9LLEEZRk%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1672&quot; height=&quot;941&quot; data-filename=&quot;image.png&quot; data-origin-width=&quot;1672&quot; data-origin-height=&quot;941&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;Cover Image Generated with AI&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>AIffee 한 잔 &amp;mdash; 오늘의 AI 활용/써보니까</category>
      <category>AI 스튜디오 후기</category>
      <category>ai 앱 만들기</category>
      <category>Gemini</category>
      <category>google ai 스튜디오</category>
      <category>구글 ai 스튜디오</category>
      <category>노코드 앱</category>
      <category>비개발자 앱 개발</category>
      <category>앱만들기시리즈</category>
      <category>운동 기록 앱</category>
      <category>파이썬 없이 앱 만들기</category>
      <author>AI brewer</author>
      <guid isPermaLink="true">https://morning-aiffee.tistory.com/5</guid>
      <comments>https://morning-aiffee.tistory.com/5#entry5comment</comments>
      <pubDate>Tue, 26 May 2026 22:51:51 +0900</pubDate>
    </item>
    <item>
      <title>[AI 주간일지] 이번 주에 AI한테 시킨 것들 &amp;mdash; 1주차</title>
      <link>https://morning-aiffee.tistory.com/4</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;AI를 매일 쓰고 있는데, 뭘 시켰는지 기억이 잘 안 난다. 그래서 기록해 보기로 했다.&amp;nbsp;&lt;br&gt;&lt;br&gt;매주&amp;nbsp;AI한테&amp;nbsp;시킨&amp;nbsp;것들을&amp;nbsp;모아서&amp;nbsp;올려보려&amp;nbsp;한다.&amp;nbsp;잘&amp;nbsp;됐든,&amp;nbsp;애매했든,&amp;nbsp;의외로&amp;nbsp;좋았든&amp;nbsp;—&amp;nbsp;솔직하게&amp;nbsp;남겨두는&amp;nbsp;기록이다.&amp;nbsp;읽고&amp;nbsp;나서&amp;nbsp;&quot;나도&amp;nbsp;이거&amp;nbsp;한번&amp;nbsp;써봐야겠다&quot;&amp;nbsp;싶은&amp;nbsp;게&amp;nbsp;하나라도&amp;nbsp;생기면&amp;nbsp;성공이다.&lt;br&gt;&lt;br&gt;---&lt;/p&gt;&lt;h4 data-ke-size=&quot;size20&quot;&gt;1. 아이폰으로 동영상 합치는 법 물어보기&lt;/h4&gt;&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;br&gt; &amp;nbsp;검색했으면&amp;nbsp;10분은&amp;nbsp;걸렸을&amp;nbsp;걸,&amp;nbsp;물어보니까&amp;nbsp;1분&amp;nbsp;만에&amp;nbsp;해결됐다.&amp;nbsp;&quot;기본&amp;nbsp;앱으로&amp;nbsp;되나요?&quot;부터&amp;nbsp;&quot;안&amp;nbsp;될&amp;nbsp;때는요?&quot;까지&amp;nbsp;이어서&amp;nbsp;물어볼&amp;nbsp;수&amp;nbsp;있는&amp;nbsp;게&amp;nbsp;편했다.&amp;nbsp;이런&amp;nbsp;용도로&amp;nbsp;쓰는&amp;nbsp;게&amp;nbsp;제일&amp;nbsp;만만하다.&lt;br&gt;- 결론은 iMovie 기본 앱 사용하면 됨.&amp;nbsp;&lt;br&gt;&lt;br&gt;---&lt;/p&gt;&lt;h4 data-ke-size=&quot;size20&quot;&gt;2. 구글 AI 검색 써보기 - AI 모드(AI Mode) 월 10억 명 돌파 + 한국 출시&lt;/h4&gt;&lt;p data-ke-size=&quot;size16&quot;&gt; &amp;nbsp;검색인데&amp;nbsp;대화가&amp;nbsp;된다.&amp;nbsp;이미지를&amp;nbsp;넣어서&amp;nbsp;검색할&amp;nbsp;수도&amp;nbsp;있고,&amp;nbsp;결과를&amp;nbsp;내가&amp;nbsp;일일이&amp;nbsp;클릭해서&amp;nbsp;찾아볼&amp;nbsp;필요&amp;nbsp;없이&amp;nbsp;AI가&amp;nbsp;알아서&amp;nbsp;정리해 준다.&amp;nbsp;기존&amp;nbsp;구글&amp;nbsp;검색은&amp;nbsp;페이지들을&amp;nbsp;하나씩&amp;nbsp;눌러봐야&amp;nbsp;한다는&amp;nbsp;부담이&amp;nbsp;있었는데,&amp;nbsp;그&amp;nbsp;부분이&amp;nbsp;해소됐다.&amp;nbsp;유튜브&amp;nbsp;링크까지&amp;nbsp;참조해서&amp;nbsp;보여주는&amp;nbsp;건&amp;nbsp;구글이라서&amp;nbsp;가능한&amp;nbsp;부분인&amp;nbsp;것&amp;nbsp;같다.&amp;nbsp;구글&amp;nbsp;I/O&amp;nbsp;2026에서&amp;nbsp;발표한&amp;nbsp;신기능으로,&amp;nbsp;이번&amp;nbsp;주부터&amp;nbsp;전&amp;nbsp;세계에&amp;nbsp;순차&amp;nbsp;적용&amp;nbsp;중이다.&lt;br&gt; &lt;br&gt;구글 앱에서 AI 모드&lt;/p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1179&quot; data-origin-height=&quot;738&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dbIu3L/dJMcadowAkc/I4N1LX6UgIFIv44ZC7wnv0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dbIu3L/dJMcadowAkc/I4N1LX6UgIFIv44ZC7wnv0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dbIu3L/dJMcadowAkc/I4N1LX6UgIFIv44ZC7wnv0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdbIu3L%2FdJMcadowAkc%2FI4N1LX6UgIFIv44ZC7wnv0%2Fimg.jpg&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1179&quot; height=&quot;738&quot; data-origin-width=&quot;1179&quot; data-origin-height=&quot;738&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot; style=&quot;text-align: left;&quot;&gt;&lt;br&gt;구글 폰 웹사이트에서 구글 AI모드&lt;/p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1178&quot; data-origin-height=&quot;881&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/IDQRk/dJMcadB2vmK/8N57cX5pszQZinw07djIN1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/IDQRk/dJMcadB2vmK/8N57cX5pszQZinw07djIN1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/IDQRk/dJMcadB2vmK/8N57cX5pszQZinw07djIN1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FIDQRk%2FdJMcadB2vmK%2F8N57cX5pszQZinw07djIN1%2Fimg.jpg&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1178&quot; height=&quot;881&quot; data-origin-width=&quot;1178&quot; data-origin-height=&quot;881&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;구글 AI모드에서 질문해보기&lt;/p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1179&quot; data-origin-height=&quot;2316&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bsF6O4/dJMcajh1Chm/JIHbzVy15RxD4Ap3SStKx1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bsF6O4/dJMcajh1Chm/JIHbzVy15RxD4Ap3SStKx1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bsF6O4/dJMcajh1Chm/JIHbzVy15RxD4Ap3SStKx1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbsF6O4%2FdJMcajh1Chm%2FJIHbzVy15RxD4Ap3SStKx1%2Fimg.jpg&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1179&quot; height=&quot;2316&quot; data-origin-width=&quot;1179&quot; data-origin-height=&quot;2316&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;br&gt;참고) 'AI 모드(AI Mode)'는 출시 1년 만에 월간 이용자 수 10억 명을 돌파했고, 검색량 역시 출시 이후 매 분기 두 배 이상 증가함. 지난 분기에는 역대 최고 검색량을 기록함. 전 세계 모든 이용자를 대상으로 AI 모드의 기본 모델이 '제미나이 3.5 플래시(Gemini 3.5 Flash)'로 업그레이드됨.&amp;nbsp;&lt;br&gt;  출처: 구글 공식 블로그 — &lt;a href=&quot;https://blog.google/intl/ko-kr/company-news/technology/search-io-2026/&quot; target=&quot;_self&quot;&gt;&lt;span&gt;https://blog.google/intl/ko-kr/company-news/technology/search-io-2026/&lt;/span&gt;&lt;/a&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;---&lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;h4 data-ke-size=&quot;size20&quot;&gt;3. AI로 블로그 프로필 이미지 만들기&lt;/h4&gt;&lt;p data-ke-size=&quot;size16&quot;&gt;  ChatGPT랑 Gemini 둘 다 써봤는데 결과가 꽤 달랐다. 디자인 몰라도 된다. &quot;좀 더 따뜻한 느낌으로&quot;, &quot;배경 바꿔줘&quot; 식으로 말로 수정 요청하면 알아서 바꿔준다.&lt;br&gt;  자세한 후기 →&amp;nbsp; &lt;a href=&quot;https://morning-aiffee.tistory.com/2&quot; target=&quot;_blank&quot;&gt;&lt;span&gt;https://morning-aiffee.tistory.com/2&lt;/span&gt;&lt;/a&gt;&lt;br&gt;&lt;br&gt;---&lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;h4 data-ke-size=&quot;size20&quot;&gt;4. HTML로 나만의 웹앱 만들기&lt;/h4&gt;&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;br&gt; &amp;nbsp;코딩&amp;nbsp;몰라도&amp;nbsp;된다.&amp;nbsp;원하는&amp;nbsp;걸&amp;nbsp;말로&amp;nbsp;설명했더니&amp;nbsp;파일을&amp;nbsp;만들어줬다.&amp;nbsp;뭘&amp;nbsp;만들지&amp;nbsp;아이디어가&amp;nbsp;없으면&amp;nbsp;막막하다는&amp;nbsp;게&amp;nbsp;함정이긴&amp;nbsp;한데,&amp;nbsp;아이디어만&amp;nbsp;있으면&amp;nbsp;진입장벽이&amp;nbsp;생각보다&amp;nbsp;낮다.&lt;br&gt;&lt;br&gt;---&lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;h4 data-ke-size=&quot;size20&quot;&gt;5. Claude에서 토큰 적게 소모하는 간단한 Q&amp;amp;A 에이전트 만들기&lt;/h4&gt;&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;br&gt; &amp;nbsp;AI를&amp;nbsp;쓸수록&amp;nbsp;비용이&amp;nbsp;신경&amp;nbsp;쓰이기&amp;nbsp;시작한다.&amp;nbsp;간단한&amp;nbsp;질문에는&amp;nbsp;무거운&amp;nbsp;모델을&amp;nbsp;쓸&amp;nbsp;필요가&amp;nbsp;없다는&amp;nbsp;걸&amp;nbsp;알고,&amp;nbsp;최소한의&amp;nbsp;구조로&amp;nbsp;만들어봤다.&amp;nbsp;생각보다&amp;nbsp;잘&amp;nbsp;된다.&lt;br&gt;&lt;br&gt;---&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;h4 data-ke-size=&quot;size20&quot;&gt;6. 문서 여러 개 올려두고 질문하면 찾아서 대답하는 에이전트 만들기&lt;/h4&gt;&lt;p data-ke-size=&quot;size16&quot;&gt; &amp;nbsp;문서를&amp;nbsp;직접&amp;nbsp;뒤지지&amp;nbsp;않아도&amp;nbsp;&quot;여기&amp;nbsp;나와&amp;nbsp;있어요&quot;&amp;nbsp;하고&amp;nbsp;찾아준다.&amp;nbsp;회사에서&amp;nbsp;쓸&amp;nbsp;만하다&amp;nbsp;싶었다.&amp;nbsp;Claude로&amp;nbsp;만들었다가&amp;nbsp;GPT에&amp;nbsp;프롬프트&amp;nbsp;그대로&amp;nbsp;붙여 넣었더니&amp;nbsp;결과가&amp;nbsp;완전히&amp;nbsp;달랐다.&amp;nbsp;같은&amp;nbsp;말인데&amp;nbsp;모델마다&amp;nbsp;다르게&amp;nbsp;받아들인다는&amp;nbsp;걸&amp;nbsp;처음&amp;nbsp;실감했다.&lt;br&gt;  자세한 후기 → &lt;a href=&quot;https://morning-aiffee.tistory.com/3&quot; target=&quot;_blank&quot;&gt;&lt;span&gt;https://morning-aiffee.tistory.com/3&lt;/span&gt;&lt;/a&gt;&lt;br&gt;&lt;br&gt;---&lt;br&gt;&lt;br&gt;이번&amp;nbsp;주&amp;nbsp;AI&amp;nbsp;활용을&amp;nbsp;모아보니&amp;nbsp;생각보다&amp;nbsp;많았다.&amp;nbsp;거창한&amp;nbsp;걸&amp;nbsp;만든&amp;nbsp;게&amp;nbsp;아니라,&amp;nbsp;귀찮은&amp;nbsp;것들을&amp;nbsp;하나씩&amp;nbsp;던진&amp;nbsp;게&amp;nbsp;쌓인&amp;nbsp;거다.&amp;nbsp;이&amp;nbsp;중에서&amp;nbsp;제일&amp;nbsp;일상에서&amp;nbsp;편리했던&amp;nbsp;건&amp;nbsp;구글&amp;nbsp;AI&amp;nbsp;검색이었고,&amp;nbsp;제일&amp;nbsp;신기했던&amp;nbsp;건&amp;nbsp;문서&amp;nbsp;에이전트였다.&amp;nbsp;다음&amp;nbsp;주에도&amp;nbsp;기록해 볼&amp;nbsp;예정이다.&lt;br&gt;&lt;br&gt;여러분은&amp;nbsp;이번&amp;nbsp;주&amp;nbsp;AI한테&amp;nbsp;뭘&amp;nbsp;시켜보셨나요?&amp;nbsp;댓글로&amp;nbsp;알려주세요.&amp;nbsp;다음&amp;nbsp;주&amp;nbsp;기록도&amp;nbsp;올라옵니다&amp;nbsp;:)&lt;/p&gt;</description>
      <category>AIffee 한 잔 &amp;mdash; 오늘의 AI 활용/써보니까</category>
      <category>Ai</category>
      <category>ai모드</category>
      <author>AI brewer</author>
      <guid isPermaLink="true">https://morning-aiffee.tistory.com/4</guid>
      <comments>https://morning-aiffee.tistory.com/4#entry4comment</comments>
      <pubDate>Sun, 24 May 2026 11:53:13 +0900</pubDate>
    </item>
    <item>
      <title>[Claude vs GPT] 같은 프롬프트, 다른 결과&amp;mdash; AI 에이전트 프롬프트 이식이 실패한 이유</title>
      <link>https://morning-aiffee.tistory.com/3</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&quot;Claude에서 잘 됐으니까, GPT에 붙여 넣으면 되겠지. 어차피 AI인데. 10분도 안 걸리겠다.&quot;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그 생각이 오산이었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;회사에서 내부 문서 기반 Q&amp;amp;A 에이전트를 만들었다. Claude Opus로 꽤 공들여 만든 버전이었는데, 어느 날 GPT 버전도 필요해졌다. 프롬프트는 이미 있으니까, 그냥 복사해서 붙여 넣으면 되는 거 아닌가? 그렇게 생각했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 글은 그 생각이 왜 틀렸는지에 대한 이야기다. 직접 만들면서 겪은 경험담과, Claude랑 GPT 둘 다한테 공평하게 &quot;왜 이런 차이가 생기냐&quot;라고 물어봐서 정리한 이유를 함께 담았다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;먼저 Claude로 만들었다 &amp;mdash; 꽤 복잡한 에이전트였다&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;에이전트의 목적은 단순했다. 회사 내부 문서 여러 개를 올려두고, 질문하면 관련 문서를 찾아서 답변해주는 것. 그런데 문서 구조가 단순하지 않았다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;각 문서들이 서로 연결되어 있어서, 하나의 질문에 여러 문서를 동시에 참조해야 완전한 답변이 나오는 구조였다. 예를 들어 A 문서에서 규정을 확인하고, B 문서에서 예외 조건을 확인하고, 그걸 합쳐서 대답해야 하는 식이었다.&lt;/p&gt;
&lt;pre class=&quot;cs&quot;&gt;&lt;code&gt;[사용자 질문]
    &amp;darr;
[관련 문서 검색]
    &amp;darr;
[여러 문서 교차 참조]
    &amp;darr;
[규칙에 따라 통합 답변 생성]
&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프롬프트도 복잡했다. &quot;이런 조건일 때는 이렇게 답해라&quot;, &quot;출처를 반드시 명시해라&quot;, &quot;여러 문서에 걸친 내용이면 통합해서 설명해라&quot; 같은 응답 규칙이 여러 개였다. Claude Opus는 이 복잡한 구조를 꽤 잘 소화해 냈다. 규칙이 많아도 흔들리지 않았고, 여러 문서를 참조해서 하나의 답변으로 정리하는 것도 기대 이상으로 잘 됐다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;&quot;10분이면 되겠지&quot; &amp;mdash; 그 자신감의 근거와 오산&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;GPT 버전도 필요해졌다. 이미 잘 만들어진 프롬프트가 있으니, 그냥 복사해서 GPT에 붙여넣으면 끝이라고 생각했다. 머릿속으로 이미 일정을 짜고 있었다.&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프롬프트 복붙 &amp;rarr; 간단히 테스트 &amp;rarr; 완료. 점심 먹기 전에 끝나겠는데?&amp;nbsp;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Apple SD Gothic Neo', Arial, sans-serif; letter-spacing: 0px;&quot;&gt;어차피 AI는 다 비슷하게 작동하는 거 아닌가? 라는 전제가 깔려 있었다. GPT도, Claude도 다 LLM인데, 같은 말을 넣으면 비슷한 결과가 나오겠지 라고. 그게 틀렸다.&lt;/span&gt;&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;GPT에 붙여넣었더니 &amp;mdash; 규칙이 많을수록 더 크게 흔들렸다&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프롬프트를 그대로 복사해서 GPT에 적용했다. 결과는 달랐다. 규칙 일부를 지키지 않거나, 여러 문서를 교차 참조하지 않고 하나의 문서만 보고 답변하거나, 문서 간 연결이 필요한 질문에서 특히 차이가 두드러졌다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude Opus는 규칙이 여러 개여도 전체 의도를 파악하고 일관되게 응답했는데, GPT는 규칙이 많아질수록 일부를 놓치는 현상이 생겼다. 특히 문서 여러 개를 묶어서 대답해야 하는 질문에서 차이가 컸다. &quot;10분이면 끝나겠다&quot;라고 생각했던 작업이, 결국 GPT 프롬프트를 처음부터 다시 설계하는 데 하루를 넘게 쓰게 됐다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;왜 이런 차이가 생길까? &amp;mdash; 두 AI에게 직접 물어봤다&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude랑 GPT 둘 다한테 공평하게 같은 질문을 했다. &quot;왜 같은 프롬프트에서 결과가 다르냐&quot;라고. 두 모델이 공통적으로 짚은 이유 네 가지를 정리했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;① 지시를 해석하는 방식이 다르다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude Opus는 복잡한 지시 전체를 하나의 의도로 압축해서 이해하는 경향이 있다. &quot;이 사람이 궁극적으로 원하는 게 뭔지&quot;를 추론하고 행동한다. 반면 GPT는 지시를 순서대로, 문자 그대로 처리하는 방식에 가깝다. 그래서 규칙이 많아질수록 뒷부분에 있는 규칙이 흐려지거나 누락되는 현상이 생긴다. 이걸 AI 연구에서는 &quot;Lost in the Middle&quot; 문제라고 부르기도 한다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;② 프롬프트가 길수록 GPT는 오히려 흔들린다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프롬프트가 길수록 더 똑똑해진다고 생각하기 쉬운데, 실제로는 반대인 경우가 많다. 규칙이 수십 개, 예외 조건까지 겹치면 GPT는 핵심 태스크 집중력이 떨어지고, 정작 중요한 답변보다 형식 맞추기에 집중하는 경향이 생긴다고 한다. Claude Opus는 이런 복잡한 지시 구조를 비교적 잘 버티는 편이라는 평가가 많다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;③ 여러 문서를 교차 참조하는 능력이 다르다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;문서 검색 에이전트에서 핵심은 검색 &amp;rarr; 관련성 판단 &amp;rarr; 정보 압축 &amp;rarr; 통합 답변이다. GPT는 검색된 문서에서 관련 부분을 발췌하는 방식에 가깝고, Claude Opus는 필요한 문맥만 보존해서 신중하게 종합하는 스타일이라는 평가가 많다. 문서 간 연결이 필요한 질문일수록 이 차이가 크게 드러난다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;④ 두 모델이 잘 맞는 구조 자체가 다르다&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Claude Opus는 복잡한 역할 분리와 긴 지시 구조에 강하고, GPT는 짧고 명확한 지시에 툴 중심 구조가 잘 맞는다고 한다. 즉, Claude용으로 최적화된 복잡한 프롬프트가 GPT에게는 오히려 과부하가 될 수 있다는 것이다.&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style3&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&amp;nbsp;&lt;/td&gt;
&lt;td&gt;Claude(Opus)&lt;/td&gt;
&lt;td&gt;GPT&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;지시 해석 방식&lt;/td&gt;
&lt;td&gt;의도 중심, 전체 통합&lt;/td&gt;
&lt;td&gt;문자 중심, 순차 처리&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;긴 프롬프트 처리&lt;/td&gt;
&lt;td&gt;비교적 안정적&lt;/td&gt;
&lt;td&gt;규칙 희석 가능성&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;다중 문서 참조&lt;/td&gt;
&lt;td&gt;신중하게 통합&lt;/td&gt;
&lt;td&gt;표면적 발췌 경향&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;잘 맞는 구조&lt;/td&gt;
&lt;td&gt;복잡한 orchestration&lt;/td&gt;
&lt;td&gt;짧고 명확한 지시 + 툴&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;※ 어느 모델이 더 좋다는 이야기가 아니다. 설계 철학이 다를 뿐이다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;프롬프트는 복사되지만, 모델의 해석 방식은 복사가 안 된다&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;결론은 단순하다. 복잡한 프롬프트일수록 모델 간 이식은 더 위험하다. 규칙이 많고 문서 구조가 복잡할수록, 그 복잡함을 소화하는 모델의 능력 차이가 결과에 직접 드러난다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&quot;10분이면 되겠지&quot;는 프롬프트가 단순할 때만 통하는 말이었다. AI 에이전트를 다른 모델로 옮길 때는, 프롬프트 이식이 아니라 그 모델에 맞는 재설계라고 생각하는 게 맞는 것 같다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;비슷한 경험 있으신가요? 어떤 모델에서 프롬프트가 더 잘 됐는지 댓글로 나눠주세요 :)&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;image-6.png&quot; data-origin-width=&quot;1536&quot; data-origin-height=&quot;1024&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dvnxkI/dJMcag6KTc6/Tgc05Z0b832UtRtU3tKhY0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dvnxkI/dJMcag6KTc6/Tgc05Z0b832UtRtU3tKhY0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dvnxkI/dJMcag6KTc6/Tgc05Z0b832UtRtU3tKhY0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdvnxkI%2FdJMcag6KTc6%2FTgc05Z0b832UtRtU3tKhY0%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1536&quot; height=&quot;1024&quot; data-filename=&quot;image-6.png&quot; data-origin-width=&quot;1536&quot; data-origin-height=&quot;1024&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>AIffee 한 잔 &amp;mdash; 오늘의 AI 활용/써보니까</category>
      <category>Ai 에이전트</category>
      <category>claude</category>
      <category>Claude Opus</category>
      <category>Claude vs GPT</category>
      <category>GPT</category>
      <category>llm 비교</category>
      <category>rag</category>
      <category>문서검색 AI</category>
      <category>프롬프트 엔지니어링</category>
      <category>프롬프트 이식</category>
      <author>AI brewer</author>
      <guid isPermaLink="true">https://morning-aiffee.tistory.com/3</guid>
      <comments>https://morning-aiffee.tistory.com/3#entry3comment</comments>
      <pubDate>Sat, 23 May 2026 13:42:05 +0900</pubDate>
    </item>
    <item>
      <title>[ChatGPT] AI로 블로그 프로필 사진 만들기 - 디자인 몰라도 15분이면 됩니다</title>
      <link>https://morning-aiffee.tistory.com/2</link>
      <description>&lt;h3 data-ke-size=&quot;size23&quot;&gt;블로그 만들었는데 프로필 사진이 없었다&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;블로그를 시작했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이름도 정했고, 소개글도 썼고, 첫 글도 올렸는데 &amp;mdash; 프로필 사진 자리가 비어있었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사진을 찍자니 귀찮고, 그림을 그리자니 그릴 줄 모르고. 디자인 전혀 모른다. 진짜로.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래서 그냥 AI한테 맡겨보기로 했다. ChatGPT랑 Gemini, 두 군데 다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;방법은 단순했다 &amp;mdash; 블로그 소개글을 그대로 붙여 넣었다&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;거창한 프롬프트 같은 거 없었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;블로그 소개글을 복사해서 그냥 붙여 넣고, 뒤에 &quot;프로필 사진 만들어줘&quot; 한 줄 붙였다.&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&quot;Morning AIffee ☕ 매일 아침 커피를 내리듯, AI를 조금씩 익혀가는 공간이에요. 거창한 기술 얘기 말고 실제로 써보고 달라진 것들, 솔직하게 한 잔씩 담아볼게요 ☕라는 블로그의 프로필 사진 만들어줘&quot;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이게 전부다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;ChatGPT랑 Gemini, 두 군데 다 똑같은 문장을 넣었다. 결과는 꽤 달랐다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/lZQqW/dJMcaffGBRP/6du8nqs9YtPvbvVT11wai0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/lZQqW/dJMcaffGBRP/6du8nqs9YtPvbvVT11wai0/img.png&quot; data-origin-width=&quot;1254&quot; data-origin-height=&quot;1254&quot; data-is-animation=&quot;false&quot; width=&quot;427&quot; height=&quot;427&quot; data-widthpercent=&quot;35.29&quot; style=&quot;width: 34.8837%; margin-right: 10px;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/lZQqW/dJMcaffGBRP/6du8nqs9YtPvbvVT11wai0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlZQqW%2FdJMcaffGBRP%2F6du8nqs9YtPvbvVT11wai0%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1254&quot; height=&quot;1254&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/BI7IT/dJMcahR1YF7/6wzpyh3CH58hjqRyRwGAo1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/BI7IT/dJMcahR1YF7/6wzpyh3CH58hjqRyRwGAo1/img.png&quot; data-origin-width=&quot;1408&quot; data-origin-height=&quot;768&quot; data-is-animation=&quot;false&quot; style=&quot;width: 63.9535%;&quot; data-widthpercent=&quot;64.71&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/BI7IT/dJMcahR1YF7/6wzpyh3CH58hjqRyRwGAo1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FBI7IT%2FdJMcahR1YF7%2F6wzpyh3CH58hjqRyRwGAo1%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1408&quot; height=&quot;768&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;figcaption&gt;무엇이 GPT 무엇이 GEMINI&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;ChatGPT &amp;mdash; 첫 결과물부터 느낌이 달랐다&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;ChatGPT에서 결과물이 나왔을 때, 딱 봤을 때 느낌이 &quot;오, 이거 프로필 사진 같은데?&quot;였다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1254&quot; data-origin-height=&quot;1254&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bgZtz8/dJMcabRNBJS/jMVTVSpzWRQKeMX8a9f53k/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bgZtz8/dJMcabRNBJS/jMVTVSpzWRQKeMX8a9f53k/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bgZtz8/dJMcabRNBJS/jMVTVSpzWRQKeMX8a9f53k/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbgZtz8%2FdJMcabRNBJS%2FjMVTVSpzWRQKeMX8a9f53k%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;316&quot; height=&quot;1254&quot; data-origin-width=&quot;1254&quot; data-origin-height=&quot;1254&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;완벽하진 않았다. 그래서 바로 쓰지 않고 블로그에 실제로 올려봤다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;화면에서 보니까 뭔가 조금 달랐다. 그래서 &quot;이 부분 좀 바꿔줘&quot; 했더니 &amp;mdash; 진짜로 바꿔줬다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그렇게 블로그에 올려보고, 어색하면 말로 요청하고, 다시 받아보고를 반복했다.&lt;/p&gt;
&lt;div&gt;
&lt;div&gt;
&lt;pre class=&quot;angelscript&quot; style=&quot;color: #14181f;&quot;&gt;&lt;code&gt;1차: 블로그 소개글 붙여넣어서 첫 결과물 생성
2~8차: 실제 블로그에 올려보고 &amp;rarr; 어색한 부분 말로 요청 &amp;rarr; 재생성
총 소요 시간: 약 10~15분&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;내가 한 건 그냥 말로 설명한 것뿐이다. &quot;이 글자 빼줘&quot;, &quot;세련됨 한 스푼 넣어줘&quot; 이런 식으로. 디자인 용어 하나도 안 썼는데, 알아서 다 이해해 줬다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1956&quot; data-origin-height=&quot;1046&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/xIZDU/dJMcagyPCFy/SrE9godOL6s7jh9iOKVNMK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/xIZDU/dJMcagyPCFy/SrE9godOL6s7jh9iOKVNMK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/xIZDU/dJMcagyPCFy/SrE9godOL6s7jh9iOKVNMK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FxIZDU%2FdJMcagyPCFy%2FSrE9godOL6s7jh9iOKVNMK%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1956&quot; height=&quot;1046&quot; data-origin-width=&quot;1956&quot; data-origin-height=&quot;1046&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;8번 주고받는 동안 한 번도 &quot;무슨 말인지 모르겠다&quot;는 반응이 없었다. 나도 내가 뭘 원하는지 잘 모르겠는데, AI는 그냥 잘 알아서 해줬다. 그게 제일 신기했다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;Gemini도 같은 프롬프트로 해봤다 &amp;mdash; 근데 좀 달랐다&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;똑같은 문장을 Gemini에도 넣었다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1408&quot; data-origin-height=&quot;768&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/rmSuh/dJMcaaL9jMs/X8q50ItmGW6oVhpKnejaK0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/rmSuh/dJMcaaL9jMs/X8q50ItmGW6oVhpKnejaK0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/rmSuh/dJMcaaL9jMs/X8q50ItmGW6oVhpKnejaK0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FrmSuh%2FdJMcaaL9jMs%2FX8q50ItmGW6oVhpKnejaK0%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;502&quot; height=&quot;768&quot; data-origin-width=&quot;1408&quot; data-origin-height=&quot;768&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;결과물이 나쁜 건 아니었다. 근데 프로필 사진으로 쓰기엔&amp;hellip; 뭔가 달랐달까. 딱 봤을 때 &quot;이건 아니다&quot; 싶었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프로필 사진 느낌이 아니었다. 어떤 용도인지는 모르겠지만, 내 블로그 프로필 자리에 올리기엔 맞지 않았다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Gemini가 나쁜 게 아니다. 프로필 사진이라는 용도에는 ChatGPT가 더 잘 맞았던 거다. 다른 용도로는 Gemini가 더 잘 맞을 수도 있다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;직접 고쳐가면서 만들었더니 &amp;mdash; 내가 만든 것 같았다&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;솔직히 이게 제일 재밌었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;AI가 만들어준 거긴 한데, 블로그에 올려보고, 느낌 보고, 말로 설명하고, 다시 받아보는 과정을 8번 반복했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그러다 보니 최종 결과물이 나왔을 때 &quot;내가 만든 것 같다&quot;는 기분이 들었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;디자인 몰라도 된다. 그림 못 그려도 된다. &quot;뭔가 이 느낌이 아닌데&quot;를 말로 설명할 수 있으면 충분하다. AI가 나머지를 다 해준다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;티스토리 프로필 파일 업로드 때 2MB 넘었는지 업로드가 안 됐다. 순간 머릿속에 파일 사이즈 줄이는 사이트를 찾아야 하나 귀찮다..라고 생각했다. 귀찮다고 생각하는 순간에 이것도 AI한테 시켜야겠다고 생각했다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1932&quot; data-origin-height=&quot;1184&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bpRhAy/dJMcaicpqT3/rX7Z9p2Au4NirdhlRzi8ck/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bpRhAy/dJMcaicpqT3/rX7Z9p2Au4NirdhlRzi8ck/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bpRhAy/dJMcaicpqT3/rX7Z9p2Au4NirdhlRzi8ck/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbpRhAy%2FdJMcaicpqT3%2FrX7Z9p2Au4NirdhlRzi8ck%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1932&quot; height=&quot;1184&quot; data-origin-width=&quot;1932&quot; data-origin-height=&quot;1184&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;프로필 없어서 미루고 있다면, 오늘 해보세요&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;정리하면 이렇다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;블로그 소개글 복붙 &amp;rarr; AI에 넣기 &amp;rarr; 결과물 보기 &amp;rarr; 말로 수정 요청 &amp;rarr; 반복.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;디자인 몰라도 되고, 특별한 프롬프트 없어도 되고, 10분이면 된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;완벽한 프로필보다, 일단 있는 프로필이 나으니까. 그리고 생각보다 꽤 재밌다. ☕&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;마치며&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;여러분은 AI로 이미지 만들어보신 적 있나요?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;어떤 툴 쓰셨는지, 어떤 식으로 수정 요청 하셨는지 댓글로 나눠주세요  &lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;  이 글에서 쓴 툴&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;ChatGPT 무료버전 (이미지 생성)&lt;/li&gt;
&lt;li&gt;Gemini 무료버전 (이미지 생성)&lt;/li&gt;
&lt;/ul&gt;</description>
      <category>모닝 루틴 &amp;mdash; AI로 바뀐 일상/창작.취미</category>
      <category>ai 그림 생성</category>
      <category>AI 이미지 만들기</category>
      <category>AI 프로필 사진</category>
      <category>chatgpt vs gemini</category>
      <category>chatgpt 이미지 생성</category>
      <category>ChatGPT 활용법</category>
      <category>Gemini 이미지</category>
      <category>블로그 프로필</category>
      <category>생성형 AI</category>
      <category>프로필 사진 만들기</category>
      <author>AI brewer</author>
      <guid isPermaLink="true">https://morning-aiffee.tistory.com/2</guid>
      <comments>https://morning-aiffee.tistory.com/2#entry2comment</comments>
      <pubDate>Sat, 23 May 2026 12:47:10 +0900</pubDate>
    </item>
    <item>
      <title>[노션] 매달 같은 작업을 반복하다가 결국 자동화를 배웠다 &amp;mdash; 날짜 트리거로 페이지 자동 생성하기</title>
      <link>https://morning-aiffee.tistory.com/1</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;수입을 관리하면서 매달 말 같은 작업을 반복했다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;처음엔 배당 항목별로 하나씩 다 썼다. 시간이 꽤 걸렸다. 그래서 지난달 데이터베이스를 복사해서 쓰기 시작했는데, 계좌가 늘어날수록 복사할 것도 같이 늘었다. 템플릿을 만들어봤지만 매번 고르는 것도 결국 귀찮기는 마찬가지였다. 미리 만들어두면 빈칸이 오래 남아있어서 볼 때마다 &quot;내가 뭔가 빠뜨렸나?&quot; 싶었다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;세 가지를 다 해봤는데 다 별로였다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;귀찮음을 해결하려다 더 귀찮아진 이야기&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;처음엔 &lt;b&gt;템플릿&lt;/b&gt;을 써봤다. 노션 데이터베이스에 템플릿을 지정해두면 버튼 하나로 새 페이지를 만들 수 있으니까. 실제로 편해지긴 했다. &lt;br /&gt;처음엔.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;계좌가 늘어나면서 템플릿도 계좌 수만큼 늘었다. A은행 이자용, B증권 배당금용, C카드 캐시백용&amp;hellip; 매달 템플릿 목록을 열고 하나씩 골라서 생성하는 과정이 결국 복사-붙여 넣기랑 별반 다르지 않았다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래서 이번엔 &lt;b&gt;미리 만들어두는 방식&lt;/b&gt;을 시도했다. 1월부터 12월까지 페이지를 미리 다 만들어두면 그달이 오면 그냥 채우면 되니까.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;문제는 심리적인 부분이었다. 표에 비어있는 셀들이 눈에 들어올 때마다 &quot;혹시 내가 기록을 빼먹은 건 아닐까?&quot; 하는 걱정이 들었다. 실제로 빼먹은 게 아니라 아직 그달이 오지 않은 것뿐인데. 관리 툴이 오히려 불안감을 만들고 있었다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;결국 찾은 해결책 &amp;mdash; 날짜에 맞춰 페이지가 알아서 생기면 되잖아&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;세 가지 방식 모두 결국 &lt;b&gt;&quot;내가 기억하고 직접 실행해야 한다&quot;&lt;/b&gt; 는 공통점이 있다. 자동화의 핵심은 이 전제를 없애는 것이다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;노션의 자동화 기능은 &lt;b&gt;트리거(언제)와&lt;/b&gt; &lt;b&gt;액션(무엇을)의&lt;/b&gt; 조합으로 작동한다.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;트리거: 특정 날짜가 되면&lt;/li&gt;
&lt;li&gt;액션: 지정한 템플릿으로 페이지를 자동 생성&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이렇게 설정했다.&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style1&quot;&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;매월 수입을 확인하는 날짜가 되면 &amp;rarr; 각 계좌별 기록 페이지를 자동으로 생성&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;974&quot; data-origin-height=&quot;480&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/DlZTn/dJMb99T1iK3/CzStfXQnxre8R7usp9UAEK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/DlZTn/dJMb99T1iK3/CzStfXQnxre8R7usp9UAEK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/DlZTn/dJMb99T1iK3/CzStfXQnxre8R7usp9UAEK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FDlZTn%2FdJMb99T1iK3%2FCzStfXQnxre8R7usp9UAEK%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;493&quot; height=&quot;480&quot; data-origin-width=&quot;974&quot; data-origin-height=&quot;480&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;916&quot; data-origin-height=&quot;600&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/E8Rel/dJMcagFE0pZ/1icNAzVcUGkCZACG5joYJ0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/E8Rel/dJMcagFE0pZ/1icNAzVcUGkCZACG5joYJ0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/E8Rel/dJMcagFE0pZ/1icNAzVcUGkCZACG5joYJ0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FE8Rel%2FdJMcagFE0pZ%2F1icNAzVcUGkCZACG5joYJ0%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;503&quot; height=&quot;600&quot; data-origin-width=&quot;916&quot; data-origin-height=&quot;600&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이제 그날이 되면 페이지가 알아서 만들어져 있다. 할 일은 숫자를 채워 넣는 것뿐이다. 미리 만들어둔 빈 페이지도 없고, 매달 복사하는 수고도 없고, 템플릿 목록에서 고르는 번거로움도 없다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;설정 방법 &amp;mdash; 3분이면 충분&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;준비물:&lt;/b&gt; 노션 데이터베이스, 날짜 속성 하나&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Step 1.&lt;/b&gt; 데이터베이스 우측 상단의 &lt;b&gt;번개 아이콘(⚡)을&lt;/b&gt; 클릭.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;432&quot; data-origin-height=&quot;138&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b2Uu6Y/dJMcaak4Yd0/H4d3fAymJs39K5PXvLEnH1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b2Uu6Y/dJMcaak4Yd0/H4d3fAymJs39K5PXvLEnH1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b2Uu6Y/dJMcaak4Yd0/H4d3fAymJs39K5PXvLEnH1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb2Uu6Y%2FdJMcaak4Yd0%2FH4d3fAymJs39K5PXvLEnH1%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;432&quot; height=&quot;138&quot; data-origin-width=&quot;432&quot; data-origin-height=&quot;138&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Step 2.&lt;/b&gt; &lt;b&gt;&quot;+ 새 자동화&quot;를&lt;/b&gt; 선택.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;544&quot; data-origin-height=&quot;128&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/5To5S/dJMcaa6u6Cd/NzU283sx5ssxKkxg08OCEK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/5To5S/dJMcaa6u6Cd/NzU283sx5ssxKkxg08OCEK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/5To5S/dJMcaa6u6Cd/NzU283sx5ssxKkxg08OCEK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F5To5S%2FdJMcaa6u6Cd%2FNzU283sx5ssxKkxg08OCEK%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;429&quot; height=&quot;101&quot; data-origin-width=&quot;544&quot; data-origin-height=&quot;128&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Step 3.&lt;/b&gt; 트리거를 설정.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&quot;날짜 도달&quot; 선택&lt;/li&gt;
&lt;li&gt;원하는 날짜 속성 및 반복 주기(매월) 지정&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Step 4.&lt;/b&gt; 액션을 설정.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&quot;페이지 추가&quot; 선택&lt;/li&gt;
&lt;li&gt;사용할 템플릿 지정 (계좌별 템플릿을 미리 만들어두면 됩니다)&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;Step 5.&lt;/b&gt; 자동화 이름을 저장하고 활성화.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;계좌가 여러 개라면 자동화를 계좌 수만큼 만들면 된다. 한 번 설정해 두면 이후에는 손댈 일이 없다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;세 가지 문제가 동시에 해결됨&lt;/h3&gt;
&lt;div&gt;기존 문제해결 여부
&lt;table style=&quot;border-collapse: collapse; width: 100%;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;매달 복사-붙여넣기 반복&lt;/td&gt;
&lt;td&gt;✅ 자동 생성으로 제거&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;템플릿 목록에서 매번 선택&lt;/td&gt;
&lt;td&gt;✅ 날짜 트리거로 자동 실행&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;미리 만든 빈 페이지의 불안감&lt;/td&gt;
&lt;td&gt;✅ 필요한 시점에만 생성&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;자동화 설정하는 데 한 10분 걸렸던 것 같다. 그 이후로는 신경을 안 쓴다. 그달이 되면 페이지가 생겨있고, 나는 숫자만 채우면 된다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;반복되는 작업이 있다면 한 번쯤 자동화를 고려해볼 만하다.&lt;/p&gt;
&lt;hr data-ke-style=&quot;style1&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;혹시 비슷한 반복 작업을 노션으로 해결하신 경험이 있으신가요? 댓글로 공유해 주시면 다음 글 소재로 다뤄볼게요.&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;image-4.png&quot; data-origin-width=&quot;1672&quot; data-origin-height=&quot;941&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/UqVqD/dJMb990UrKn/VZGEo34VwthM138EJ6szyk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/UqVqD/dJMb990UrKn/VZGEo34VwthM138EJ6szyk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/UqVqD/dJMb990UrKn/VZGEo34VwthM138EJ6szyk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FUqVqD%2FdJMb990UrKn%2FVZGEo34VwthM138EJ6szyk%2Fimg.png&quot; onerror=&quot;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';&quot; loading=&quot;lazy&quot; width=&quot;1672&quot; height=&quot;941&quot; data-filename=&quot;image-4.png&quot; data-origin-width=&quot;1672&quot; data-origin-height=&quot;941&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;</description>
      <category>모닝 루틴 &amp;mdash; AI로 바뀐 일상/생산성</category>
      <category>노션</category>
      <category>자동화</category>
      <author>AI brewer</author>
      <guid isPermaLink="true">https://morning-aiffee.tistory.com/1</guid>
      <comments>https://morning-aiffee.tistory.com/1#entry1comment</comments>
      <pubDate>Sat, 23 May 2026 11:32:20 +0900</pubDate>
    </item>
  </channel>
</rss>