구글 스티치 사용법을 제대로 이해하면 웹서비스를 만드는 과정이 훨씬 가벼워집니다. 예전에는 아이디어를 정하고, 디자이너에게 화면을 맡기고, 개발자가 코드를 작성하고, 다시 수정하는 과정이 필요했습니다. 하지만 이제는 구글 스티치, MCP, 안티그래비티를 연결해 디자인부터 코드 생성, 상세 페이지 확장까지 하나의 흐름으로 이어갈 수 있습니다.

구글 스티치, MCP, 안티그래비티를 연결해 디자인부터 React 코드, 웹서비스 개발까지 자동화하는 흐름을 정리합니다.

구글 스티치 사용법을 제대로 이해하면 웹서비스를 만드는 과정이 훨씬 가벼워집니다.

특히 AI 1인 기업을 준비하는 사람에게 중요한 것은 완벽한 서비스 하나를 오래 붙잡는 것이 아니라, 여러 아이디어를 빠르게 만들고 시장 반응을 확인하는 것입니다. 해외에서는 작은 웹서비스를 여러 개 만들고, 그중 반응이 좋은 서비스를 키우는 방식이 점점 늘어나고 있습니다.

구글 스티치는 웹서비스의 첫 화면을 빠르게 구체화하는 디자인 도구입니다

구글 스티치는 텍스트로 원하는 앱이나 웹사이트를 설명하면 그에 맞는 화면 디자인을 생성해 주는 도구입니다. 예를 들어 “운동 습관을 게임처럼 관리하는 글로벌 웹서비스를 만들어줘”라고 입력하면, 캐릭터와 미션, 진행률, 버튼 구조가 포함된 화면 시안을 빠르게 만들어낼 수 있습니다.

중요한 점은 스티치가 단순 이미지 생성 도구처럼 보일 수 있지만, 실제로는 서비스 기획의 첫 단계를 시각화해 주는 역할을 한다는 것입니다. 머릿속에만 있던 아이디어를 화면으로 보면 사용 흐름과 기능 구조가 훨씬 명확해집니다.

구글 스티치의 핵심은 아이디어를 말로 설명하는 단계에서 바로 화면 구조로 바꿔준다는 점입니다.

다만 스티치만 단독으로 사용하면 한계가 있습니다. 생성된 화면은 보기에는 좋지만 기능이 작동하는 실제 웹서비스는 아닙니다. 그래서 안티그래비티와 MCP 연결이 필요합니다.

스티치와 안티그래비티를 MCP로 연결하면 디자인이 개발로 이어집니다

MCP는 서로 다른 AI 도구를 연결하는 다리 역할을 합니다. 스티치가 디자인을 만들고, 안티그래비티가 그 디자인을 바탕으로 실제 웹사이트나 앱을 개발하는 식으로 역할을 나눌 수 있습니다.

이 구조를 만들면 사용자는 일일이 스티치에 접속해 디자인을 만들고, 다시 코드를 옮기고, 다시 개발 도구에서 구현하는 과정을 반복하지 않아도 됩니다. 안티그래비티 안에서 스티치 MCP를 호출하고, 프로젝트 목록을 확인하고, 새 디자인을 만들고, 코드로 확장하는 작업을 이어갈 수 있습니다.

MCP 연결의 장점은 디자인 도구와 개발 도구를 따로 쓰는 것이 아니라 하나의 자동화 흐름으로 묶을 수 있다는 것입니다.

디자인 MD를 만들면 여러 페이지를 만들어도 화면 톤이 흔들리지 않습니다

바이브 코딩으로 웹사이트를 만들다 보면 가장 자주 생기는 문제가 디자인 일관성입니다. 첫 화면은 초록색 계열인데 다음 페이지는 노란색이 되고, 버튼 모양이나 폰트가 달라지는 일이 생깁니다. 서비스가 커질수록 이런 문제는 더 눈에 띕니다.

이때 필요한 것이 디자인 MD입니다. 디자인 MD는 색상, 폰트, 버튼 스타일, 카드 형태, 여백, 캐릭터 톤 같은 디자인 규칙을 문서화한 기준입니다. 이후 새로운 페이지를 만들 때 이 문서를 먼저 참고하게 하면 전체 서비스의 분위기를 유지할 수 있습니다.

디자인 MD는 AI가 만든 화면을 일회성 시안으로 끝내지 않고, 계속 확장 가능한 서비스 디자인 기준으로 바꾸는 장치입니다.

