에이전틱 AI가 뭐길래 — 코딩 모르는 사람이 안티그래비티로 사이트와 쇼츠 도구 만든 후기

요즘 AI 이야기를 보다 보면 에이전틱 AI, AI 에이전트라는 말을 자주 보게 됩니다.

처음 들으면 조금 거창하게 느껴집니다.
챗GPT 같은 AI랑 뭐가 다른 건지, 그냥 이름만 바뀐 건지 헷갈리기도 합니다.

저도 처음에는 그랬습니다.

그런데 안티그래비티를 실제로 써보면서 생각이 조금 바뀌었습니다.

기존의 AI가 질문에 답해주는 도구에 가까웠다면, 에이전틱 AI는 사용자의 목표를 이해하고 그 목표를 향해 여러 단계를 함께 진행하는 도구에 가깝습니다.

예를 들어 예전에는 이렇게 물어봤습니다.

“이 버튼 색상 어떻게 바꾸나요?”

그러면 AI는 설명을 해줍니다.

“CSS 파일에서 버튼 클래스를 찾아 색상 값을 바꾸면 됩니다.”

그런데 안티그래비티 같은 에이전트형 도구는 조금 다릅니다.

“이 버튼 색상 바꿔줘.”

라고 말하면 프로젝트 파일을 확인하고, 관련 코드를 찾고, 수정하고, 오류가 나면 다시 확인하는 식으로 작업을 이어갑니다.

물론 모든 걸 완벽하게 한 번에 해내는 것은 아닙니다.
엉뚱한 부분을 고칠 때도 있고, 제가 원하는 디자인을 정확히 이해하지 못할 때도 있습니다.

그래도 중요한 차이는 분명합니다.

AI가 더 이상 “이렇게 해보세요”라고 말만 하는 도구가 아니라, 실제 작업 과정 안으로 들어오기 시작했다는 점입니다.

제가 안티그래비티를 쓰게 된 이유

저는 전문 개발자가 아닙니다.
코딩을 처음부터 체계적으로 배운 사람도 아닙니다.

그런데 만들고 싶은 것은 많았습니다.

홈페이지도 만들고 싶고,
상세페이지도 만들고 싶고,
블로그도 운영하고 싶고,
쇼츠 제작에 필요한 도구도 직접 만들어보고 싶었습니다.

문제는 만들고 싶은 건 많은데, 하나하나 직접 코딩하려면 막히는 부분이 너무 많다는 것이었습니다.

HTML, CSS, 자바스크립트, Next.js, 배포, 빌드 오류.
이런 단어들이 한꺼번에 나오면 어디서부터 봐야 할지 막막합니다.

안티그래비티를 쓰면서 가장 크게 느낀 건, 이 막막함이 조금 줄어든다는 점이었습니다.

내가 원하는 방향을 말하면, AI가 프로젝트 구조를 보고, 파일을 열고, 필요한 부분을 수정합니다.
수정 후 오류가 나면 다시 확인하고, 어디가 문제인지 찾아봅니다.

예전 같으면 검색창을 열고 오류 메시지를 복사해서 하나씩 찾아봤을 일을, 이제는 AI와 대화하면서 바로 이어갈 수 있게 된 것입니다.

안티그래비티로 만든 것들

안티그래비티를 써보면서 단순히 연습용 페이지 하나만 만든 것이 아닙니다.

실제로 운영하거나 작업에 쓰는 사이트와 도구를 만들었습니다.

대표적으로는 서울 정보 사이트, AI·디자인 툴 디렉토리, 쇼츠 제작 도구, 포트폴리오 사이트, 개인 웹사이트, 그리고 실제 의뢰를 받아 제작한 웹사이트가 있습니다.

1. nowspot.kr — 서울 정보 사이트

첫 번째는 nowspot.kr입니다.

주소: https://nowspot.kr/

nowspot.kr은 서울 관련 정보를 정리하는 사이트입니다.

서울시 행사, 축제, 혜택, 지원금 같은 생활 정보뿐 아니라 서울의 역사와 관련된 글도 다룹니다.
날씨와 패션 정보도 함께 볼 수 있도록 구성했습니다.

처음에는 서울 관련 정보를 정리하는 블로그처럼 생각했는데, 만들다 보니 서울 정보를 한곳에 모아두는 작은 정보 플랫폼처럼 확장되었습니다.

