소개
시도하고자 했던 것과 그 이유를 알려주세요.
지난번 완성된 홈페이지가 많은 수정도 필요하고 어차피 완성해 나가야 하므로 계속 진행해 봤습니다. 이번엔 웹빌더에게 동일한 프롬프트 및 작성된 코드, 수정사항을 계속 주면서 고쳐나가 봐써요.
진행 방법
어떤 도구를 사용했고, 어떻게 활용하셨나요?
웹빌더: Lovable, v0, Trae, Same
Cursor
각각의 LLM 모델별로 "동일한 프롬프트"로 출력내용을 비교하고 종합하여 가장 잘 작성된 브랜드맵과 PRD 내용으로, 그걸 MIX해서 웹빌더에 내용을 전달했어요. 근데 생각보다는 결과가 만족스럽지는 않네요... 제대로된 브랜딩과 마케팅을 해내는 작업은 험난하고 힘들지만, 그래도 AI가 많은 도움을 줘서 내 생각과 머리속을 더 탐험하라는 여행가J님의 조언으로 STP부터 다시 고객의 여정을 그려보며 아이디어를 더 세분화하고 있어요..... 브랜딩만으로도 몇달은 걸릴듯 같네요.... 언제 마케팅 자동화까지 이루어낼지..ㅎㅎㅎ
Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.
(프롬프트)
첨부한 문서(브랜드맵 & PRD)를 바탕으로 "TSI 클린룸입자계수기" 홈페이지를 제작할 코드 블럭을 만들어 주세요. 작성은 아래 지침에 따라 기술 스택을 바닐라Javascript와 기본적인 Plian CSS만 사용하여 구성하도록 수정하여 홍보용 홈페이지 설계하세요.
확인사항: !!문서 안에 수정사항을 체크하여 반드시 수정!!하고, Task master mcp와 Figma mcp, puppteer mcp, Firecrawl mcp를 사용하여 문서 링크 안에 내용과 이미지, "https://tsi.com" 사이트에서 이미지와 장비 사양, 응용분야, 기술 백서를 참고하여 홍보 관련 장비의 내용을 보완해 주세요. 최신 과학 계측 기술을 가진 글로벌 기업 이미지로 부각되는 화려하고 세련된 시각화를 Figma mcp를 사용하여 UI/UX 최적화 하여 구현 설계하세요. 설계한 것을 직접 구현이 가능하도록 배포할 수 있는 코드를 Vallila Javascript와 Plain CSS 기술 스택으로 각각을 "코드블럭"으로 출력하세요!!**
첨부한 문서의 링크는 아래와 같습니다.
---
TSI 클린룸입자계수기 웹사이트="https://tsi.com/products/cleanroom-particle-counters""
"https://docs.google.com/document/d/1rxleOOofOw3WcogwDnDnU4uGRH-1zrJUj3IEbPJ2wZ0/edit?tab=t.0"
"https://docs.google.com/document/d/1SpW4a9lF0xYJZcyH9Tw5tYSR6fzfFZ6gnUWCQjNe_QA/edit?tab=t.0"
"https://g.co/gemini/share/e7b655f97073"
https://g.co/gemini/share/bec07addfc11
---
-
**수정사항:
1. 첫페이지 상단 우측에는 메인 제품인 BioTrak(Cleanroom Particle Counters)을 이미지 시각화(제품사진이 차례로 롤링 또는 3D구현되게)하여 홍보하고
TSI 로고와 제품 이미지를 제품 모델에 맞추어 최신 과학 계측기 회사답게 시각화하여 삽입할 것.
2. 아래 내용의 "회사 소개 페이지"를 맨아래 하단에 별도로 만들어서 추가하고 카피라이팅도 시각화할 것.
3. 페이지 중간에 '기술지원 및 서비스"에서 "24/7 지원"은 삭제하고 3가지 내용만 재배치할 것.
---
** 회사소개: 위딘비즈랩(주)
- 브랜드 철학: 위딘비즈랩(Within Biz Lab)이라는 이름은 ‘With + Win’ 정신에서 유래되었습니다. ‘함께(win) 성공하는 비즈니스를 만든다’는 의미로, 파트너들과 윈윈(Win-Win)하는 협력의 가치를 담고 있습니다. 또한 Biz + Lab이라는 단어 결합을 통해 AI 기반 혁신 비즈니스를 실험하고 연구하는 조직임을 나타냅니다. 우리는 이러한 With + Win 철학 아래 고객과 파트너 모두의 성공을 도모하는 기업 문화를 지향합니다.
- 핵심 가치: 위딘비즈랩은 혁신(Innovation), 신뢰(Trust), 협력(Collaboration)의 가치를 중시합니다. 혁신적인 사고로 새로운 솔루션을 창출하고, 의료와 관련된 민감한 데이터를 다루는 만큼 신뢰성과 윤리를 최우선으로 하며, 병원·기업·정부 등 다양한 파트너들과의 협력을 통해 건전한 헬스케어 생태계를 조성합니다.
* 비전 및 핵심 사업 영역
위딘비즈랩은 제약 바이오 반도체 산업에 필수인 첨단 계측시스템인 "TSI 클린룸시스템" 제품을 한국 정식에이전시로서 전문적으로 판매 및 기술지원을 합니다.
또한, 첨단 IT기술과 혁신적 비즈니스 모델로 병원, 환자, 산업을 연결하는 허브 역할을 지향합니다.
위딘비즈랩은 현재 세 가지 핵심 사업 영역을 중심으로 포트폴리오를 구성하고 있습니다. 각 사업은 독립적이면서도 상호 보완적으로 시너지를 내도록 설계되었습니다.
TSI BioTrak 실시간 미생물 검출기 – 위딘비즈랩이 국내 독점 공급을 추진 중인 첨단 장비
(1) TSI 환경계측기 유통: 미국 TSI社의 다양한 환경·산업 계측 장비를 국내에 유통하는 전문 B2B 사업입니다. 주요 제품에는 BioTrak (실시간 미생물 검출기), AeroTrak (클린룸 입자측정기), DustTrak (분진 농도 측정기), SidePak (개인용 에어로졸 모니터), VelociCalc (공기 유속/유량 측정기) 등이 있습니다. 주요 고객은 제약회사, 바이오텍 스타트업, 국가 연구기관, 대학 실험실 등으로 신약 개발이나 품질관리(QC) 과정에서 청정한 실험 환경 모니터링이 필수적인 곳들입니다. 위딘비즈랩은 이들에게 정확하고 신뢰도 높은 계측 솔루션을 제공하며, 향후 TSI사와 협력하여 한국 시장 독점 대리점 지위를 확보할 계획입니다. 이를 통해 장비 판매부터 유지보수, 사용자 교육까지 책임지 는 토털 서비스 프로바이더로 도약하고자 합니다.
(2) 병원 디지털 마케팅 및 보험청구 자동화 솔루션: 병원을 위한 종합 디지털 솔루션 패키지 사업입니다. 여기에는 병원 맞춤형 디지털 마케팅 대행 서비스, 병원 업무를 지원하는 SaaS 소프트웨어 개발/공급, 환자 편의를 높이는 AI 기반 실손보험 자동청구 시스템, 그리고 환자관계관리(CRM) 시스템 구축이 포함됩니다. 이 사업을 통해 국내 병의원의 디지털 역량 강화와 행정 업무 자동화, 더 나은 환자 서비스를 동시에 달성하는 것을 목표로 합니다.
(3) K-콘텐츠 기반 글로벌 의료관광 플랫폼: 한국의 의료 서비스와 한류(K-Culture)를 결합한 혁신적인 플랫폼 사업입니다. 전 세계 환자들이 한국을 방문해 의료 서비스를 받으며 동시에 관광과 문화를 즐길 수 있도록, 온라인 통합 플랫폼을 구축하고 있습니다. 사용자는 플랫폼을 통해 한국의 병원 및 의료 상품을 검색·비교하고, 상담 예약과 결제를 한곳에서 진행할 수 있습니다. 동시에 항공, 숙박, 관광 상품까지 한 번에 예약 가능한 원스톱(one-stop) 서비스를 제공합니다. K-POP, K-뷰티, K-푸드 등 한류 콘텐츠의 인기를 의료 관광 수요와 연결하기 위해, 세계한인무역협회(OKTA), 문화체육관광부, 한국관광공사, 한국의료관광협회, KOTRA 등과 협력하고 있으며 국내 유수 병원 및 여행업체들과 파트너십을 맺어 사업을 추진 중입니다. 향후 의료, 여행, 쇼핑이 결합된 글로벌 헬스케어 이커머스 플랫폼으로의 확장을 비전으로 갖고 있습니다.
* 위딘비즈랩(주): https://withwinbiz.com
- 주소: 인천광역시 연수구 컨벤시아대로 165, 포스코타워송도 26층 브이721호
- 제품문의 및 상담: 010-6318-xxxx
- 이메일: [email protected]
- 업무시간 : 월 - 금: 9:00 - 18:00
* 기술지원: 02-2688-1684
새한정밀측정기기: https://saehanmi.co.kr
- 이메일: [email protected], [email protected]
* 위딘비즈랩(주)은 미국 첨단계측기 제조사인 TSI 제품을 브랜딩 하기 위해 "새한정밀측정기기"가 출자한 법인 회사입니다.
* TSI Products에 대한 모든 기술자료 및 제품 문의는 위딘비즈랩이 해결해 드리겠습니다.
Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.
Lovable 제작링크
https://tsi-web-flow.lovable.app/
다시 러버블 수정 링
https://tsi-cleanroom-hub.lovable.app/#contact
v0 제작 링크
https://v0.dev/chat/tsi-website-redesign-nTBFTv7ruj6
Trae 제작 링크
https://5173-wycryruhxjfqjzrzveiajznjulprkmrt.preview.same-app.com/
Same 제작 링크
https://5173-wycryruhxjfqjzrzveiajznjulprkmrt.preview.same-app.com/
Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TSI 클린룸 입자 계수기 - 위딘비즈랩(주)</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="container">
<div class="logo-container">
<img src="images/tsi-logo.png" alt="TSI Logo" id="tsi-logo">
<h1>TSI 클린룸 입자 계수기</h1>
</div>
<nav>
<ul>
<li><a href="#products">제품</a></li>
<li><a href="#solutions">솔루션</a></li>
<li><a href="#support">기술 지원</a></li>
<li><a href="#contact">문의</a></li>
<li><a href="#company-intro">회사 소개</a></li>
</ul>
</nav>
<div class="main-product-showcase">
<!-- BioTrak 이미지 롤링 또는 3D 구현 공간 -->
<img src="images/BioTrak Real-Time Viable Particle Counter.png" alt="BioTrak 실시간 미생물 검출기" id="main-biotrak-image">
<p>BioTrak® Real-Time Viable Particle Counter</p>
</div>
</div>
</header>
<main>
<section id="hero">
<div class="container">
<h2>정밀도와 신뢰성의 기준, TSI 입자 계수기</h2>
<p>생명과학, 반도체, 제약 산업의 클린룸 환경을 위한 최첨단 모니터링 솔루션</p>
<a href="#contact" class="cta-button">제품 문의하기</a>
</div>
</section>
<section id="products">
<div class="container">
<h2>주요 제품군</h2>
<div class="product-grid">
<div class="product-item">
<img src="images/BioTrak Real-Time Viable Particle Counter.png" alt="BioTrak 실시간 미생물 검출기">
<h3>BioTrak® 실시간 미생물 검출기</h3>
<p>실시간으로 부유 미생물 입자를 감지하여 즉각적인 환경 관리가 가능합니다.</p>
</div>
<div class="product-item">
<img src="images/AeroTrak Portable Particle Counter.png" alt="AeroTrak+ 휴대용 입자 계수기">
<h3>AeroTrak®+ 휴대용 입자 계수기</h3>
<p>가볍고 사용하기 쉬우며, 다양한 환경에서 정밀한 입자 측정을 제공합니다.</p>
</div>
<div class="product-item">
<img src="images/AeroTrak Handheld Particle Counter_small.png" alt="AeroTrak 핸드헬드 입자 계수기">
<h3>AeroTrak® 핸드헬드 입자 계수기</h3>
<p>간편하게 휴대하며 특정 지점의 입자 오염도를 신속하게 파악할 수 있습니다.</p>
</div>
<div class="product-item">
<img src="images/AeroTrak+ Portable Particle Counter.png" alt="클린룸 모니터링 시스템 (AeroTrak+)">
<h3>클린룸 모니터링 시스템</h3>
<p>시설 전체의 환경을 지속적으로 감시하고 데이터를 기록/관리합니다. (예: AeroTrak+ 활용)</p>
</div>
<div class="product-item">
<!-- Placeholder for Remote Active Air Sampler - User to provide image -->
<img src="images/remote-sampler-placeholder.svg" alt="원격 부유균 샘플러">
<h3>원격 부유균 샘플러</h3>
<p>중요 관리 구역의 미생물 샘플링을 자동화하고 원격으로 제어합니다.</p>
</div>
</div>
</div>
</section>
<section id="solutions">
<div class="container">
<h2>핵심 기술 및 응용 분야</h2>
<ul>
<li>정밀도와 신뢰성이 입증된 계측 기술</li>
<li>생명과학, 반도체, 제약, 클린룸 산업 분야의 글로벌 표준</li>
<li>실시간 모니터링 및 FDA/EU GMP 기준에 부합하는 성능</li>
<li>사용자 친화적 UI/UX와 다양한 설치 옵션</li>
</ul>
<p>TSI의 입자 계수기는 제약 및 생명공학 제조 시설, 반도체 클린룸, 병원 수술실, 연구소 등 고도의 청정 환경이 요구되는 모든 곳에서 활용됩니다.</p>
</div>
</section>
<section id="support">
<div class="container">
<h2>기술 지원 및 서비스</h2>
<div class="support-items">
<div class="support-item">
<h3>전문가 컨설팅</h3>
<p>고객 환경에 최적화된 솔루션 선정 및 적용에 대한 전문 상담을 제공합니다.</p>
</div>
<div class="support-item">
<h3>교정 및 수리 서비스</h3>
<p>정기적인 장비 교정 및 신속한 수리 서비스를 통해 최상의 성능을 유지합니다.</p>
</div>
<div class="support-item">
<h3>교육 및 기술 자료</h3>
<p>제품 사용법 교육 및 관련 기술 자료를 제공하여 사용자의 이해를 돕습니다.</p>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<h2>문의하기</h2>
<p>TSI 클린룸 입자 계수기 및 관련 솔루션에 대해 궁금한 점이 있으시면 언제든지 문의해주세요.</p>
<form id="contact-form">
<label for="name">이름:</label>
<input type="text" id="name" name="name" required>
<label for="email">이메일:</label>
<input type="email" id="email" name="email" required>
<label for="company">회사명:</label>
<input type="text" id="company" name="company">
<label for="message">문의 내용:</label>
<textarea id="message" name="message" rows="5" required></textarea>
<button type="submit" class="cta-button">문의 제출</button>
</form>
</div>
</section>
<section id="company-intro">
<div class="container">
<h2>회사 소개: 위딘비즈랩(주)</h2>
<div class="company-info-grid">
<div class="company-section">
<h3>브랜드 철학</h3>
<p><strong>위딘비즈랩(Within Biz Lab)</strong>이라는 이름은 ‘With + Win’ 정신에서 유래되었습니다. ‘함께(win) 성공하는 비즈니스를 만든다’는 의미로, 파트너들과 <strong>윈윈(Win-Win)</strong>하는 협력의 가치를 담고 있습니다. 또한 Biz + Lab이라는 단어 결합을 통해 AI 기반 혁신 비즈니스를 실험하고 연구하는 조직임을 나타냅니다. 우리는 이러한 With + Win 철학 아래 고객과 파트너 모두의 성공을 도모하는 기업 문화를 지향합니다.</p>
</div>
<div class="company-section">
<h3>핵심 가치</h3>
<p>위딘비즈랩은 <strong>혁신(Innovation), 신뢰(Trust), 협력(Collaboration)</strong>의 가치를 중시합니다. 혁신적인 사고로 새로운 솔루션을 창출하고, 의료와 관련된 민감한 데이터를 다루는 만큼 신뢰성과 윤리를 최우선으로 하며, 병원·기업·정부 등 다양한 파트너들과의 협력을 통해 건전한 헬스케어 생태계를 조성합니다.</p>
</div>
</div>
<h3>비전 및 핵심 사업 영역</h3>
<p>위딘비즈랩은 제약 바이오 반도체 산업에 필수인 첨단 계측시스템인 "TSI 클린룸시스템" 제품을 한국 정식에이전시로서 전문적으로 판매 및 기술지원을 합니다. 또한, 첨단 IT기술과 혁신적 비즈니스 모델로 병원, 환자, 산업을 연결하는 허브 역할을 지향합니다.</p>
<p>위딘비즈랩은 현재 세 가지 핵심 사업 영역을 중심으로 포트폴리오를 구성하고 있습니다. 각 사업은 독립적이면서도 상호 보완적으로 시너지를 내도록 설계되었습니다.</p>
<h4>(1) TSI 환경계측기 유통</h4>
<p>미국 TSI社의 다양한 환경·산업 계측 장비를 국내 에 유통하는 전문 B2B 사업입니다. 주요 제품에는 BioTrak (실시간 미생물 검출기), AeroTrak (클린룸 입자측정기), DustTrak (분진 농도 측정기), SidePak (개인용 에어로졸 모니터), VelociCalc (공기 유속/유량 측정기) 등이 있습니다. 주요 고객은 제약회사, 바이오텍 스타트업, 국가 연구기관, 대학 실험실 등으로 신약 개발이나 품질관리(QC) 과정에서 청정한 실험 환경 모니터링이 필수적인 곳들입니다. 위딘비즈랩은 이들에게 정확하고 신뢰도 높은 계측 솔루션을 제공하며, 향후 TSI사와 협력하여 한국 시장 독점 대리점 지위를 확보할 계획입니다. 이를 통해 장비 판매부터 유지보수, 사용자 교육까지 책임지는 토털 서비스 프로바이더로 도약하고자 합니다.</p>
<h4>(2) 병원 디지털 마케팅 및 보험청구 자동화 솔루션</h4>
<p>병원을 위한 종합 디지털 솔루션 패키지 사업입니다. 여기에는 병원 맞춤형 디지털 마케팅 대행 서비스, 병원 업무를 지원하는 SaaS 소프트웨어 개발/공급, 환자 편의를 높이는 AI 기반 실손보험 자동청구 시스템, 그리고 환자관계관리(CRM) 시스템 구축이 포함됩니다. 이 사업을 통해 국내 병의원의 디지털 역량 강화와 행정 업무 자동화, 더 나은 환자 서비스를 동시에 달성하는 것을 목표로 합니다.</p>
<h4>(3) K-콘텐츠 기반 글로벌 의료관광 플랫폼</h4>
<p>한국의 의료 서비스와 한류(K-Culture)를 결합한 혁신적인 플랫폼 사업입니다. 전 세계 환자들이 한국을 방문해 의료 서비스를 받으며 동시에 관광과 문화를 즐길 수 있도록, 온라인 통합 플랫폼을 구축하고 있습니다. 사용자는 플랫폼을 통해 한국의 병원 및 의료 상품을 검색·비교하고, 상담 예약과 결제를 한곳에서 진행할 수 있습니다. 동시에 항공, 숙박, 관광 상품까지 한 번에 예약 가능한 원스톱(one-stop) 서비스를 제공합니다. K-POP, K-뷰티, K-푸드 등 한류 콘텐츠의 인기를 의료 관광 수요와 연결하기 위해, 세계한인무역협회(OKTA), 문화체육관광부, 한국관광공사 한국의료관광협회, KOTRA 등과 협력하고 있으며 국내 유수 병원 및 여행업체들과 파트너십을 맺어 사업을 추진 중입니다. 향후 의료, 여행, 쇼핑이 결합된 글로벌 헬스케어 이커머스 플랫폼으로의 확장을 비전으로 갖고 있습니다.</p>
<div class="contact-info-section">
<h4>위딘비즈랩(주) 연락처</h4>
<p>웹사이트: <a href="https://withwinbiz.com" target="_blank">https://withwinbiz.com</a></p>
<p>주소: 인천광역시 연수구 컨벤시아대로 165, 포스코타워송도 26층 브이721호</p>
<p>제품문의 및 상담: 010-6318-5880</p>
<p>이메일: <a href="mailto:[email protected]">[email protected]</a></p>
<p>업무시간 : 월 - 금: 9:00 - 18:00</p>
</div>
<div class="tech-support-contact">
<h4>기술지원 문의</h4>
<p>전화: 02-2688-1684 (새한정밀측정기기)</p>
<p>웹사이트: <a href="https://saehanmi.co.kr" target="_blank">https://saehanmi.co.kr</a></p>
<p>이메일: <a href="mailto:[email protected]">[email protected]</a>, <a href="mailto:[email protected]">[email protected]</a></p>
</div>
<p class="small-text">* 위딘비즈랩(주)은 미국 첨단계측기 제조사인 TSI 제품을 브랜딩 하기 위해 "새한정밀측정기기"가 출자한 법인 회사입니다.</p>
<p class="small-text">* TSI Products에 대한 모든 기술자료 및 제품 문의는 위딘비즈랩이 해결해 드리겠습니다.</p>
</div>
</section>
</main>
<footer>
<div class="container">
<p>© <span id="current-year"></span> 위딘비즈랩(주). All rights reserved.</p>
<p>TSI, BioTrak, AeroTrak, DustTrak, SidePak, VelociCalc는 TSI Incorporated의 등록 상표 또는 상표입니다.</p>
<p><a href="https://withwinbiz.com" target="_blank">위딘비즈랩(주)</a> | 사업자등록번호: XXX-XX-XXXXX | 대표: OOO</p>
<p>주소: 인천광역시 연수구 컨벤시아대로 165, 포스코타워송도 26층 브이721호</p>
<p>제품문의: 010-6318-5880 | 이메일: [email protected]</p>
<p>기술지원(새한정밀측정기기): 02-2688-1684</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>
Supabase 연동 배포 이미지.......
supabase 연동이 금방 되진 않아서 여기까지 작업했습니다..
결과확인은 나중에 ㅎㅎㅎ
결과와 배운 점
배운 점과 나만의 꿀팁을 알려주세요.
웹빌더가 너무 많지만, 그래도 무료로 쓸 수 있는 Lovable, v0, Trae, Same 등을 써봤어요
진짜 시간과 노력이 필요합니다......헉헉!!
@느낀점은
v0가 더 파봐야겠지만,,,, 많은 기능들이 내장되어 있어요.... 일단, 처음엔 잘 만들어 줍니다.
계속 추가로 기능을 알아서 업데이트 할 수 있게 채팅창 위에 기능 클릭할 수 있어 좋았습니다.
미리보기(preview) 우측 상단에 ''' 옆에 "v1~~ v5" 눌러보면 본인이 지금까지 작업한 내용을 다시 볼 수있습니다. (저는 v7까지 수정,,,,,마우스 쥔 손이 저려....) v5이후부터는 preview기능을 더이상 볼 수 없어 중단하였습니다. 점점 실망스러운 결과들이...ㅠㅠ
Lovable은 디자인은 잘 만들어 주는 듯 하지만 세세하게 많이 틀려요... 수정도 지맘대로 하고, 엄청 공들여서 작업해야 왠만한 결과물이 나오는데,,, 무료 이용자는 프롬프트계획을 잘 짜서 넣으세요 ㅋㅋㅋ 시간과 공을 들이면, v0보다 더 나은? 손색없을 결과물이 나옵니다..
Trae는 cursor하고 비슷해요... 피그마mcp, puppteer mcp, firecrawl,,, 등등 mcp maket에서 얼마든지 mcp를 넣어서 사용할 수 있는 것 같습니다... 저는 figma, firecrawl, puppteer mcp만 넣어서 사용했어요.... ((설정하는데 시간 다잡아 먹습니다)) 그래도 한방에 결과물을 줍니다.
Same: 사이트 링크만 주면 똑같이 만들어 준다는데, 혹시 몰라서 프롬프트 동일하게 넣었어요.. 이것도 요물인듯 싶어요... 더 파봐야할 놈입니다.~~
과정 중에 어떤 시행착오를 겪었나요?
도움이 필요한 부분이 있나요?
앞으로의 계획이 있다면 들려주세요.
(내용 입력)
도움 받은 글 (옵션)
참고한 지피터스 글이나 외부 사례를 알려주세요.
(내용 입력)