예를 들어 운동 습관 게임 웹서비스라면 귀여운 캐릭터, 둥근 버튼, 밝은 색상, 경험치 표시, 연속 운동일 수 같은 규칙을 디자인 MD에 정리할 수 있습니다. 이렇게 기준을 잡아두면 메인 화면, 미션 화면, 상점 화면, 결제 화면을 추가해도 디자인이 크게 흔들리지 않습니다.

핵심 정리

구글 스티치는 화면을 만들고, 디자인 MD는 그 화면의 규칙을 저장하며, 안티그래비티는 이를 바탕으로 실제 웹서비스 개발을 이어갈 수 있게 합니다.

운동 습관 게임처럼 작은 서비스부터 만들면 수익화 검증이 쉬워집니다

AI 1인 기업이 처음부터 거대한 플랫폼을 만들 필요는 없습니다. 오히려 작은 문제를 해결하는 웹서비스를 빠르게 만들고 검증하는 방식이 현실적입니다. 예를 들어 운동 습관을 만들기 어려워하는 사람을 위해 게임처럼 매일 운동을 체크하고 캐릭터를 성장시키는 서비스를 만들 수 있습니다.

이런 서비스는 구조가 단순하면서도 수익화 포인트를 만들기 좋습니다. 무료로 기본 기능을 제공하고, 캐릭터 꾸미기, 추가 미션, 통계 기능, 프리미엄 습관 관리 기능을 유료화할 수 있습니다.

1인 기업 웹서비스는 거창한 아이디어보다 작고 명확한 문제를 빠르게 해결하는 방향에서 시작하는 것이 좋습니다.

이미지 생성까지 연결하면 서비스의 캐릭터와 세계관도 빠르게 만들 수 있습니다

웹서비스를 만들 때 화면만 중요한 것이 아닙니다. 사용자가 계속 들어오게 만들려면 기억에 남는 캐릭터, 아이콘, 시각적 분위기가 필요합니다. 안티그래비티 안에서 이미지 생성 기능을 함께 활용하면 캐릭터, 알, 몬스터, 성장 단계 같은 시각 요소도 빠르게 만들 수 있습니다.

운동 습관 서비스라면 처음에는 알 형태의 캐릭터가 등장하고, 운동을 기록할수록 아기 몬스터, 공룡, 드래곤처럼 성장하는 방식으로 게임성을 줄 수 있습니다. 이런 구조는 단순 체크리스트보다 사용자의 반복 방문을 유도하기 좋습니다.

작은 웹서비스라도 캐릭터와 성장 구조를 넣으면 사용자가 다시 방문할 이유를 만들 수 있습니다.

다만 생성된 이미지는 저작권, 상표권, 기존 캐릭터와의 유사성을 반드시 확인해야 합니다. 유명 캐릭터를 직접 연상시키는 형태는 서비스에 사용하기 어렵습니다.

상업용 웹서비스에 이미지 생성물을 사용할 때는 기존 캐릭터와 비슷하지 않은지 반드시 확인해야 합니다.

Firebase와 결제 MCP까지 붙이면 실제 서비스 운영 흐름으로 확장할 수 있습니다

디자인과 프론트엔드 화면만 있어서는 수익화가 어렵습니다. 실제 서비스가 되려면 데이터 저장, 로그인, 결제, 배포가 필요합니다. 여기서 Firebase 같은 백엔드 서비스와 PayPal 또는 Stripe 같은 결제 시스템을 연결하면 운영 가능한 구조로 확장할 수 있습니다.

예를 들어 사용자의 운동 기록은 데이터베이스에 저장하고, 프리미엄 기능은 결제 후 열리게 만들 수 있습니다. 배포까지 자동화하면 아이디어를 만든 뒤 실제 사용자에게 보여주는 속도가 훨씬 빨라집니다.

AI 1인 기업의 핵심은 화면을 만드는 데서 끝나는 것이 아니라 배포, 결제, 운영까지 이어지는 작은 시스템을 만드는 것입니다.

• Firebase로 사용자 기록과 서비스 데이터를 저장합니다.

• PayPal 또는 Stripe로 해외 결제를 연결합니다.

• 랜딩 페이지와 상세 페이지를 함께 구성합니다.

• 무료 기능과 유료 기능을 나눠 수익화 구조를 만듭니다.

• 서비스 반응을 보고 빠르게 수정합니다.

