이 글을 읽으면 얻을 수 있는 것 디자인을 잘 모르는 개발자가 DESIGN.md 로 AI 생성 UI의 기준을 잡은 과정 Supabase Auth·Realtime·RLS를 MVP에 연결하며 확인한 실무 포인트 Codex와 함께 구현부터 Vercel 배포까지 마무리한 경험 최근 AI 코딩 도구를 활용해 스터디와 소규모 프로젝트에서 사용할 수 있는 칸반 보드 웹 애플리케이션을 만들어 보았다. 프로젝트 이름은 Orbit Board 다. 이번 프로젝트에서는 특별한 개발 하네스나 복잡한 자동화 환경을 별도로 구성하지 않았다. 대신 shadcn.io의 Linear 디자인 페이지 에서 제공하는 마크다운을 복사한 뒤, Next.js 프로젝트 최상위에 DESIGN.md 파일을 만들어 그대로 붙여 넣었다. 그리고 Codex가 개발을 시작하기 전에 이 문서를 읽어 전체 화면에 일관되게 적용하도록 했다. 기술 스택으로는 Next.js, TypeScript, Tailwind CSS, shadcn/ui 스타일의 컴포넌트와 함께 Supabase를 사용했다. Supabase는 주변에서 많이 사용하는 서비스라 한 번 제대로 경험해 보고 싶었다. 처음에는 단순히 PostgreSQL 데이터베이스를 편하게 사용할 수 있는 서비스 정도로 생각했지만, 실제로 사용해 보니 인증, Realtime, 서버 함수, 보안 정책까지 애플리케이션의 백엔드 전반을 담당할 수 있었다. 특히 Row Level Security, 즉 RLS를 적용하면서 “로그인했는가?”만 확인하는 것과 “이 사용자가 이 데이터에 접근할 권한이 있는가?”를 데이터베이스 단계에서 보장하는 것은 완전히 다른 문제라는 사실을 배웠다. ...
