From e614c73e00d10d821944d0f5c0d6e3c111954eb0 Mon Sep 17 00:00:00 2001 From: gahusb Date: Thu, 2 Apr 2026 00:36:46 +0900 Subject: [PATCH] =?UTF-8?q?redesign:=20=ED=99=88=ED=8E=98=EC=9D=B4?= =?UTF-8?q?=EC=A7=80=20=EC=A0=84=EB=A9=B4=20=EB=A6=AC=EB=89=B4=EC=96=BC=20?= =?UTF-8?q?=E2=80=94=20AI=20=ED=85=9C=ED=94=8C=EB=A6=BF=20=ED=8C=A8?= =?UTF-8?q?=ED=84=B4=20=EC=A0=9C=EA=B1=B0,=20=EC=97=90=EB=94=94=ED=86=A0?= =?UTF-8?q?=EB=A6=AC=EC=96=BC=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit [제거] - gradient orbs 배경 장식 전면 제거 - Bento 그리드 레이아웃 제거 - 가짜 통계 (47+, 98% 만족도) 제거 - 가짜 고객 후기 제거 - Tech stack 무한 마퀴 제거 [추가] - 에디토리얼 헤로 (좌측 정렬, 개인 목소리) - 박재오 personal story 섹션 (7년 경력 구체화) - 고객 pain points 섹션 (SVG 아이콘 기반) - 약속 3가지 에디토리얼 행 구조 - 실제 운영 서비스 증거 섹션 (live 링크) - 서비스 목록 테이블형 에디토리얼 레이아웃 - 무료 이벤트 + CTA 통합 섹션 Co-Authored-By: Claude Sonnet 4.6 --- app/page.tsx | 1193 +++++++++++++++++++++++--------------------------- 1 file changed, 559 insertions(+), 634 deletions(-) diff --git a/app/page.tsx b/app/page.tsx index 0ad5060..5f38696 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -4,210 +4,168 @@ import { useState } from 'react'; import Link from 'next/link'; import ContactModal from './components/ContactModal'; -/* ────────────────────────────────────────────── - Spring easing: cubic-bezier(0.16, 1, 0.3, 1) - 모든 인터랙티브 요소에 일관 적용 -─────────────────────────────────────────────── */ +/* ═══════════════════════════════════════════════════ + 쟁승메이드 홈페이지 — 리뉴얼 v2 + 설계 원칙: + 1. AI 템플릿 패턴 전면 제거 (orbs, bento, marquee) + 2. 박재오라는 사람이 직접 쓴 느낌 + 3. 증거 우선 — running services, 실제 계약 조건 + 4. 에디토리얼 레이아웃 — 타이포 중심 +═══════════════════════════════════════════════════ */ -const TRUST_POINTS = [ +const PAIN_POINTS = [ { - id: 'contract', - size: 'lg', // 2-col span icon: ( - - + + ), - label: '계약서 먼저, 개발 나중', - desc: '구두 약속 없습니다. 계약금 30%, 중도금, 잔금으로 단계별 진행. 납기 지연 시 하루 10만 원 자동 감면.', - accent: 'blue', - highlight: '납기 지연 → 하루 10만원 패널티', + problem: '중간에 연락이 끊겼다', + desc: '착수금 받고 잠수, 완성 직전에 추가비용 요구. 개발자를 다시 찾아야 하는 상황.', + color: 'text-red-400 bg-red-400/10', }, { - id: 'source', - size: 'sm', icon: ( - + + + + ), + problem: '납기를 3번 넘겼다', + desc: '"다음 주까지 드릴게요"가 두 달 됐다. 런칭 일정이 전부 밀렸다.', + color: 'text-amber-400 bg-amber-400/10', + }, + { + icon: ( + ), - label: '소스코드 100% 인도', - desc: '납품 후 모든 소스코드를 전달합니다. 락인 없음.', - accent: 'violet', - highlight: null, + problem: '소스코드를 못 받았다', + desc: '납품 후 수정이 필요한데 코드를 주지 않는다. 다음 개발자도 이어받을 수 없는 상황.', + color: 'text-violet-400 bg-violet-400/10', }, { - id: 'as', - size: 'sm', icon: ( - - + + ), - label: '1개월 무상 AS', - desc: '납품 후 1개월간 버그 수정 무료. 평생 유지보수 계약도 가능.', - accent: 'emerald', - highlight: null, - }, - { - id: 'reply', - size: 'sm', - icon: ( - - - - ), - label: '24시간 이내 견적', - desc: '문의 후 평균 3.8시간 이내 답변. 주말·공휴일 포함.', - accent: 'amber', - highlight: null, - }, - { - id: 'report', - size: 'sm', - icon: ( - - - - ), - label: '주 1회 진행 보고', - desc: '매주 개발 현황을 공유합니다. 중간에 사라지는 일 없음.', - accent: 'cyan', - highlight: null, + problem: '뭘 만들고 있는지 모른다', + desc: '중간 보고가 없어서 방향이 맞는지 모른다. "다 되면 연락 준다"는 말만 반복.', + color: 'text-cyan-400 bg-cyan-400/10', }, ]; -const PROOF_SERVICES = [ +const PROMISES = [ { - name: '쟁승메이드 (이 사이트)', - badge: '지금 보시는 중', - desc: '로그인·결제·AI 사주·관리자까지 1인 풀스택 개발. 이 사이트 자체가 포트폴리오입니다.', - href: '/freelance', - color: 'from-blue-500/20 to-blue-600/5', - dot: 'bg-blue-400', - tag: '풀스택 · Next.js · Supabase', - accentColor: 'text-blue-400', + number: '01', + title: '계약서부터 씁니다', + detail: '착수 전에 범위·금액·납기·수정 횟수를 문서로 확정합니다. 구두 약속은 없습니다.', + enforce: '납기 지연 시 하루 총금액 1% 자동 차감 — 계약서 조항', + color: 'border-blue-500/40', + accent: 'text-blue-400', }, { - name: 'AI 사주 분석 서비스', - badge: '운영 중', - desc: '생년월일 입력 → AI가 사주팔자 12가지 항목을 즉시 분석. 4,900원 단건 결제.', - href: '/saju', - color: 'from-violet-500/20 to-violet-600/5', - dot: 'bg-violet-400', - tag: 'AI · Gemini · 토스페이먼츠', - accentColor: 'text-violet-400', + number: '02', + title: '주 1회 진행 보고를 드립니다', + detail: '매주 개발 현황·화면·이슈를 정리해서 공유합니다. 중간에 사라지는 일은 구조적으로 없습니다.', + enforce: '보고 누락 시 다음 단계 착수 전 보고 완료 후 진행', + color: 'border-emerald-500/40', + accent: 'text-emerald-400', }, { - name: 'AI 자동화 월 구독 키트', - badge: 'NEW', - desc: '업무 일지·이메일·SNS 등 6가지 자동화 도구 월 구독. 매달 새 도구 추가.', - href: '/services/ai-kit', - color: 'from-indigo-500/20 to-cyan-600/5', - dot: 'bg-indigo-400', - tag: '월 구독 · AI 자동화 · 19,900원', - accentColor: 'text-indigo-400', + number: '03', + title: '소스코드 전체를 이관합니다', + detail: '완성된 코드 전부를 드립니다. 락인 없음. 이후 다른 개발자에게 인계, 직접 수정도 가능합니다.', + enforce: '납품 완료 후 30일간 코드 관련 질문 무상 답변', + color: 'border-violet-500/40', + accent: 'text-violet-400', }, ]; -const SUBSCRIPTION_SERVICES = [ +const LIVE_SERVICES = [ { - id: 'ai-kit', - href: '/services/ai-kit', - color: '#4f46e5', - bg: '#eef2ff', - border: '#c7d2fe', - label: 'AI AUTOMATION KIT', - title: 'AI 자동화 키트', - desc: '업무 일지·이메일·SNS 등 6종 도구로 월 27시간 되찾기', - price: '19,900원/월', - type: '월 구독', - badge: 'NEW', - badgeColor: 'bg-indigo-600', - icon: ( - - - - ), + name: '쟁승메이드', + label: '이 사이트', + url: '/freelance', + desc: '기획·디자인·개발·배포·결제·관리자까지 혼자 만들고 직접 운영 중. 이 사이트 자체가 포트폴리오.', + tech: ['Next.js 16', 'Supabase', 'Tailwind', 'Vercel', '토스페이먼츠'], + status: 'live', + color: '#1a56db', }, { - id: 'automation', - href: '/services/automation', - color: '#0891b2', - bg: '#cffafe', - border: '#a5f3fc', - label: 'AI · RPA AUTOMATION', - title: '업무 자동화', - desc: '엑셀·보고서·이메일 반복 업무를 코드로 없애드립니다', - price: '5만원~', - type: '프로젝트', - badge: 'HOT', - badgeColor: 'bg-cyan-600', - icon: ( - - - - - ), - }, - { - id: 'prompt', - href: '/services/prompt', + name: 'AI 사주 분석', + label: '유료 서비스', + url: '/saju', + desc: '생년월일 입력 → Gemini AI가 사주팔자 12항목 즉시 분석. 실제 결제·구매 발생 중.', + tech: ['Google Gemini', 'Supabase', 'PG 연동'], + status: 'live', color: '#7c3aed', - bg: '#ede9fe', - border: '#ddd6fe', - label: 'PROMPT ENGINEERING', - title: '프롬프트 엔지니어링', - desc: 'ChatGPT·Claude 전용 업무 최적화 프롬프트 패키지', - price: '9,900원~', - type: '패키지', - badge: 'SALE', - badgeColor: 'bg-red-500', - icon: ( - - - - ), }, { - id: 'saju', - href: '/saju', - color: '#db2777', - bg: '#fdf2f8', - border: '#fbcfe8', - label: 'AI SAJU ANALYSIS', - title: 'AI 사주 분석', - desc: '생년월일 입력 → AI가 사주팔자 12항목 즉시 분석', - price: '4,900원/건', - type: '단건 구매', - badge: null, - badgeColor: '', - icon: ( - - - - ), + name: 'AI 자동화 키트', + label: '월 구독', + url: '/services/ai-kit', + desc: '업무 일지·이메일·SNS 6종 자동화 도구 구독형 서비스. 매달 새 도구 추가.', + tech: ['월 19,900원', 'API 연동', '자동화'], + status: 'live', + color: '#0891b2', }, ]; -const TECH_STACK = [ - 'Python', 'Java', 'Spring Boot', 'Next.js', 'React', 'TypeScript', - 'PostgreSQL', 'Redis', 'Docker', 'AWS', 'Telegram API', 'FastAPI', - 'Node.js', 'Supabase', 'Vercel', 'Git', -]; - -const STATS = [ - { value: '47+', label: '납품 완료' }, - { value: '7년', label: '개발 경력' }, - { value: '24h', label: '평균 견적 응답' }, - { value: '1개월', label: '무상 AS' }, +const SERVICE_LIST = [ + { + href: '/services/website', + category: 'WEB', + title: '홈페이지 / 쇼핑몰 제작', + desc: '랜딩 페이지, 기업 소개 사이트, 쇼핑몰 신규 구축 및 리뉴얼', + from: '50만원~', + duration: '7일~', + hot: true, + }, + { + href: '/services/automation', + category: 'RPA', + title: '업무 자동화 개발', + desc: '엑셀 처리, 이메일·보고서 자동화, 데이터 수집 스크립트', + from: '5만원~', + duration: '1일~', + hot: true, + }, + { + href: '/services/prompt', + category: 'AI', + title: '프롬프트 엔지니어링', + desc: 'ChatGPT·Claude 업무 최적화 프롬프트 패키지 설계', + from: '9,900원~', + duration: '1~3일', + hot: false, + }, + { + href: '/services/ai-kit', + category: 'KIT', + title: 'AI 자동화 키트 구독', + desc: '완성된 자동화 도구를 월 구독으로. 설치 없이 바로 사용.', + from: '19,900원/월', + duration: '즉시', + hot: false, + }, + { + href: '/saju', + category: 'AI', + title: 'AI 사주 분석', + desc: '생년월일 입력 → AI가 성격·직업·관계·운세를 즉시 분석', + from: '4,900원/건', + duration: '즉시', + hot: false, + }, ]; export default function Home() { const [modalOpen, setModalOpen] = useState(false); return ( -
+
setModalOpen(false)} @@ -223,533 +181,500 @@ export default function Home() { headerTo="#0a2060" /> - {/* ════════════════════════════════ - SECTION 1 — HERO (Split layout) - ════════════════════════════════ */} -
- {/* 배경 그리드 */} + {/* ══════════════════════════════════════ + HERO — 에디토리얼, 단순, 증거 중심 + ══════════════════════════════════════ */} +
+ {/* 배경: 미세한 대각선 패턴만, orbs 없음 */}
- {/* 배경 글로우 */} -
-
-
-
+
+ {/* 수동 작성 느낌의 identity tag */} +
+ + 박재오 · 서울 · 백엔드 개발 7년 + + + + 프로젝트 접수 가능 + +
- {/* ── 좌측: 메인 카피 ── */} -
- {/* 뱃지 라인 */} -
-
- - 현재 프로젝트 접수 가능 -
-
- - AI 자동화 전문 -
-
+ {/* 헤드라인 — 개발 외주 + 구독 서비스 모두 포괄 */} +

+ 아이디어가 있다면, +
+ 만드는 것부터 +
+ + 운영까지 맡기세요. + +

-

- 연락 두절 없는
- - 현직 대기업 개발자 - - 가
- 직접 만들어 드립니다 -

+ {/* 서브텍스트 */} +

+ 7년차 대기업 개발자가 직접 만드는 홈페이지·자동화·AI 서비스. +
+ 지금 이 사이트 자체가 포트폴리오입니다. +

+

+ 연락 두절, 납기 지연, 소스코드 미인도 — 전부 계약서 한 장으로 해결합니다. +

-

- 계약서, 중간 보고, 소스코드 인도, 1개월 무상 AS까지 — 단계마다 증거를 남기는 개발 방식으로 진행합니다. -

-
- -

- AI 자동화 전문 — 반복 업무, 엑셀 처리, 이메일·보고서 자동화를 AI로 없애드립니다. 이 사이트 자체가 제 포트폴리오입니다. -

-
+ {/* CTA */} +
+ + + 포트폴리오 보기 + +
- {/* CTA */} -
- + {/* Live services — stats 대신 실제 운영 서비스 */} +
+

+ 지금 운영 중인 서비스 +

+
+ {LIVE_SERVICES.map((s) => ( - 포트폴리오 보기 → + + {s.name} + {s.label} -
- - {/* Stats */} -
- {STATS.map((s) => ( -
-
{s.value}
-
{s.label}
-
- ))} -
+ ))}
- - {/* ── 우측: 신뢰 카드 ── */} -
-
-
- 현재 운영 서비스 - - - LIVE - -
-
- {PROOF_SERVICES.map((s) => ( - -
-
-
{s.name}
-
{s.tag}
-
- {s.badge} - - ))} -
-
-

직접 방문해서 확인하세요

- - jaengseung-made.com → - -
-
- - {/* 연락처 */} - -
-
- {/* ════════════════════════════════ - SECTION 2 — 신뢰 증거 Bento Grid - ════════════════════════════════ */} -
+ {/* ══════════════════════════════════════ + SECTION 2 — 이런 상황이신가요? + (고객 고통 공감, 신선한 접근) + ══════════════════════════════════════ */} +
-
-

WHY US

-

- 계약서 쓰고, 납기 지키고,
끝까지 책임집니다 -

-

- 개발자에게 맡겼다가 연락 두절된 경험이 있으신가요?
- 쟁승메이드는 단계마다 증거를 남깁니다. +

+
+

+ Client Pain Points +

+

+ 개발자를 구하면 생기는 일 +

+
+

+ 저도 이 문제들이 싫어서 계약 방식을 아예 다르게 설계했습니다.

- {/* Bento Grid */} -
- - {/* 계약서 — 가장 큰 카드 (lg에서 2열 차지) */} -
-
-
-
- - - -
-

계약서 먼저, 개발 나중

-

- 계약금 30%, 중도금, 잔금으로 단계별 진행합니다. 구두 약속은 없습니다. 모든 합의는 서면으로 남깁니다. -

-
- - - - 납기 지연 시 하루 10만 원 자동 감면 +
+ {PAIN_POINTS.map((p) => ( +
+
+
+ {p.icon} +
+
+

{p.problem}

+

+ {p.desc} +

+
-
- - {/* 소스코드 */} -
-
- - - -
-

소스코드 100% 인도

-

납품 후 모든 소스코드를 전달합니다. 특정 플랫폼에 종속되지 않습니다.

-
락인 없음
-
- - {/* 1개월 AS */} -
-
- - - -
-

1개월 무상 AS

-

납품 후 1개월 동안 버그 수정 무료. 이후 평생 유지보수 계약 가능.

-
부담 없는 사후 지원
-
- - {/* 주 1회 보고 */} -
-
- - - -
-

주 1회 진행 보고

-

매주 개발 현황을 공유합니다. 진행 중에 사라지는 일 없음을 보장합니다.

-
투명한 진행
-
- -
- - {/* 외주 CTA */} -
- -
-
외주 개발 포트폴리오 · 프로세스 전체 보기
-
납품 사례 47건 · 진행 프로세스 6단계 상세 안내
-
-
- - - -
- + ))}
- {/* ════════════════════════════════ - SECTION 3 — "직접 만든 서비스가 증거" - ════════════════════════════════ */} -
-
-
+ {/* ══════════════════════════════════════ + SECTION 3 — 박재오는 누구인가 + (bento 그리드 제거, 에디토리얼 대체) + ══════════════════════════════════════ */} +
+
+

+ About +

+
+ {/* 좌측: 스토리 */} +
+

+ 7년간 실제 서비스를 만들었습니다. +
+ 이제 당신의 서비스를 만듭니다. +

+
+

+ 대기업 IT팀에서 백엔드 개발 7년 — 실제 운영되는 서비스의 API 설계, DB 구조, 배포 파이프라인을 직접 다뤘습니다. +

+

+ 지금은 그 경험으로 홈페이지, 자동화 스크립트, AI 연동 서비스를 개인사업자와 중소기업 대상으로 직접 개발합니다. +

+

+ 사업자등록번호 267-53-00822 · 서울시 동작구 · bgg8988@gmail.com +

+
-
-
-

PROOF OF WORK

-

- URL로 직접 확인하세요 + {/* 기술 스택 — 마퀴 아닌 정적 태그 */} +
+

+ Tech Stack +

+
+ {['Next.js', 'TypeScript', 'Python', 'FastAPI', 'PostgreSQL', 'Supabase', 'Docker', 'AWS', 'Spring Boot', 'Redis'].map((t) => ( + + {t} + + ))} +
+
+

+ + {/* 우측: 숫자로 증명 */} +
+ {[ + { + value: '7년', + label: '대기업 백엔드 개발 경력', + sub: '실제 운영 서비스 다수 개발', + color: 'border-blue-500/30', + }, + { + value: '3개', + label: '현재 직접 운영 중인 서비스', + sub: '이 사이트 포함 — 지금 이 순간도 작동 중', + color: 'border-emerald-500/30', + }, + { + value: '100%', + label: '소스코드 이관', + sub: '납품 완료 후 전체 코드 전달, 락인 없음', + color: 'border-violet-500/30', + }, + { + value: '24h', + label: '이내 견적 답변', + sub: '주말·공휴일 포함, 평균 3.8시간', + color: 'border-amber-500/30', + }, + ].map((item) => ( +
+
+ {item.value} + {item.label} +
+

{item.sub}

+
+ ))} +
+
+
+
+ + {/* ══════════════════════════════════════ + SECTION 4 — 약속 3가지 + (bento 제거, 에디토리얼 행 구조) + ══════════════════════════════════════ */} +
+
+
+

+ Guarantee +

+

+ 계약서에 박혀 있는 약속들

-

- 말로만 잘 한다는 게 아닙니다. 지금 이 사이트가 제 실력입니다. +

+ +
+ {PROMISES.map((p, i) => ( +
+ {/* 번호 */} +
+ {p.number} +
+ {/* 내용 */} +
+

{p.title}

+

+ {p.detail} +

+
+ + + + {p.enforce} +
+
+
+ ))} +
+
+
+ + {/* ══════════════════════════════════════ + SECTION 5 — 지금 운영 중인 서비스 + (가짜 후기 대신 실제 증거) + ══════════════════════════════════════ */} +
+
+
+

+ Live Portfolio +

+

+ 직접 만들고 운영 중인 서비스들 +

+

+ 고객 후기보다 확실한 증거입니다. 지금 바로 접속해서 확인하실 수 있습니다.

- {PROOF_SERVICES.map((s) => ( + {LIVE_SERVICES.map((s) => ( - {/* 배경 글로우 */} -
-
-
-
- {s.badge} -
-

{s.name}

-

{s.desc}

-
- {s.tag} - - 보러가기 → + {/* 상단 */} +
+ + + 운영 중 + + + {s.label} + +
+ +

+ {s.name} +

+

+ {s.desc} +

+ + {/* 기술 태그 */} +
+ {s.tech.map((t) => ( + + {t} -
+ ))}
- - ))} -
-
-
- {/* ════════════════════════════════ - SECTION 4 — 구독/설치형 서비스 (보조) - ════════════════════════════════ */} -
-
- {/* 레이블 분리 */} -
-
-
-
-

직접 만들어 운영 중인 구독 · 설치형 서비스

-
-
-
-
- -

- 외주 개발 의뢰가 아닌, 제가 직접 만들고 운영 중인 서비스들입니다.
- "이런 걸 만들어드릴 수 있습니다"의 증거로 공유합니다. -

- -
- {SUBSCRIPTION_SERVICES.map((svc) => ( - - {svc.badge && ( - {svc.badge} - )} - {/* 아이콘 */} -
- {svc.icon} -
- {/* 라벨 */} -
{svc.label}
- {/* 제목 */} -
{svc.title}
- {/* 설명 */} -

{svc.desc}

- {/* 가격 + 유형 */} -
- {svc.price} - {svc.type} -
-
- 자세히 보기 → -
- - ))} -
-
-
- - {/* ════════════════════════════════ - SECTION 4.5 — 무료 체험 후기 수집 배너 - ════════════════════════════════ */} -
-
-
-
-
-
-
-
-
- - + {/* 링크 화살표 */} +
+ +
-
-
- 한정 3팀 - 무료 체험 · 후기 수집 중 + + ))} +
+
+
+ + {/* ══════════════════════════════════════ + SECTION 6 — 서비스 목록 + (카드 그리드 → 에디토리얼 테이블) + ══════════════════════════════════════ */} +
+
+
+
+

Services

+

+ 어떤 일을 맡겨 드릴 수 있나요 +

+
+ +
+ +
+ {SERVICE_LIST.map((s) => ( + + {/* 카테고리 태그 */} + + {s.category} + + + {/* 서비스명 + 설명 */} +
+
+ + {s.title} + + {s.hot && ( + + HOT + + )}
-

- AI 자동화 세팅을 무료로 받고 솔직한 후기를 남겨주세요 -

-

- ChatGPT 프롬프트 세팅 또는 반복 업무 1건 자동화 — 후기 작성이 조건입니다. 현재 2팀 남음 +

+ {s.desc}

+ + {/* 가격 + 기간 */} +
+ {s.from} + {s.duration} +
+ + {/* 화살표 */} + + + + + ))} +
+
+
+ + {/* ══════════════════════════════════════ + SECTION 7 — 최종 CTA (무료 이벤트 + 상담 통합) + ══════════════════════════════════════ */} +
+
+ {/* 무료 이벤트 배너 */} +
+
+
+ + 선착순 3팀 한정
+

+ AI 자동화 세팅을 무료로 받아보세요 +

+

+ 반복 업무 자동화 셋업 + 솔직한 리뷰 한 줄이 조건입니다. +

+
+ +
+ + {/* 메인 CTA */} +
+

Get Started

+

+ 어떤 것이든 +
+ 먼저 말씀해 주세요. +

+

+ 상담은 무료입니다. 24시간 이내 답변드립니다. +

+
+ - 카카오로 신청 → + 카카오로 바로 채팅
+

+ 쟁승메이드 · 사업자 267-53-00822 · bgg8988@gmail.com · 010-3907-1392 +

- - {/* ════════════════════════════════ - SECTION 5 — 기술 스택 마퀴 - ════════════════════════════════ */} -
-
- {[...TECH_STACK, ...TECH_STACK].map((tech, i) => ( - - - {tech} - - ))} -
- -
- - {/* ════════════════════════════════ - SECTION 5.5 — 콘텐츠 / 인사이트 - ════════════════════════════════ */} -
-
-
-
-

INSIGHTS

-

AI 자동화 실전 팁

-
- - 블로그 전체 보기 → - -
-
- {[ - { tag: '업무 자동화', title: '업무 자동화 외주 맡기기 전에 반드시 확인할 5가지', desc: '계약서, 소스코드 인도, 납기 명시. 피해의 90%는 이 세 가지 없어서 생깁니다.', color: 'bg-cyan-50 border-cyan-100', tagColor: 'text-cyan-600 bg-cyan-100' }, - { tag: 'ChatGPT 활용', title: 'ChatGPT 프롬프트 잘 쓰는 법 — RCTF 공식', desc: 'Role·Context·Task·Format 네 가지를 넣으면 답변 퀄리티가 3배 올라갑니다.', color: 'bg-violet-50 border-violet-100', tagColor: 'text-violet-600 bg-violet-100' }, - { tag: '개발자 부업', title: '대기업 현직 개발자가 부업 6개월 해본 솔직한 후기', desc: '잘 된 점, 힘든 점, 현실적인 수익까지. 포장 없이 공유합니다.', color: 'bg-blue-50 border-blue-100', tagColor: 'text-blue-600 bg-blue-100' }, - ].map((post) => ( -
- {post.tag} -

{post.title}

-

{post.desc}

-
- 네이버 블로그에서 읽기 → -
-
- ))} -
-

- 블로그 준비 중 — 곧 업로드됩니다 -

-
-
- - {/* ════════════════════════════════ - SECTION 6 — 최종 CTA - ════════════════════════════════ */} -
-
-
-
-
- -
-
- - 현재 접수 가능 -
-

- 어떤 업무든 먼저 상담해 보세요 -

-

- 자동화할 업무, 만들고 싶은 서비스, 고민 중인 아이디어 — 뭐든 괜찮습니다.
- 구체적인 견적은 무료 상담 후 24시간 이내에 드립니다. -

-
- -
- bgg8988@gmail.com - · - 010-3907-1392 -
-
-
-
-
-
-
); }