여러 서비스를 빠르게 만들되 검증 없는 양산은 피해야 합니다

해외 1인 기업 사례를 보면 작은 웹서비스를 30개, 40개씩 만들고 그중 잘되는 것을 키우는 전략이 자주 등장합니다. 이 방식은 AI 도구가 발전하면서 더 현실적인 전략이 되고 있습니다. 하지만 무작정 많이 만든다고 성공하는 것은 아닙니다.

각 서비스는 명확한 문제, 검색 수요, 결제 가능성, 유지관리 가능성을 갖춰야 합니다. 단순히 화면만 예쁜 서비스는 오래가기 어렵습니다. 사용자가 실제로 반복해서 쓰고 돈을 낼 이유가 있어야 합니다.

AI로 빠르게 만들 수 있다는 이유만으로 검증 없는 웹서비스를 계속 양산하면 시간과 비용이 낭비될 수 있습니다.

AI 시대의 1인 기업은 실행 속도와 연결 능력에서 갈립니다

이제 웹서비스를 만들기 위해 모든 기술을 처음부터 배워야 하는 시대는 지나가고 있습니다. 물론 기본적인 이해와 검토 능력은 필요하지만, 디자인과 개발의 많은 부분은 AI 도구가 도와줄 수 있습니다. 중요한 것은 어떤 도구를 어떤 순서로 연결해 결과물을 만들 것인지 판단하는 능력입니다.

구글 스티치는 디자인을 빠르게 만들고, MCP는 도구를 연결하며, 안티그래비티는 실제 개발 흐름을 실행하게 만듭니다. 여기에 데이터베이스, 결제, 배포 시스템이 붙으면 혼자서도 작게 시작할 수 있는 웹서비스 구조가 만들어집니다.

앞으로의 1인 기업은 혼자 모든 일을 직접 하는 사람이 아니라, AI 도구들을 연결해 작은 팀처럼 운영하는 사람이 유리해집니다.

처음에는 오류가 나고 낯설 수 있습니다. 하지만 작은 서비스 하나를 끝까지 만들어 보면 디자인, 코드, 배포, 수익화 흐름이 눈에 들어오기 시작합니다. 완벽한 아이디어를 기다리기보다 작게 만들고, 빠르게 보여주고, 반응을 확인하는 방식이 더 현실적입니다.

함께 보면 좋은 원본 영상

자세한 내용은 아래 원본 영상에서 확인할 수 있습니다.

원본 영상 보기

건축 색채의 이해와 실제

“색은 감각이 아니라, 논리와 구조의 언어다”

이번 강의는

단순히 “예쁜 색을 고르는 법”이 아니라,

건축에서 색채가 어떻게 개념·시대·물리·심리·공간을 설명하는 언어가 되는가에 대한 이야기였습니다.

1. 건축 색채 설계의 출발점

색채 설계에서 가장 어려운 지점은

“내가 생각한 색과, 상대방이 받아들이는 색 사이의 간극”

• 건축주

• 심의위원

• 행정기관

• 입주민

모두가 같은 도면을 보고도 다른 색을 상상합니다.

그래서 색채 설계는 주관적 취향이 아니라, 설명 가능한 체계가 필요합니다.

2. 공동주택 색채의 시대 변화

① 1970~80년대 : 단일색의 시대

• 대량 공급 중심

• 기능 우선

• 대표 사례: 압구정 현대아파트

  • 6,000세대 이상

  • 색상은 단 하나, 황토색

  • “사람은 흙을 밟고 살아야 한다”는 철학

👉 동일배색(단일색 배색)

② 1990~2000년대 : 브랜드·대조배색의 시대

• 분양가 자유화

• 아파트 = 주거 + 문화

• 건설사 브랜드 경쟁

이 시기부터

• 3색 이상

• 강한 색 대비

• 외관에서 브랜드를 인식하게 만드는 전략

👉 대조배색(다색 배색)

③ 2015년 이후 : 프리미엄·절제의 시대

• 색을 줄이고

• 명도·톤·재료·조명으로 차별화

• 하이엔드 주거 이미지

👉 유사배색 + 저채도 + 저명도

색을 안 쓰는 것이 아니라

“색을 절제하는 전략”입니다.

3. 건축 색채의 3가지 기본 배색 유형

① 동일배색

• 색상 1개

• 명도·톤만 변화

• 형태·빛·질감 강조

✔ 안정감

✔ 매스 강조

✔ 고급·정제된 이미지

