VIBE DESIGN STARTER KIT

시작할 수 있습니다. 바이브 코딩은 자연어로 진행하기 때문에, 코드 문법을 외울 필요는 없습니다. 다만 코딩 지식이 아예 필요 없다는 뜻은 아닙니다. 이 코드가 어떻게 동작하는지를 이해할 필요는 없지만, 어떤 역할을 하는지는 파악할 수 있어야 합니다. 컴포넌트가 무엇이고, 데이터가 어디서 오고, 이 파일이 화면의 어느 부분을 담당하는지, 이 수준의 구조 감각을 익히고 조립하는 사고방식을 이 코스에서 연습합니다. AI의 코드 생성 속도가 사람의 사고 속도보다 월등히 빠르기 때문에, 내가 무슨 작업을 했는지도 모른 채 진행하면 맥락적 오류가 누적됩니다. 이 코스의 난이도는 바로 이 지점, 기획 단계에서 내 의도를 철저하게 쪼개고 정의하는 사고방식을 얼마나 빠르게 체득하느냐에 달려 있습니다. 단편적인 코딩 지식보다, 디자인 결정이 코드에 미치는 영향을 이해해야합니다.

디자인 실무 경험이 있으면 분명 도움이 되지만, 이 코스에서 요구하는 능력의 절반은 실무 경험이 아닌 사고 성향에서 옵니다. 오프라인 코스 3기를 진행하면서 확인한 건, 실무 경력보다 사고 성향이 더 크게 작용한다는 점이었습니다. 현업 디자이너도 원하는 결과물에 어떤 디자인 개념이 적용되는지 빠르게 찾아내고 조립하는 부분을 어려워하는 경우가 있었고, 디자이너도 개발자도 아닌 분이 잘 따라오는 경우도 있었습니다. 경험상 디자인 실무 경험 50%, 개인의 사고 성향 50% 정도가 영향을 줍니다.

이 코스의 궁극적인 목표는 완강이 아닙니다. 각자 실무에 돌아가서 바이브 코딩을 목적에 맞게 활용하는 것에 있습니다. 주별 과제는 이를 충족시키기 위해 코스 리드가 설계한 최소한의 장치입니다. 과제를 건너뛰어도 다음 섹션으로 넘어가는 데 큰 무리는 없지만, 결국 이 과제를 제때 해야 코스가 끝난 뒤에도 배운 내용이 체화됩니다. 듣는 것과 직접 만드는 것의 차이는, 아는 것과 쓸 수 있는 것의 차이입니다.

듣고 보기만 해서는 따라갈 수 없는 코스입니다. 바이브 코딩은 AI의 생성 속도가 사람의 사고보다 빠르다는 점에서, 실시간으로 관리해야 할 포인트가 많습니다. 이때 첫 번째 병목은 코드가 아니라, 사람의 게으름과 AI에게 기대는 심리입니다. 이 코스는 기획·디자인 중심의 사고방식으로 초반 병목을 최소화하고, 잘 짜여진 디자인 시스템을 기반으로 제품을 조립해 나가는 연습을 합니다. 기준을 먼저 설계하고, 그 기준대로 조립하는 과정, 이건 손으로 직접 해봐야 체득됩니다.

이 코스에서 말하는 '디자인 중심 사고'는 두 가지를 뜻합니다. 첫째, UX 설계를 웹 서비스의 표면적 구조에서 끝내지 않고, 데이터 로직과 DB 설계까지 확장하는 작업 방식을 배웁니다. 둘째, 서비스의 콘셉트와 비주얼 브랜딩에 맞게 디자인 시스템을 커스텀하고, 레퍼런스를 분석해 서비스에 녹이는 연습을 합니다. 구현한 뒤 그럴듯하게 꾸미는 디자인이 아니라, 로직과 설계에 영향을 줄 수밖에 없는 디자인 결정을 잡아가는 훈련입니다. 개발을 이미 알고 있다면, 이 관점이 더해졌을 때 제품 전체를 설계하는 기준이 생깁니다.

이 코스만으로는 완벽한 서비스 운영 능력을 갖추기 힘들지만, 코스와 커뮤니티의 조합으로 그 간극을 줄여가는 구조입니다. 서비스 운영에서 발생하는 다양한 시나리오의 대처 능력은 대부분 경험과 시행착오에서 나오기 때문입니다. 예를 들어 운영 중인 서비스의 UX가 바뀌어서 DB를 업데이트해야 할 경우, 정말 다양한 경우의 수가 발생합니다. 이는 현업 개발자와 기획자를 모아 놔도 같은 상황에 대해 이견이 갈릴 수 있는 영역입니다. Section 6에서 이 부분을 조금이나마 시뮬레이션할 수 있는 내용을 포함했지만, 코스만으로 해결되는 문제가 아닙니다. 다만 이 코스는 코스 단독이 아니라 커뮤니티와 조합으로 설계되어 있습니다. 코스에서 안정적인 시작점을 만들고, 이후 운영 과정에서 부딪히는 문제는 커뮤니티에서 같은 경험을 하고 있는 동료들과 함께 풀어가는 구조입니다. 자기 서비스를 대중에 노출시키고, 실제 운영에서 생긴 문제를 커뮤니티에 공유하고, 서로의 시행착오를 참고하는 방식이 결국 가장 빠른 학습입니다. 이 코스는 완벽한 운영 능력을 길러주지 않습니다. 다만 그 경험을 쌓기 위한 시작을 안정적으로 만들어주고, 이후의 성장을 혼자가 아닌 환경에서 이어갈 수 있게 하는 것에 가깝습니다.

오프라인 3기를 운영하면서 가장 크게 느낀 점은, 사람마다 막히는 지점이 완전히 다르다는 것이었습니다. 코딩이 처음인 디자이너는 터미널 앞에서 멈추고, 경험 있는 디자이너는 "왜 이렇게 세팅했는지"가 풀리지 않아 멈추고, 개발자는 디자인 품질에서 막혔습니다. 이 관찰에 얼리버드 140명의 설문 데이터를 겹쳐 보니, 패턴이 더 선명해졌습니다. 직군과 무관하게 4명 중 1명은 시작 전부터 위축되어 있었고, 불안의 내용만 달랐습니다. "코딩을 몰라서", "디자인 감각이 없어서", "전문가가 아닌 내가", 결국 같은 구조의 불안입니다. 이 코스는 그 지점들을 하나씩 설계에 반영했습니다. 0주차에 직군별로 다른 사전 자료를 제공하고, 매 주차 도입부에서 "지금 다 이해 안 해도 됩니다" 같은 메시지를 의도적으로 배치했습니다. 도구는 써봤지만 구조를 모르는 분들을 위해, 스타터 키트가 왜 이렇게 만들어졌는지를 설명하는 브릿지 구간을 별도로 넣었습니다. 오프라인에서 직접 확인한 병목을 데이터로 검증하고, 온라인 구조에 맞게 다시 짠 결과입니다. 경험에서 나온 코스라는 점이, 이 코스가 다른 바이브 코딩 강의와 가장 다른 부분입니다.