서울은 정보가 정말 많습니다.

행사도 많고,
축제도 많고,
자치구별 소식도 많고,
지원금이나 혜택 정보도 계속 바뀝니다.

이걸 사람이 혼자 정리하고 사이트 구조까지 관리하려면 생각보다 손이 많이 갑니다.

안티그래비티는 이런 사이트를 만들고 고치는 과정에서 도움이 됐습니다.

페이지 구조를 만들고, 글 목록을 정리하고, 카테고리를 나누고, 화면에서 이상하게 보이는 부분을 수정하고, 오류가 생기면 다시 확인하는 식으로 작업했습니다.

물론 AI가 모든 내용을 알아서 완성해주는 것은 아닙니다.
어떤 글을 올릴지, 어떤 정보가 필요한지, 어떤 방향으로 사이트를 운영할지는 결국 사람이 정해야 합니다.

하지만 사이트를 만들고 수정하는 기술적인 부담이 줄어든 것만으로도 할 수 있는 일이 훨씬 많아졌습니다.

2. nowtools.kr — AI·이미지·디자인 툴 디렉토리

두 번째는 nowtools.kr입니다.

주소: https://nowtools.kr/

nowtools.kr은 AI 도구만 정리한 사이트가 아닙니다.

AI, 이미지, 디자인, 무료 툴을 한곳에 모아 카테고리별로 볼 수 있게 만든 툴 디렉토리 사이트입니다.

AI 챗봇, 이미지 생성, 영상 제작, 영상 편집, 음악, 코딩, 자동화, 디자인 툴, 폰트, 이미지 편집, 무료 소스, 생산성 도구, 배포와 호스팅, 변환 툴, 무료 교육, AI 글쓰기, 프레젠테이션, 번역, 회의 도구, 레퍼런스와 영감 자료까지 작업에 필요한 도구들을 모아두는 방향으로 만들었습니다.

주소: https://nowtools.kr/blog/tools

이곳에는 제가 직접 써본 도구나 관심 있는 AI 도구 관련 글도 함께 정리하고 있습니다.

최근에는 이런 글들을 발행했습니다.

• 5/14 피그마 무료 사용 후기
• 5/14 피그마 플러그인 1편: 이미지·아이콘
• 5/15 피그마 플러그인 2편: 목업·애니메이션
• 5/16 챗지피티 이미지 업데이트 후기
• 5/17 무료 한글 폰트 사이트
• 5/18 노트북LM으로 쇼츠 대본 만들기 - 잘 나가는 유튜버 스타일 따라하기

그리고 이번 5월 19일 글은 그 흐름에서 이어지는 글입니다.

AI 도구를 단순히 소개하는 것이 아니라, 제가 직접 안티그래비티를 사용하면서 무엇을 만들었고, 어떤 점이 좋았고, 어디서 막혔는지를 기록하는 후기입니다.

AI 도구는 너무 빠르게 늘어나고 있습니다.
어제 본 도구를 오늘 다시 찾으려고 하면 이름이 기억나지 않을 때도 많습니다.

그래서 nowtools.kr은 제가 쓰거나 관심 있는 도구들을 한곳에 모아두고, 디자인 작업이나 콘텐츠 제작을 할 때 바로 찾아볼 수 있는 공간으로 만들었습니다.

3. 쇼츠 제작 도구

안티그래비티로 만든 것 중 실제 작업에 자주 쓰는 것은 쇼츠 제작 도구입니다.

저는 유튜브 쇼츠 채널 팩트폭격소를 운영하고 있습니다.

주소: https://www.youtube.com/@팩트폭격소

쇼츠를 만들다 보면 반복되는 작업이 많습니다.

대본을 준비하고,
장면을 나누고,
목소리를 만들고,
이미지를 넣고,
배경음악을 고르고,
그것들을 하나의 영상으로 합쳐야 합니다.

쇼츠 대본은 보통 다른 곳에서 먼저 만듭니다.
제가 만들려는 쇼츠 주제가 있고, 제 채널 톤에 맞게 다듬어야 하기 때문에 대본은 따로 준비해서 넣는 방식이 더 맞았습니다.

이 과정은 5월 18일에 쓴 「노트북LM으로 쇼츠 대본 만들기 - 잘 나가는 유튜버 스타일 따라하기」 글에서 다뤘습니다.