② 유사배색

• 색상환에서 가까운 2~3색

• 질서·안정·차분

✔ 주거·학교·공공시설에 적합

✔ 실패 확률 낮음

③ 대조배색

• 색상 간격 120~180도

• 역동·강렬·상징성

✔ 포인트에는 효과적

❌ 과하면 혼란

👉 3색 이상부터는 전문가도 난이도 급상승

4. 톤 온 톤 / 톤 인 톤의 이해

▪ 톤 온 톤 (Tone on Tone)

• 같은 색

• 명도만 변화

👉 차분하고 고급스러움

▪ 톤 인 톤 (Tone in Tone)

• 같은 톤

• 색상만 변화

👉 부드럽고 통일감 있는 공간

✔ 동일·유사배색의 실무 핵심 기법

5. 색을 결정하는 물리적 원리 (아주 중요)

색은 물체 자체가 아니라

👉 빛 + 물체 + 시각의 결과입니다.

같은 색이 다르게 보이는 이유

• 자연광 / 형광등 / LED

• 낮 / 밤

• 배경색

• 그림자

• 면적

👉 그래서 시편과 실제 시공 결과는 반드시 다를 수밖에 없음

6. 인간의 눈과 색채 인지

▪ 색보다 먼저 인지되는 것

👉 밝기(명도)

• 색을 보는 원추세포는 중심부에만 존재

• 대부분의 경우 우리는

  • “무슨 색이다”보다

  • “밝다 / 어둡다”를 먼저 느낌

✔ 색채 설계에서 명도 조절이 가장 중요

▪ 프루키네 현상

• 밤에는 초록색이 가장 잘 보임

• 낮에는 노란색이 가장 인지도가 높음

👉 비상유도, 피난, 안내 사인은 녹색 계열이 합리적

7. 명도 · 채도 · 색상 중 무엇이 중요한가?

색상보다 중요한 것은 명도와 채도

• 명도: 밝기

• 채도: 선명도

✔ 면적이 커질수록

→ 명도·채도가 올라가 보임

👉 그래서 대면적 색은 반드시 시편보다 더 어두운 색을 써야 동일하게 보임

8. 먼셀(Munsell) 체계의 실무적 의미

실제 설계·행정·시공에서는

• 색 이름 ❌

• 감각 표현 ❌

👉 **먼셀 기호(OY 8/1 등)**로만 소통

예:

• 2.5Y 8/1

  → 밝은 노란 기 + 매우 낮은 채도

  → 아이보리

✔ 색은 “느낌”이 아니라 좌표

9. 대비 효과와 면적 효과

▪ 대비 효과

• 같은 색도

• 주변 색에 따라 전혀 다르게 보임

▪ 면적 효과

• 작은 면적 → 차분

• 큰 면적 → 밝고 선명

👉 모델하우스와 실제 외벽이 다르게 보이는 이유

10. 웜(Warm) & 쿨(Cool)의 함정

같은 색이라도

• 웜 그레이

• 쿨 그레이

이미지는 완전히 달라짐

❗ 강조색이 쿨인데 보조색이 웜이면

→ 전체 이미지 붕괴

✔ 하나의 공간에서는

웜/쿨 방향을 반드시 통일

11. 색이 만드는 공간의 심리

• 빨강: 시간 빠름, 긴장, 이탈

• 파랑: 안정, 체류, 집중

• 노랑: 주목, 가시성

• 다크톤: 중량감, 프리미엄

• 저채도: 고급, 절제

👉 그래서

• 카페에 빨강 ❌

• PC방에 파랑 ⭕

12. 색은 ‘주관’이 아니라 ‘설명 가능한 언어’

색채 설계는

• 감각이 아니라

• 논리

• 근거

• 설명

을 가져야 합니다.

건축에서 색은

“건축의 마지막 장식”이 아니라

건축 개념을 외부로 번역하는 언어

강의의 핵심 한 문장

색은 감각이 아니라 구조이며,

건축 색채는 취향이 아니라 설계다.

#건축색채

#색채설계

#건축디자인

#건축강의

#컬러디자인

#건축사

#공동주택디자인

옆집CEO-보통 사람들의 돈 버는 이야기이(가) 태그된 제품에 대해 수수료를 받습니다.

