[바이브 코딩] 비개발자 AI 바이브코딩 강의 #00

바이브 코딩이란?

: 바이브 코딩은 대규모 언어 모델(LLM)을 활용해 자연어로 원하는 기능을 설명하면 AI가 코드를 생성해 주는 새로운 프로그래밍 방식으로, 코딩의 진입 장벽을 크게 낮추고 누구나 쉽게 소프트웨어를 개발할 수 있도록 돕는 혁신적 접근법입니다.

 

 

 

---

 

주제: 자기소개 페이지

 

1. 생성형 AI 이용

https://lovable.dev/via=bebee 로그인하여 이용 (하루에 5번정도 가능한 듯)

Lovable

 

 

2. 자기소개 페이지 생성 요청

간단한 자기소개 웹사이트를 만들어줘.

이름:

직업:

나이:

취미:

 

해당 메시지를 Lovable에 요청

 

3. 수정해야 할 사항이 있다면 계속 요청

 

 

4. 생성된 코드를 실제 환경으로 확인

 

오른쪽 상단의 Publish를 클릭한 뒤, Publish 버튼을 누르면 실행용 코드가 배포됨. 생성된 주소를 복사해 브라우저 주소창에 입력 후 접속하여 확인

 

5. DB & LocalStorage

 

여기서 데이터 자료와 관련된 것은 DB를 사용해야 하지만, DB를 사용하기 전에는 굳이 테이블을 만들지 않아도 사용할 수 있는 LocalStorage를 통해 방문자 수 기록을 확인할 수 있다. DB와 LocalStorage의 차이점은 저장 위치, 용량, 보안, 데이터 구조 등에서 나타나며, 공통점은 모두 데이터를 저장하고 필요할 때 불러와 활용할 수 있다는 점이다.

 

강의에서는 이러한 DB를 러버블에서 쉽게 이용할 수 있는 러버블만의 SupaBase를 이용한다.

 

6. Supabase

 

러버블에서 DB의 역할을 해 주는 Supabase를 Connection 하는 방법은 오른쪽 상단의 초록색 번개 버튼을 누르면 된다. Supabase 는 DB 설계부터 SQL문까지 전부 알아서 생성해주는 것 같다.