[1화] AI로 내 아이디어를 웹사이트로 만들기 — 아이디어 정리하기

"이런 서비스 있으면 좋겠다"는 아이디어가 떠오른 적 있으신가요? 요즘은 코딩을 몰라도 AI에게 설명만 하면 실제로 작동하는 웹사이트를 만들 수 있는 시대입니다. 이 카리스랩 홈페이지도 이런 방식으로 만들어지고 있습니다.

하지만 많은 분들이 여기서 실수를 합니다. 아이디어가 떠오르자마자 곧바로 AI 도구를 열고 "이런 거 만들어줘"라고 두루뭉술하게 요청하는 것입니다. 이렇게 시작하면 AI도 무엇을 만들어야 할지 헷갈리고, 결과물도 처음 생각과 다르게 나오기 쉽습니다. 그래서 이 시리즈의 1화는 AI를 열기 전에, 종이와 펜만 가지고 아이디어를 정리하는 방법부터 다룹니다.

이 시리즈의 전체 여정

앞으로 5편에 걸쳐 아이디어 하나가 실제 웹사이트가 되기까지의 전체 과정을 순서대로 다룰 예정입니다. 오늘은 그 첫 번째, '아이디어 정리' 단계입니다.

왜 아이디어부터 정리해야 할까요

AI는 매우 똑똑하지만, 여러분의 머릿속 생각을 읽어내지는 못합니다. AI가 좋은 결과를 내놓게 하려면, 그 전에 사람이 먼저 "무엇을 만들고 싶은지"를 명확한 말로 정리해둬야 합니다. 이 작업을 건너뛰면 대화를 주고받는 내내 방향이 흔들리고, 이것저것 다 넣고 싶어져서 정작 아무것도 제대로 완성하지 못하는 경우가 많습니다. 반대로 정리가 잘 되어 있으면, 다음 편에서 AI에게 건넬 첫 문장부터 훨씬 명확해집니다.

1단계 — 누구를 위한, 무엇을 하는 서비스인지 한 문장으로 쓰기

가장 먼저 아래 형식을 채워보세요.

[누구]가 [어떤 상황]일 때, [무엇]을 할 수 있는 서비스

예를 들어 "동네 가게 사장님이 오늘 재료가 남았을 때, 할인 정보를 손님에게 바로 알릴 수 있는 서비스"처럼요. 문장이 길어지거나 '그리고'가 여러 번 들어간다면, 아직 아이디어가 뭉쳐있지 않다는 신호입니다. 한 문장으로 딱 떨어질 때까지 다듬어보세요.

2단계 — 핵심 기능은 딱 3가지만 고르기

아이디어가 떠오르면 하고 싶은 기능이 계속 늘어나기 마련입니다. 하지만 처음부터 다 넣으려고 하면 완성까지 가지 못할 확률이 높습니다. 1단계에서 쓴 한 문장을 실제로 가능하게 하는 데 '반드시' 필요한 기능만 3개를 골라보세요. 나머지는 '나중에 추가할 기능' 목록에 따로 적어두면 됩니다. 이 사이트의 SPING이나 SNAPTAIL도 처음엔 핵심 기능 서너 가지로 시작했고, 나머지는 이후에 하나씩 더해간 것들입니다.

3단계 — 비슷한 서비스를 찾아보고 다른 점 적어보기

내 아이디어와 비슷한 서비스가 이미 있는지 검색해보세요. 완전히 새로운 아이디어는 생각보다 드뭅니다. 비슷한 서비스를 찾았다면 실망할 필요 없습니다. 오히려 "그 서비스와 내 아이디어는 무엇이 다른가?"를 한 줄로 적어보세요. 이 한 줄이 나중에 AI에게 설명할 때 핵심 포인트가 됩니다.

4단계 — 화면을 종이에 대충 그려보기

마지막으로, 필요한 화면이 몇 개인지, 각 화면에 어떤 버튼과 정보가 있으면 좋을지 종이에 네모 칸으로 대충 그려보세요. 잘 그릴 필요는 전혀 없습니다. 이렇게 화면 구조를 미리 그려보는 것을 '와이어프레임'이라고 부르는데, 목적은 예쁜 그림이 아니라 "이 서비스에 화면이 몇 개 필요하고, 각 화면에서 뭘 할 수 있어야 하는지"를 스스로 명확히 하는 것입니다.

실제로 정리해본 예시

"우리 반 숙제 알림 앱"이라는 아이디어로 지금까지의 4단계를 직접 채워보면 이런 모습이 됩니다.

• 한 문장: 학생이 오늘 숙제가 뭔지 헷갈릴 때, 반 친구들이 올린 숙제 목록을 바로 확인할 수 있는 서비스
• 핵심 기능 3가지: ① 숙제 등록하기 ② 오늘 등록된 숙제 목록 보기 ③ 완료한 숙제 체크하기
• 비슷한 서비스와 다른 점: 학교 알림장 앱은 선생님만 글을 올릴 수 있지만, 이 서비스는 학생 누구나 숙제를 등록할 수 있다
• 화면 구성: (1) 오늘 숙제 목록 화면 (2) 숙제 등록 화면 (3) 완료 체크 화면 — 총 3개 화면

이렇게 4줄 정도만 정리해도, 다음 편에서 AI에게 이 내용을 그대로 전달할 수 있는 준비가 끝납니다.

다음 편 예고

2화에서는 이렇게 정리한 아이디어를 실제로 AI에게 전달하기 위해, 내 컴퓨터에 AI 개발 도구를 설치하고 첫 대화를 시작하는 방법을 다룹니다. 지금 정리한 내용을 메모장에 저장해두세요. 2화에서 그대로 사용하게 됩니다.

다음 화

2화: 개발 도구 설치하고 시작하기