제가 만든 쇼츠 도구에서는 완성한 대본을 통째로 넣고, 원하는 장면 수를 선택합니다.

그다음 대본 분석 단계로 넘어가면 선택한 장면 수에 맞춰 대본이 나뉩니다.

이미지도 도구 안에서 생성할 수는 있지만, 실제로는 미리 따로 만들어서 넣는 편입니다.
이미지 생성은 비용도 들고, 원하는 느낌이 한 번에 나오지 않는 경우가 많기 때문입니다.

그래서 실제 작업 흐름은 이렇습니다.

먼저 대본을 준비합니다.
그다음 장면 수를 정합니다.
장면별 이미지를 미리 준비합니다.
목소리를 선택합니다.
배경음악을 넣습니다.

그러면 도구가 나레이션, 이미지, 배경음악을 하나로 합쳐 쇼츠 영상으로 만들어줍니다.

이미지는 줌아웃 같은 간단한 움직임을 넣어 정적인 이미지도 영상처럼 보이게 구성했습니다.

쇼츠는 한 편 만들고 끝나는 콘텐츠가 아니라 계속 만들어야 하는 콘텐츠입니다.
그래서 이런 반복 작업을 줄여주는 도구가 있으면 작업 흐름이 훨씬 편해집니다.

4. 포트폴리오 사이트

안티그래비티로 포트폴리오용 웹사이트도 만들었습니다.

아직 더 손봐야 할 부분은 있지만, 코딩을 전문적으로 배운 사람이 아니어도 브랜드 콘셉트를 잡고, 화면을 구성하고, 실제 웹사이트 형태로 만들어볼 수 있다는 점에서 의미가 있었습니다.

BLOOM NOTE — 플라워샵 포트폴리오

주소: https://bloom-note.justis2002.workers.dev/

BLOOM NOTE는 감성적인 플라워샵 콘셉트의 포트폴리오 사이트입니다.

계절의 결을 담은 꽃, 꽃다발, 꽃바구니, 플라워 클래스, 예약 문의 같은 요소를 넣어 플라워 브랜드 느낌으로 구성했습니다.

단순히 꽃 사진만 나열하는 것이 아니라, 브랜드 스토리와 상품 소개, 클래스 안내까지 한 페이지 안에서 자연스럽게 이어지도록 만든 사이트입니다.

ONLY DENTAL — 치과 홈페이지 포트폴리오

주소: https://only-dental.pages.dev/

ONLY DENTAL은 치과 홈페이지 포트폴리오입니다.

병원 소개, 진료 과목, 진료 철학, 치과 상식, 공지사항 같은 구성을 넣어 실제 병원 홈페이지처럼 보이도록 만들었습니다.

치과 사이트는 신뢰감이 중요하기 때문에, 너무 화려하기보다는 깔끔하고 안정적인 느낌을 주는 방향으로 잡았습니다.

Moreve — 여성 패션 쇼핑몰 포트폴리오

주소: https://moreve.pages.dev/

Moreve는 여성 패션 브랜드 콘셉트의 쇼핑몰 포트폴리오입니다.

“Love yourself, more.”라는 문구를 중심으로, 데일리룩과 봄 신상 컬렉션, 베스트 아이템, 자체 제작 컬렉션 같은 쇼핑몰 요소를 넣었습니다.

패션 사이트는 이미지의 분위기와 여백, 상품 카드 배치가 중요해서 그런 부분을 계속 손보면서 만들었습니다.

5. PAGEIGN — 제 개인 웹사이트

제 개인 웹사이트도 만들었습니다.

주소: https://www.pageign.com/

PAGEIGN은 홈페이지 제작, 웹디자인, 상세페이지 작업을 보여주기 위한 제 작업용 웹사이트입니다.

로고, 홈페이지, 상세페이지를 따로 맡기기 어려운 초보 사장님들을 위한 원스톱 제작 서비스를 보여주는 방향으로 구성했습니다.

사이트 이름도 의미를 담아 만들었습니다.

PAGE + Design + Ignite = PAGEIGN

페이지를 디자인하고, 비즈니스가 시작될 수 있도록 불을 붙인다는 의미입니다.

아직 손봐야 할 부분은 있지만, 제가 어떤 작업을 할 수 있는지 보여주는 중심 사이트로 계속 다듬고 있습니다.

