[강의노트] KDT_day33_260221(토)

개인 프로젝트 마무리

어제부터 진행하던 개인 프로젝트(TePal News) 마무리

Supabase와 프론트엔드 연결하고 서버에 배포 앱 테팔 멤버들에게 공유까지 완료

로그인 화면

Sign up을 하면 회원 가입 정보가 Supabase의 profiles table에 저장됨

로그인 후 포스팅(홈) 화면

포스팅 기능, 댓글, 좋아요 기능까지 잘 구현된 것 확인

채팅 화면

아래 메시지를 입력하면 Supabase에 메시지가 전송되고 프론트에 메시지 내역이 표시된다.

개인 프로필 화면

개인 프로필 화면 아래에서 자신이 포스팅한 포스트 내역을 확인할 수 있다.

프로젝트 과정 정리

기본적인 아이디어를 구상하고 구상한 내용을 LLM에게 입력해서 기획서, 화면설계서, 스키마설계서를 얻는다.

화면설계서를 v0에게 주고 기본적인 프론트 생성

supabase를 설정하고 스키마설계서의 SQL로 테이블 생성

v0가 생성한 프론트와 기획서를 LLM에게 주고 로컬에서 개발 진행

배포할 수 있을 정도로 개발이 완료되면 github에 푸시하고 vercel에 연결해서 배포

vercel에 배포할 때 supabase에 ANON Key와 URL을 환경 변수로 설정해야 DB와 배포된 app이 연결된다. -> 환경변수 설정할 때 오타에 주의! 한 글자라도 틀리면 연결이 안됨.

오늘 supabase를 supabace라고 적어서 한참동안 배포된 앱과 DB가 연결안되는 문제가 있었음.

<사용한 도구들 정리>

Composer : cursor

Design & UI : v0

database : Supabase

Server : vercel

1인 개발자로서 LLM과 AI 도구들을 활용해 상상했던 서비스를 개발하고 사용자에게 서비스하기까지의 풀스택 개발 경험을 쌓을 수 있었다.

[본 글은 한국기술사업화진흥협회 대구지회에서 수강한 K-Digital Training 과정의 내용을 요약 정리한 개인 학습 노트이며, 빅데이터 분석 실무 프로젝트 내용을 담고 있습니다]