카드 목록은 미리보기예요. 각 카드 본문은 무료 키트 또는 로그인 후 열립니다.
전체 카드 열기🐣 레벨 1 · 왕초보
바이브코딩이 무엇인지, 앱이 어떻게 돌아가는지 지도 그리기
🐣 1-1
"바이브코딩"이라는 말의 시작
"코드를 직접 타자 치지 않고, AI와 대화로 만드는 방식"이다.
🔒 카드 열기 →🐣 1-2
웹 앱은 세 조각으로 나뉜다
앱은 화면(프론트엔드) · 두뇌(백엔드) · 기억(데이터베이스) 세 덩어리가 대화하며 돌아간다.
🔒 카드 열기 →🐣 1-3
HTTP와 API: 프로그램끼리 대화하는 법
HTTP는 인터넷 위에서 통하는 말이고, API는 "이렇게 부르면 이렇게 답할게"라는 메뉴판이다.
🔒 카드 열기 →🐣 1-4
데이터베이스: 앱의 기억장치
DB는 껐다 켜도 남아야 하는 것(회원·글·주문)을 저장하는 곳이다.
🔒 카드 열기 →🐣 1-5
도구 지형도: 내가 쓸 것 고르기
"코드를 얼마나 볼 것인가"를 기준으로 도구를 3갈래로 나누고, 한 개만 고른다.
🔒 카드 열기 →🐣 1-6
"내 컴퓨터에서만 돼요" 문제
`localhost`는 내 컴퓨터를 가리키는 주소. 남이 접속하려면 배포(deploy)가 필요하다.
🔒 카드 열기 →