6. STUDIO ARK — 실제 제작 웹사이트

포트폴리오뿐 아니라 다른 분을 위해 제작한 웹사이트도 있습니다.

주소: https://studioark.kr/

STUDIO ARK는 방배동 연습실을 소개하는 웹사이트입니다.

음악에 집중할 수 있는 프라이빗한 공간이라는 콘셉트로, 스튜디오 소개, 공간 안내, 예약 연결, 혜택 안내 등을 담았습니다.

이 사이트는 단순히 연습용으로 만든 것이 아니라 실제 외부 작업으로 만든 사이트라는 점에서 의미가 있습니다.

안티그래비티를 활용하면서 포트폴리오 제작을 넘어 실제 웹사이트 제작에도 적용해본 사례였습니다.

안티그래비티가 좋았던 점

안티그래비티를 쓰면서 좋았던 점은 크게 세 가지였습니다.

첫 번째는 프로젝트 파일을 직접 보면서 작업할 수 있다는 점입니다.

일반 챗봇에게 물어보면, 내가 코드를 복사해서 붙여넣어야 합니다.
그리고 답변을 받은 뒤 다시 직접 파일에 적용해야 합니다.

그런데 안티그래비티는 프로젝트 안에서 파일을 확인하고 수정할 수 있습니다.
이 차이가 생각보다 큽니다.

두 번째는 오류를 이어서 볼 수 있다는 점입니다.

코딩을 잘 모르는 사람에게 가장 무서운 것은 오류 메시지입니다.
빨간 글씨가 길게 나오면 일단 겁부터 납니다.

하지만 안티그래비티에서는 오류가 나면 그 오류를 보고 다시 수정하는 식으로 이어갈 수 있습니다.

물론 한 번에 해결되지 않을 때도 많습니다.
그래도 혼자 멈춰 있는 것보다는 훨씬 낫습니다.

세 번째는 다른 AI 도구들과 함께 작업 흐름을 만들기 좋다는 점입니다.

기획은 챗GPT나 Claude에서 정리하고,
화면 아이디어는 Stitch 같은 도구에서 잡고,
실제 구현과 수정은 안티그래비티에서 이어가는 식으로 사용할 수 있습니다.

여기서 중요한 건, 모든 도구가 한 화면 안에서 마법처럼 완벽하게 연결된다는 뜻은 아닙니다.
하지만 여러 AI 도구를 역할별로 나눠 쓰면, 혼자 작업할 때보다 훨씬 빠르게 결과물에 가까워질 수 있습니다.

그래도 불편한 점은 있습니다

좋은 점만 있는 것은 아닙니다.

가장 큰 문제는 AI가 가끔 제 의도를 다르게 이해한다는 점입니다.

예를 들어 저는 작은 부분만 고치고 싶은데, AI가 주변 구조까지 같이 바꿔버릴 때가 있습니다.

디자인도 마찬가지입니다.

“깔끔하게”라고 말하면 사람마다 떠올리는 느낌이 다릅니다.
AI도 마찬가지입니다.

그래서 원하는 결과를 얻으려면 말로 아주 구체적으로 설명해야 합니다.

“모바일에서 메뉴가 오른쪽에서 반만 나오게 해줘.”
“X 버튼은 하나만 보이게 해줘.”
“푸터 높이가 너무 기니까 줄여줘.”
“기존 구조는 건드리지 말고 이 부분만 수정해줘.”

이런 식으로 말해야 결과가 조금 더 정확해집니다.

그리고 한 번에 완벽하게 끝내려고 하면 오히려 더 힘듭니다.
작게 나눠서 수정하고, 확인하고, 다시 고치는 방식이 더 잘 맞았습니다.

코딩을 몰라도 만들 수 있다는 말의 의미

요즘 “코딩 몰라도 만들 수 있다”는 말을 많이 봅니다.

그런데 이 말은 조금 조심해서 받아들여야 합니다.

정말 아무것도 몰라도 버튼 하나로 완성된다는 뜻은 아닙니다.

내가 원하는 것이 무엇인지 설명할 수 있어야 하고,
결과물이 이상할 때 무엇이 이상한지 말할 수 있어야 합니다.

코딩을 직접 다 알 필요는 줄어들었지만, 기획하고 판단하는 능력은 더 중요해졌습니다.

