생각과 행동(IDEA on Action)

ai vibe coding

recent posts

about

  • AX 시대, 생존의 본질을 묻다: 이안손앤컴퍼니 웨비나 발표 준비 상황 공유

    안녕하세요. AX 시대를 살아가고 있는 조직과 리더분들과 함께 고민을 나누고자 합니다.

    오는 11월 21일(금)에 이안손앤컴퍼니가 주관하는 첫 공식 웨비나 세션에 연사로 참여하게 되었습니다. 이번 웨비나는 이안손앤컴퍼니가 10년 이상 축적된 산업별 전문가 데이터베이스를 통해 국내외 전문가 커뮤니티 전반에 폭넓게 공유할 예정이며, 높은 완성도와 실질적인 가치 전달을 목표로 준비하고 있습니다.

    저는 이번 세션에서 단순히 ‘어떻게 AI를 도입할 것인가(How-to)’를 넘어, ‘왜(Why)’ 조직과 전략을 근본적으로 재설계해야 하는가에 대한 본질적인 질문을 던지고자 합니다.

    웨비나 개요: 언제, 어디서, 누가 함께 고민하는가

    구분내용
    주최이안손앤컴퍼니
    일정 및 방식11월 21일(금) 오후 3시, ZOOM 라이브 세션
    진행 시간약 50분 (발표 30분, Q&A 10분, 인트로/마무리 10분)
    주요 참석 대상기존 고객사 내 전략/신사업/디지털 혁신 실무진, 국내외 주요 컨설팅 펌 및 산업별 전문가 등

    발표 주제: AX 시대, 조직 생존을 위한 본질적 질문

    이번 발표의 핵심 주제는 “AX 시대, 조직 생존을 위한 본질적 질문: 왜 조직과 전략을 동시 재설계해야 하는가”입니다.

    AI 전환(AX)은 산업혁명과 디지털 혁명 이후 가장 큰 조직 패러다임 변화를 가져오고 있으며, 이제 AI가 산업 운영의 근본 원리를 재구성하는 시대로 전환되고 있습니다. AI 선도 기업은 새로운 가치를 창출하지만, 변화에 뒤처진 기업은 급변하는 시장에서 도태될 위험이 크기에, 이는 기술 도입의 문제가 아닌 조직의 생존 문제입니다.

    저는 특히 스타트업의 빠른 실행력과 달리, 대기업이나 기관이 구조적으로 겪는 Pain Point와 그로부터 얻은 Lesson Learned를 중심으로 ‘현장 친화형 관점’을 전달하고자 스토리라인을 구성했습니다.

    AX 시대를 위한 조직과 전략의 재설계 웨비나 목차 및 내용 구성표 (30분 분량)

    목차주요 내용발표 시간(예정)
    I. 도입: AX 시대의 도래 및 생존의 문제DX에서 AX로의 패러다임 전환.
    AI 시대에 AX(AI Transformation)는 기업의 ‘생존’ 문제와 직결되며, ‘How'(어떻게)보다 ‘Why'(왜)와 ‘What'(무엇을)에 집중하는 것이 필요함    		3분
    II. 현장의 Pain Point이 섹션은 AX 시대로의 전환을 막는 4가지 핵심 난제를 진단하며, 조직, 전략, 기술, 데이터 측면의 한계를 다룸10분
    III. 조직 및 전략 재설계AX 시대의 생존을 위한 조직 및 전략의 재설계 방향 제시8분
    IV. Lesson LearnedAX 전환 성공을 위한 핵심 교훈 및 방법론5분
    V. 결론 및 액션 플랜AX 전환의 성공적 완수를 위한 최종 메시지 및 로드맵 제시4분

    이번 웨비나를 통해 AI 전환을 고민하는 실무진 및 리더분들과 깊이 있는 인사이트를 나눌 수 있기를 기대합니다. 많은 관심과 참여 부탁드립니다.

  • 정보관리기술사 AI 문제은행 시스템 MVP 개발 회고록

    안녕하세요! 정보관리기술사 수험생 여러분과 개발에 관심 있는 분들을 위해 저희 정보관리기술사 서술형 문제 은행 시스템 MVP 개발 프로젝트의 여정을 회고하고자 합니다. 이 프로젝트는 수험생들이 서술형 문제를 풀고 답안 이미지를 업로드하면, AI가 OCR을 통해 텍스트를 추출하고 채점 및 피드백을 제공하는 혁신적인 시스템을 목표로 합니다.

    1. 프로젝트 개요 및 목표

    저희 프로젝트의 핵심 목표는 정보관리기술사 서술형 시험 준비 과정을 효율적으로 지원하는 것입니다. 기존의 주관식 시험 준비 방식의 한계를 극복하고, AI 기반의 자동 채점 및 맞춤형 피드백을 제공하여 수험생들의 학습 경험을 혁신하는 데 중점을 두었습니다. 특히, MVP (Minimum Viable Product) 개발을 통해 핵심 기능을 빠르게 구현하고 실제 사용자 피드백을 반영하여 서비스를 고도화하는 것을 목표로 했습니다.

    2. 주요 구현 기능 및 성과 (2025-09-07 기준)

    현재까지 프로젝트는 다양한 핵심 기능들을 성공적으로 구현했습니다.

    • 시스템 핵심 전환: 초기 React + Vite 환경에서 Next.js 14 App Router로의 마이그레이션을 완료하여, 더 강력한 성능과 개발 편의성을 확보했습니다.
    • 프로덕션 환경 구축: Vercel에 dev/staging/prod 3환경 배포를 완료하고, CDN, Edge Functions, Analytics 등을 활용하여 안정적인 프로덕션 환경을 구축했습니다.
    • 데이터베이스 및 인증: Supabase와 완벽하게 연동하여 데이터베이스, 인증, Edge Functions 기능을 활용하고 있습니다. 사용자 로그인/회원가입 UI 또한 Supabase Auth와 연동되어 구현되었습니다.
    • 성능 최적화: SSR/SSG/ISR(서버 사이드 렌더링, 정적 사이트 생성, 점진적 정적 재생성)을 적용하고, Next.js Image 최적화 및 번들 분석을 통해 초기 로딩 속도를 50% 향상시키는 등 탁월한 성능 개선을 이루어냈습니다.
    • 모니터링 및 CI/CD: Sentry를 통한 에러 추적과 Vercel Analytics를 통한 성능 분석 시스템을 적용하여 안정적인 운영 기반을 마련했습니다. 또한, GitHub Actions를 활용한 자동 배포 파이프라인을 완성하여 개발 효율성을 극대화했습니다.
    • 프론트엔드 핵심 구조: Header, 메인 페이지, 카테고리 페이지 등 기본 구조와 함께 문제 목록 조회, 문제 상세 페이지, 답안 작성 기능을 포함한 연습 모드를 구현했습니다.
    • 답안 제출 시스템: 텍스트 및 이미지 답안 제출 기능과 중복 제출 방지 시스템을 완성하여 사용자 편의성을 높였습니다.
    • 내 답안 관리: 답안 목록 조회, 상태별 필터링, 채점 결과 확인 등 사용자가 자신의 답안을 효율적으로 관리할 수 있는 기능을 제공합니다.
    • 디자인 시스템: 20개 이상의 컴포넌트와 다크 테마를 지원하는 커스텀 디자인 시스템을 구축하여 일관된 UI/UX를 제공합니다.

    3. 기술 스택

    이 프로젝트는 최신 웹 기술 스택을 적극적으로 활용하여 구축되었습니다.

    • 개발 환경: Cursor (AI Assistant)
    • 프레임워크: Next.js 14 (App Router, SSR/SSG/ISR)
    • 라우팅: 파일 기반 라우팅 (App Router)
    • 백엔드: Supabase (PostgreSQL + RLS, Edge Functions) + Next.js API Routes
    • 배포: Vercel (자동 배포, CDN, Edge Functions, Analytics)
    • CI/CD: GitHub Actions
    • 모니터링: Sentry (에러 추적) + Vercel Analytics (성능 분석)
    • AI: OpenAI API (GPT-4), Google Cloud Vision API (OCR) (예정 작업 포함)
    • 스타일링: Tailwind CSS + 커스텀 디자인 시스템
    • 상태 관리: TanStack Query + Server State
    • 폼 관리: React Hook Form + Zod
    • UI 컴포넌트: Radix UI + 커스텀 디자인 시스템
    • 언어: TypeScript

    4. 개발 과정의 도전과 해결

    개발 과정에서는 여러 도전 과제가 있었지만, 체계적인 접근과 원칙 준수를 통해 성공적으로 해결했습니다.

    • Next.js 14 마이그레이션: React + Vite에서 Next.js 14 App Router로의 전환은 큰 작업이었지만, 이를 통해 SSR/SSG/ISR 적용, 이미지 최적화, 번들 분석 구축 등의 성능 개선을 이루어냈습니다.
    • 안정성 강화: Cannot read properties of undefined (reading 'map') 에러와 같은 안정성 문제를 해결하기 위해 모든 배열 처리에 (array || []).map() 패턴을 적용하고, Optional chaining (?.) 및 기본값 제공 패턴, 그리고 타입 안전성을 강화하는 노력을 기울였습니다. any 타입 제거 및 구체적 타입 적용을 통해 코드의 견고함을 높였습니다.
    • 개발 가이드라인 준수: /docs 폴더 내에 디자인 시스템, 개발 가이드, API 문서, 아키텍처 문서 등 상세한 문서를 구축하고, 코딩 컨벤션, 브랜치 전략, PR 워크플로우 등의 엄격한 개발 가이드라인을 준수하여 프로젝트의 일관성과 품질을 유지했습니다.
    • 데이터 모델 구축: mockQuestions.ts와 mockAnswers.ts를 통해 완전한 데이터 모델을 구축하고, 현재는 이 Mock 데이터를 Supabase 실제 데이터로 전환하는 작업을 진행 중입니다.

    5. 현재 작업 및 앞으로의 계획

    현재 프로젝트는 MVP의 핵심 기능 구현을 넘어, AI 기반의 실제 연동 단계로 나아가고 있습니다.

    • 현재 작업:
      • Mock 데이터를 Supabase 실제 데이터로 전환하는 작업.
      • Google Cloud Vision API를 활용한 OCR 및 AI 채점 실제 API 연동 작업.
      • 성능 모니터링 및 사용자 피드백 수집을 통한 운영 최적화.
    • 예정 작업:
      • 베타 테스트: 실제 사용자를 대상으로 한 테스트 및 피드백 수집.
      • 성능 튜닝: 실사용 데이터를 기반으로 한 추가 최적화.
      • 기능 확장: 사용자 요구사항을 반영한 추가 기능 개발.
      • 정식 런칭: 최종 프로덕션 서비스 오픈.

    6. 마무리하며

    정보관리기술사 AI 문제은행 시스템 MVP 개발은 기술적인 도전과 학습의 연속이었습니다. Next.js 14 마이그레이션, Supabase 연동, CI/CD 구축, 성능 최적화 등 수많은 마일스톤을 달성하며 시스템의 기반을 단단히 다졌습니다. 이제 AI 기능 연동과 사용자 테스트를 통해 더욱 완벽한 서비스를 제공할 수 있도록 최선을 다할 것입니다.

    이 시스템이 정보관리기술사를 준비하는 수험생 여러분의 학습 효율을 극대화하고, 합격에 큰 도움이 되기를 기대합니다. 저희 프로젝트의 다음 단계에도 많은 관심과 응원 부탁드립니다. 감사합니다!

  • ✨ 생각과 행동: AI 시대, 의미 있는 일을 함께 만들어가는 여정

    안녕하세요! ‘생각과 행동’입니다. 저희는 ‘눈이 반짝이는 사람들과 의미 있는 일을 만들어 가는 것’을 비전으로 삼아, AI 시대의 새로운 가능성을 탐색하고 현실로 만들어가는 여정을 시작했습니다. 단순한 기술 제공을 넘어, 함께 성장하고 가치를 창출하는 공동체를 지향합니다.

    💡 우리의 핵심 가치: 왜 ‘생각과 행동’인가?

    ‘생각과 행동’은 다음과 같은 핵심 가치 위에 세워졌습니다:

    • 과정 그 자체의 즐거움: 저희는 ‘눈이 반짝이는 사람들과의 일을 만드는 과정 자체’를 즐깁니다. 결과물 못지않게 함께 고민하고, 배우고, 깨달음을 얻는 여정을 소중히 여깁니다.
    • 이윤과 본질적 목표의 균형: 이윤 추구만이 목적이 아닙니다. 기본적인 경제활동이 충족되는 조건 하에서, 저희가 살아가면서 추구하는 목표나 진짜 하고 싶은 일을 찾아가는 과정을 중요하게 생각합니다. 이는 경제적 이유 때문에 의미 있는 일을 포기하지 않도록 돕는다는 저희의 철학과 일맥상통합니다.
    • 지원과 동반 성장의 공동체: 자신의 목표와 진정으로 하고 싶은 일을 찾아가는 과정을 지지하고 함께하는 사람들의 모임(커뮤니티)을 만들고자 합니다. ‘혼자이지만 혼자가 아닌 일의 방식’인 Vibe Working 철학을 공유하며, 함께 고민하고 성장하는 커뮤니티를 통해 새로운 가치를 창출할 것입니다.

    🚀 ‘생각과 행동’이 만들어가는 서비스

    저희는 이러한 가치관을 바탕으로 AI 시대를 위한 다양한 서비스들을 기획하고 실행하고 있습니다.

    • AX (AI Transformation) 중심의 사업 컨설팅 및 개발: 생성형 AI 기술을 기존 산업 영역에 적용하여 비즈니스의 효율성과 가치를 극대화하는 사업 컨설팅 및 솔루션 개발을 제공합니다. 이는 ‘생각과 행동’의 주요 수익 파이프라인이자 사회적 기여를 위한 핵심 서비스입니다.
    • Vibe Coding을 통한 혁신: Vibe Coding은 저희의 독자적인 작업 방식으로, AI 기반의 효율적인 서비스 기획 및 구현을 통해 빠르게 아이디어를 현실로 만듭니다.
    • IT 전문 교육 및 커뮤니티 구축: IT 전문 교육을 통해 사람들과 소통하고 커뮤니티를 구축하며 , 생성형 AI 시대에 개발자이자 인간으로서 할 수 있는 일을 함께 고민하고 실현해 나갑니다.

    🗺️ 우리의 로드맵: 함께 만드는 미래

    ‘생각과 행동’은 명확한 로드맵을 가지고 꾸준히 나아가고 있습니다.

    • 단기 목표 (3~6개월): Vibe Coding을 활용하여 월 300만원의 수익을 만들 수 있는 서비스를 개발하는 데 집중하고 있습니다.
    • 솔로프레너 역량 강화 (1년 프로그램, 8월 시작): ASC(AI Solopreneur Club) 활동을 통해 크리에이터, 빌더, 세일즈 등 혼자서도 역량을 발휘할 수 있는 기반을 연습하고 시험하며, 지속적인 서비스 개발과 피드백을 받을 예정입니다.
    • 최종 목표: 월 500만원 이상의 순수익이 발생하게 되면, 전적으로 ‘생각과 행동’의 사업에만 올인할 것입니다. 이 안정적인 기반이 마련되면, 최초 구성원(한 사람의 월급 500만원 이상)을 채용하여 ‘생각과 행동’의 비전을 함께 실현할 조직을 확장해 나갈 것입니다.

    🏢 ‘생각과 행동’은 어디에 있나요?

    저희는 정보통신업, 소프트웨어 개발, 서비스업, 전자상거래 소매중개, 디자인 등 다양한 업태와 종목을 기반으로, AI 시대의 변화를 선도하며 지속 가능한 성장과 가치 창출을 목표로 하고 있습니다.

    ‘생각과 행동’의 여정에 많은 관심과 응원 부탁드립니다. 감사합니다!