오늘 영상에서는 쇼핑 쇼츠로 돈 벌고 계시는 콘텐츠농부 대표님을 인터뷰 하였습니다. 대표님께서는 19살 페이스북 페이지 운영을 시작으로 콘텐츠 세계에 입문해 10년 이상 콘텐츠를 통해 수익화를 하고 계시다고 하는데요. 오늘 영상에서는 요즘 핫한 쇼핑 쇼츠를 이용해 어떻게 돈을 벌고 계신지를 중점으로 말씀해주셨습니다.

• 촬영이나 얼굴 공개 없이 수익화 하는 방법

• 저작권 걱정 없는 영상 찾는 방법

• 쇼핑 쇼츠로 수익화 하는 방법

• 쇼핑 쇼츠로 돈 벌기 위한 실무 팁

• 구독자 1만 달성 안해도 쇼핑쇼츠로 돈 버는 방법

자세한 내용을 영상을 통해 확인해보세요!

쇼핑 쇼츠, 콘텐츠 커머스의 흐름을 읽다

짧은 영상으로 제품을 소개하고 수수료를 받는 구조가 어떻게 하나의 사업 모델로 자리잡았는지 정리합니다.

쇼핑 쇼츠 수익 구조의 핵심

쇼핑 쇼츠는 짧은 영상 안에 제품 정보와 구매 링크를 함께 노출해, 시청자가 영상을 보다가 바로 구매로 이어지도록 설계된 콘텐츠 형태입니다. 크리에이터는 제휴 마케팅 방식으로 판매가 발생할 때마다 일정 수수료를 받는 구조가 일반적이며, 얼굴 노출이나 별도 스튜디오 없이도 저작권 문제가 없는 소스를 활용해 제작할 수 있다는 점이 진입장벽을 낮춘 요인입니다. 다만 알고리즘 노출과 트렌드에 따라 수익 편차가 크기 때문에, 특정 카테고리에 대한 이해와 꾸준한 업로드 빈도가 결과를 좌우합니다.

시작 전에 점검해야 할 것들

구독자 수가 적어도 수익화가 가능한 구조이긴 하지만, 저작권 이슈와 제휴 마케팅 관련 표시 의무 등 지켜야 할 규정이 있습니다. 사업으로 확장하려면 세금 신고와 정산 구조까지 미리 파악해두는 것이 안전합니다.

부산시가 16일 오후 7시 30분에 열리는 제10회 부산원도심활성화축제 <택슐랭>의 오픈 세리머니 장소를 우천 예보로 인해 부산항국제전시컨벤션센터로 변경했다고 밝혔다.

당초 부산역 광장에서 진행될 예정이었으나, 부산항국제전시컨벤션센터에서 실내 구성으로 진행된다.

오픈 세리머니는 사전 예약자만 입장할 수 있으며, 사전 예약자 150명에게는 변경사항이 개별적으로 공지됐다.

이날 행사는 '택슐랭 가이드북'에 선정된 로컬 맛집에 대한 시상식과, 택슐랭 한정 신메뉴를 오감으로 즐기는 다이닝 코스로 구성된다.

택슐랭 한정 신메뉴는 2024 택슐랭 가이드에 선정된 ‘고관함박’과 미쉐린가이드 레스토랑 ‘램지’의 이규진 셰프가 협업해 개발했다. 축제 이후 한 달간 ‘고관함박’ 매장에서 맛볼 수 있다.

오프닝 공연으로 뮤지컬팀 ‘세레나데’의 공연도 진행될 예정이다.

오는 17일부터 18일까지 준비된 체험·참여 프로그램 ▲미션도보투어(입맛상회) ▲시장 직배송 쿠킹클래스 ▲원도심 야경포차 ▲택슐랭 가이드 택시 등은 변동 없이 예정대로 진행된다.

한편, 시는 지난 14일 '택슐랭 가이드북'을 기존 일정보다 앞당겨 배포했다.

10년 이상 경력의 노련한 택시기사 250여 명의 설문조사와 시민추천을 바탕으로 엄선된 맛집과 명소, 기사 인터뷰, 운전꿀팁, 택슐랭 한정 메뉴 정보 등이 담겼다.

김현재 부산시 관광마이스국장은 “안전하고 쾌적한 관람을 위해 택슐랭 오픈 세리머니 장소를 변경했다. 시민 여러분의 이해와 양해를 부탁드린다”라며, “사전 예약에 참여해 주신 모든 분께 감사드리며, 변경된 장소에서 다채로운 미식 경험을 선사할 수 있도록 최선을 다하겠다”라고 전했다.