안녕하세요!
바이브 코딩을 시작하면 다들 문법책부터 찾습니다. 결론부터 말씀드리면 그럴 필요가 없습니다. 정말 필요한 건 프로그램이 어떻게 돌아가는지 보는 눈입니다.
문법은 AI가 대신 씁니다. 사람이 챙길 건 큰 흐름, 즉 입력과 처리와 출력입니다. 이 세 덩어리만 구분해도 프로그램이 훨씬 만만해집니다.
오늘은 그 흐름 읽는 법을 쉬운 비유로 풀어 드리겠습니다. 끝까지 보시면 다음부터는 AI에게 훨씬 정확히 시킬 수 있습니다.
프로그램은 왜 어려워 보이나
코드를 처음 보면 낯선 기호와 영어 단어가 잔뜩 섞여 있는데, 그래서 다들 지레 겁을 먹습니다. 사실 저 기호는 몰라도 됩니다.
중요한 건 기호가 아니라 그 코드가 하는 일입니다. 어떤 값을 받아서, 어떻게 바꾸고, 무엇을 보여주는지. 이 순서만 알면 됩니다.
비유하자면 자동판매기입니다. 동전을 넣고, 버튼을 누르고, 음료가 나옵니다. 내부 회로는 몰라도 사용하는 데는 문제가 없습니다. 프로그램도 원리는 똑같습니다.
입력, 처리, 출력이라는 세 칸
모든 프로그램은 이 세 칸으로 쪼개서 볼 수 있습니다. 입력은 사용자가 넣는 것, 처리는 그걸 바꾸는 과정, 출력은 화면에 뜨는 결과입니다.
예를 들어 계산기 앱을 보겠습니다. 숫자 두 개를 넣는 게 입력이고, 더하는 계산이 처리이며, 합계가 뜨는 화면이 출력입니다. 이 세 칸을 나눠 보는 순간 복잡함이 확 줄어듭니다.
날씨 앱도 마찬가지입니다. 지역 이름을 넣으면 입력이고, 서버가 기온을 찾아오면 처리, 화면에 숫자가 뜨면 출력입니다. 어떤 앱이든 이 틀에서 크게 벗어나지 않습니다.
화면과 데이터를 나눠서 본다
여기서 한 걸음 더 나가 보겠습니다. 프로그램은 크게 두 부분으로도 나눠 볼 수 있습니다. 눈에 보이는 화면과 눈에 안 보이는 데이터입니다.
화면은 버튼, 글자, 색깔처럼 사용자가 직접 보는 부분입니다. 데이터는 그 뒤에서 숫자와 목록을 들고 있는 창고입니다.
할 일 목록 앱을 떠올려 보세요. 목록이 줄줄이 보이는 게 화면이고, "우유 사기"라는 글자가 어딘가 저장돼 있는 게 데이터입니다. 버튼을 누르면 화면이 그 데이터를 불러와서 다시 그려 줍니다.
이 구분이 왜 중요할까요. 버그가 생겼을 때 원인이 화면 쪽인지 데이터 쪽인지 가늠할 수 있게 되기 때문입니다. 글자가 안 보이면 화면 문제, 숫자가 틀리면 데이터 문제일 가능성이 큽니다.
흐름을 읽으면 무엇이 달라지나
문법을 몰라도 흐름만 읽으면 AI에게 훨씬 구체적으로 시킬 수 있습니다. "버튼 누르면 이 값을 저장하고, 목록 화면에 다시 보여줘." 이렇게 말할 수 있게 됩니다.
반대로 흐름을 모르면 "그냥 알아서 잘 되게 해줘"에서 멈추고 맙니다. 그러면 AI도 무엇을 고쳐야 할지 헤맵니다.
실제로 겪어 보면 느낌이 옵니다. 에러가 떴을 때 "입력이 잘못됐나, 처리 중에 계산이 틀렸나, 아니면 화면에 못 그린 건가." 이렇게 세 갈래로 짚어 나가면 원인을 훨씬 빨리 좁힐 수 있습니다.
오늘 해볼 작은 연습
지금 쓰는 앱 하나를 떠올려 보세요. 은행 앱도 좋고 배달 앱도 좋습니다. 화면에서 뭘 눌렀더니 뭐가 저장되고, 뭐가 나타났는지 순서대로 적어 보시면 됩니다.
세 줄이면 충분합니다. "주소를 입력했다, 검색 버튼을 눌렀다, 가게 목록이 떴다." 이 정도만 적어도 흐름을 읽는 감각이 붙습니다.
이 감각이 쌓이면 AI가 만들어 준 코드를 보고도 "아, 여기가 처리 부분이구나" 하고 대충 짚이는 순간이 옵니다. 문법 몰라도 상관없습니다.
정리하면
문법은 외울 필요가 없습니다. 필요한 건 입력과 처리와 출력, 그리고 화면과 데이터를 구분해서 보는 습관입니다.
이 습관 하나로 AI에게 시키는 말이 훨씬 또렷해집니다. 결과물도 자연히 원하는 모습에 더 가까워집니다.
작은 앱 하나를 열어서 오늘 알려드린 세 칸으로 한번 쪼개 보세요. 생각보다 금방 감이 잡히실 겁니다.
다음 글에서는 깃허브, API, 배포처럼 낯선 단어들을 실생활 비유로 하나씩 정리해 드리겠습니다.