저는 이 부분이 오히려 흥미로웠습니다.

예전에는 코딩을 모르면 시작도 어려웠습니다.
그런데 이제는 내가 만들고 싶은 것을 설명하고, AI가 만든 결과를 보면서 방향을 잡아갈 수 있습니다.

즉, 코딩을 모르는 사람이 갑자기 전문 개발자가 된다는 뜻이라기보다는, 코딩을 몰라도 직접 만들고 실험해볼 수 있는 문턱이 낮아졌다는 뜻에 가깝습니다.

에이전틱 AI가 바꾸는 것

에이전틱 AI가 바꾸는 것은 단순히 작업 속도만이 아닙니다.

가장 큰 변화는 “시작할 수 있게 해준다”는 점입니다.

예전에는 사이트 하나를 만들려면 배워야 할 것이 너무 많았습니다.
무엇부터 시작해야 할지 몰라서 포기하는 경우도 많았습니다.

그런데 이제는 일단 말로 설명하면서 시작할 수 있습니다.

“이런 사이트를 만들고 싶어.”
“여기에 글 목록을 보여주고 싶어.”
“모바일에서 깨지는 부분을 고치고 싶어.”
“쇼츠 대본과 이미지를 합쳐 영상으로 만들고 싶어.”

이렇게 말하면 AI가 첫 단계를 만들어줍니다.
그다음부터는 결과를 보면서 고쳐나가면 됩니다.

완벽하지는 않지만, 시작점이 생긴다는 것만으로도 큰 차이가 있습니다.

안티그래비티를 써본 결론

안티그래비티를 써본 결론은 분명합니다.

이 도구는 코딩을 완전히 대신해주는 마법 도구는 아닙니다.
하지만 코딩을 잘 모르는 사람이 실제 결과물을 만들 수 있게 도와주는 강력한 작업 도구입니다.

저는 안티그래비티로 서울 정보 사이트를 만들고, AI·디자인 툴 디렉토리 사이트를 만들고, 쇼츠 제작 도구를 만들었습니다.

또 플라워샵, 치과, 여성 패션 쇼핑몰 포트폴리오 사이트도 만들었고, 제 개인 웹사이트와 실제 외부 제작 사이트까지 만들었습니다.

혼자였다면 시작하기 어려웠을 작업들입니다.

물거나 중간에 답답한 순간도 많았습니다.
AI가 엉뚱하게 수정할 때도 있었고, 원하는 디자인이 한 번에 나오지 않을 때도 있었습니다.

그래도 예전처럼 막혀서 아무것도 못 하는 상태와는 달랐습니다.

계속 말하고, 고치고, 확인하다 보면 결과물이 조금씩 앞으로 나아갔습니다.

저는 이 점이 에이전틱 AI의 핵심이라고 생각합니다.

AI가 사람을 완전히 대신하는 것이 아니라, 혼자서는 버거웠던 작업을 함께 밀고 나가는 것.

지금의 에이전틱 AI는 완벽한 개발자라기보다는, 지치지 않고 옆에서 계속 작업을 도와주는 보조 작업자에 가깝습니다.

그리고 코딩을 모르는 사람에게는 그 정도만으로도 충분히 큰 변화입니다.

마무리

에이전틱 AI라는 말은 아직 조금 낯설 수 있습니다.

하지만 실제로 써보면 어렵게 느껴지던 단어가 조금 현실적으로 다가옵니다.

파일을 읽고, 코드를 고치고, 오류를 확인하고, 다시 수정하는 AI.
사용자가 원하는 목표를 향해 여러 단계를 함께 움직이는 AI.

그게 제가 안티그래비티를 쓰면서 느낀 에이전틱 AI였습니다.

앞으로 이런 도구들은 더 많아질 것 같습니다.
그리고 코딩을 전문적으로 배우지 않은 사람들도 자신이 필요한 도구나 사이트를 직접 만들어보는 일이 더 자연스러워질 것 같습니다.

저 역시 아직 배우는 중입니다.

하지만 이제는 적어도 이런 생각은 하게 됐습니다.

“이거 내가 만들 수 있을까?”에서
“일단 AI랑 같이 만들어볼까?”로 바뀌었다고요.

그 변화만으로도 안티그래비티를 써본 의미는 충분했습니다.